我有一个包含许多 ViewsStubs 的滚动视图布局,这些视图存根会根据用户操作(例如......回答第一个问题会出现第二个问题和答案字段(editText)而膨胀(显示))
我的问题是在回答第一个问题并单击提交后,下一个问题可见,但答案字段隐藏在软键盘下......用户看不到他正在输入的内容。
我想要的是任何新显示的editText/微调器/复选框必须出现在屏幕顶部(动态滚动到这些视图)。
如何做到这一点?
我有一个包含许多 ViewsStubs 的滚动视图布局,这些视图存根会根据用户操作(例如......回答第一个问题会出现第二个问题和答案字段(editText)而膨胀(显示))
我的问题是在回答第一个问题并单击提交后,下一个问题可见,但答案字段隐藏在软键盘下......用户看不到他正在输入的内容。
我想要的是任何新显示的editText/微调器/复选框必须出现在屏幕顶部(动态滚动到这些视图)。
如何做到这一点?
以我的代码为例,您可以执行以下操作:将XML设置为:
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:orientation="vertical" >
<ScrollView
android:id="@+id/scrlv"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:layout_centerHorizontal="true"
android:layout_centerVertical="true"
android:background="#123789" >
<LinearLayout
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:background="#1188ff" >
<RelativeLayout
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:layout_below="@+id/headerlayout"
android:background="#456789" >
<EditText
android:id="@+id/etemail"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:layout_marginLeft="20dp"
android:layout_marginRight="20dp"
android:layout_marginTop="40dp"
android:hint="Text 1"
android:maxLines="3" />
<EditText
android:id="@+id/etpassword"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:layout_alignLeft="@+id/etemail"
android:layout_alignRight="@+id/etemail"
android:layout_below="@+id/etemail"
android:hint="Text 2"
android:inputType="textPassword"
android:maxLines="3" />
<EditText
android:id="@+id/etusername"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:layout_alignLeft="@+id/etemail"
android:layout_alignRight="@+id/etemail"
android:layout_below="@+id/etpassword"
android:hint="Text 3"
android:maxLines="3" />
<EditText
android:id="@+id/etphone"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:layout_alignLeft="@+id/etemail"
android:layout_alignRight="@+id/etemail"
android:layout_below="@+id/etusername"
android:hint="Text 4"
android:inputType="text"
android:maxLines="5" />
<CheckBox
android:id="@+id/chkterms"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignLeft="@+id/etemail"
android:layout_alignRight="@+id/etemail"
android:layout_below="@+id/etphone"
android:layout_marginTop="10dp"
android:text="Conditions Aplly"
android:textColor="@android:color/black" />
<Button
android:id="@+id/btnlogin"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_below="@+id/chkterms"
android:layout_centerHorizontal="true"
android:layout_marginTop="10dp"
android:text="Login" />
</RelativeLayout>
</LinearLayout>
</ScrollView>
</RelativeLayout>
然后代码:
[1] 获取设备的屏幕分辨率:Height, Width
[2] 对 EditText 进行 onFocusChange
[3] 在那,如果您的 EditText 获得焦点,那么
[4] 获取 EditText 的底部,如果底部大于 (ScreenHeight / 3) 则
[5] 滚动 Your_ScrollView 到 (left, (ScreenHeight/3));
public class MainActivity extends Activity implements OnClickListener{
private EditText etEmail, etPassword, etUserName, etPhoneNo;
private CheckBox chkTerms;
private Button btnLogin;
ScrollView scrlv;
int sw, sh, left, bottom;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
scrlv = (ScrollView) findViewById(R.id.scrlv);
etEmail = (EditText) findViewById(R.id.etemail);
etPassword = (EditText) findViewById(R.id.etpassword);
etUserName = (EditText) findViewById(R.id.etusername);
etPhoneNo = (EditText) findViewById(R.id.etphone);
DisplayMetrics dm = new DisplayMetrics();
getWindowManager().getDefaultDisplay().getMetrics(dm);
sw = dm.widthPixels;
sh = dm.heightPixels;
System.out.println("Screen Width = " + sw);
System.out.println("Screen Height = " + sh);
chkTerms = (CheckBox) findViewById(R.id.chkterms);
btnLogin = (Button) findViewById(R.id.btnlogin);
btnLogin.setOnClickListener(this);
etUserName.setOnFocusChangeListener(new OnFocusChangeListener() {
@Override
public void onFocusChange(View v, boolean hasFocus) {
if(etUserName.hasFocus()) {
left = etUserName.getLeft();
bottom = etUserName.getTop();
if (bottom > sh / 3) {
System.out.println("Umn Left :: " + left);
System.out.println("Umn Bottom :: " + bottom);
scrlv.scrollTo(left, (sh/3));
left = etUserName.getLeft();
bottom = etUserName.getTop();
System.out.println("Umn Left :: " + left);
System.out.println("Unm Bottom :: " + bottom);
}
}
}
});
etPhoneNo.setOnFocusChangeListener(new OnFocusChangeListener() {
@Override
public void onFocusChange(View v, boolean hasFocus) {
if(etPhoneNo.hasFocus()) {
left = etPhoneNo.getLeft();
bottom = etPhoneNo.getTop();
if (bottom > sh / 3) {
System.out.println("Phno Left :: " + left);
System.out.println("Phno Bottom :: " + bottom);
scrlv.scrollTo(0, (sh/3));
left = etPhoneNo.getLeft();
bottom = etPhoneNo.getTop();
System.out.println("Phno Left :: " + left);
System.out.println("Phno Bottom :: " + bottom);
}
}
}
});
}
@Override
public void onClick(View v) {
// TODO Auto-generated method stub
}
}
您可以尝试 requestRectangleOnScreen 方法以确保您的视图可见。请参阅:http: //developer.android.com/reference/android/view/View.html#requestRectangleOnScreen%28android.graphics.Rect%29
public boolean requestRectangleOnScreen (Rect rectangle)
Since: API Level 1
Request that a rectangle of this view be visible on the screen, scrolling if necessary just enough.
A View should call this if it maintains some notion of which part of its content is interesting. For example, a text editing view should call this when its cursor moves.
Parameters
rectangle The rectangle.
Returns
Whether any parent scrolled.
在您的布局中,您可以尝试以下一些操作:
1) 设置属性 android:fillViewPort="true"
2)将编辑文本的权重设置为“1”(假设没有其他对象的权重为 1)
3) 你的滚动视图是否包含你所有的文本视图/编辑文本?尝试使用该 fillViewPort 属性将整个布局包围在滚动视图中可能是值得的。
这是滚动视图及其复杂性的一个很好的链接:
http://www.curious-creature.org/2010/08/15/scrollviews-handy-trick/
使用以下布局应该在显示软键盘时将底部 EditText 向上移动(在某些时候调用 view.setVisibility(true)):
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="fill_parent"
android:layout_height="fill_parent" >
<ListView
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:layout_above="@+id/answers" />
<EditText
android:id="@+id/answers"
android:layout_width="fill_parent"
android:layout_height="200dp"
android:layout_alignParentBottom="true"
android:visibility="invisible"/>
</RelativeLayout>