显示软键盘时向上移动布局
Move layout up when soft keyboard is shown
我正在尝试在编辑文本获得焦点后出现软键盘时调整布局。现在如果我有很多编辑文本并且键盘出现,最后的编辑文本被隐藏并且我无法向上滚动。
我的布局是这样构建的:
模板:
<LinearLayout>
<LinearLayout>
// header 1
</LinearLayout>
<LinearLayout>
// header 1
</LinearLayout>
<LinearLayout
android:layout_width="fill_parent"
android:layout_height="0dip"
android:layout_weight="1"
android:orientation="vertical">
// where I inflate view_1
</LinearLayout>
<LinearLayout>
// footer
</LinearLayout>
</LinearLayout>
查看(view_1):
<ScrollView
android:layout_width="fill_parent"
android:layout_height="fill_parent">
<LinearLayout
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:focusable="true"
android:focusableInTouchMode="true">
<LinearLayout>
// ...
</LinearLayout>
<LinearLayout>
// ...
</LinearLayout>
<LinearLayout>
<TextView/>
<EditText/>
<TextView/>
<EditText/>
<TextView/>
<EditText/>
<TextView/>
<EditText/>
</LinearLayout>
</LinearLayout>
</ScrollView>
我已经尝试了 android:windowSoftInputMode
的各种组合(在 manifest.xml 上并以编程方式)。我试图在滚动视图上设置 android:isScrollContainer="false"
,但没有。
我也试过这个 answer,在我的滚动视图中放置一个 GlobalLayoutListener,但是当键盘出现时没有调用 onGlobalLayout。 isKeyboardShown
始终为假。
将所有顶级代码放在 ScrollView
中,而不仅仅是 view_1
。这允许您在任何子项单击时移动所有父级布局 EditText
。
编辑: view_1
在这种情况下不得包含 ScrollView
!
我最终按照自己的方式去做。
我创建了一个 class 实现 OnFocusChangeListener 来处理我所有的 EditText:
public class EditTextFocusChangeListener implements OnFocusChangeListener {
private ScrollView scrollView;
public EditTextFocusChangeListener(ScrollView scrollView) {
this.scrollView = scrollView;
}
@Override
public void onFocusChange(View view, boolean hasFocus) {
if(hasFocus) {
int left = view.getLeft();
int top = view.getTop();
int bottom = view.getBottom();
int keyboardHeight = scrollView.getHeight() / 3;
// if the bottom of edit text is greater than scroll view height divide by 3,
// it means that the keyboard is visible
if (bottom > keyboardHeight) {
// increase scroll view with padding
scrollView.setPadding(0, 0, 0, keyboardHeight);
// scroll to the edit text position
scrollView.scrollTo(left, top);
}
}
}
}
然后在activity中,我为每个编辑文本设置监听器:
EditTextFocusChangeListener listener = new EditTextFocusChangeListener(mainScrollView);
editText1 = (EditText) findViewById(R.id.editText1);
editText1.setOnFocusChangeListener(listener);
editText2 = (EditText) findViewById(R.id.editText2);
editText2.setOnFocusChangeListener(listener);
...
editTextN = (EditText) findViewById(R.id.editTextN);
editTextN.setOnFocusChangeListener(listener);
对于最后的编辑文本,我设置了一个 EditorAction 监听器来处理软键盘上的 'Done' 按钮 - 隐藏键盘并将滚动视图放回其原始位置:
editTextN.setOnEditorActionListener(new OnEditorActionListener() {
@Override
public boolean onEditorAction(TextView v, int actionId, KeyEvent event) {
int result = actionId & EditorInfo.IME_MASK_ACTION;
switch(result) {
// user taped on keyboard DONE button
case EditorInfo.IME_ACTION_DONE:
// put the scroll view back to its original position
mainScrollView.setPadding(0, 0, 0, 0);
// hide keyboard
((InputMethodManager) getApplicationContext().getSystemService(Context.INPUT_METHOD_SERVICE)).hideSoftInputFromWindow(v.getWindowToken(), 0);
// remove focus from any edit text
LinearLayout scrollViewLL = (LinearLayout) mainScrollView.getChildAt(0);
scrollViewLL.requestFocus();
break;
}
return false;
}
});
最后,当用户触摸编辑文本外部以隐藏键盘并将滚动视图放回其原始位置时的一种处理方式(在网上找到并稍作更改以满足我的需要):
public void setupUI(View view) {
// Set up touch listener for non-text box views to hide keyboard.
if (!(view instanceof EditText)) {
view.setOnTouchListener(new OnTouchListener() {
public boolean onTouch(View v, MotionEvent event) {
// put the scroll view back to its original position
if (v instanceof ScrollView) {
v.setPadding(0, 0, 0, 0);
LinearLayout scrollViewLL = (LinearLayout) ((ScrollView) v).getChildAt(0);
scrollViewLL.requestFocus();
}
hideKeyboard();
return false;
}
});
}
// If a layout container, iterate over children and seed recursion.
if (view instanceof ViewGroup) {
for (int i = 0; i < ((ViewGroup) view).getChildCount(); i++) {
View innerView = ((ViewGroup) view).getChildAt(i);
setupUI(innerView);
}
}
}
我找到的最佳解决方案是在 manifest.xml 中的 activity<> 标记中添加 adjustpan
属性文件 .
<activity
android:name="MyActivity"
android:windowSoftInputMode="adjustPan"/>
android:weightSum="1"
添加这个
这是一个迟到的答案,但它可能对仍在寻找替代解决方案的任何人有所帮助。我创建了一个自定义 ViewTreeObserver.OnGlobalLayoutListener
,如果您正在寻找一种方法来控制要确保在显示软键盘时可见的 View
的位置,那么它可能适合您的用例。 Here is a gist 该解决方案。
OnGlobalLayoutListener
通过在显示键盘时平滑地将视图移动到软键盘边界上方并在显示时返回视图的起始位置来动画更改视图的 translationY
属性键盘被解雇。如果您对使用有任何疑问,请告诉我。
下面的代码对我有用。试试这个例子:
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:id="@+id/RelativeAdd"
android:layout_width="match_parent"
android:layout_height="wrap_content"
tools:context="com.example.scrollview.MainActivity">
<ScrollView
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:layout_alignParentLeft="true"
android:layout_alignParentStart="true"
android:layout_alignParentTop="true">
<RelativeLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_gravity="center">
<EditText
android:id="@+id/editTextUserName"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignParentTop="true"
android:layout_centerHorizontal="true"
android:layout_marginTop="100dp"
android:ems="10"
android:inputType="textPersonName"
android:hint="Name" />
<EditText
android:id="@+id/address"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_alignEnd="@+id/editTextUserName"
android:layout_alignLeft="@+id/editTextUserName"
android:layout_alignRight="@+id/editTextUserName"
android:layout_alignStart="@+id/editTextUserName"
android:layout_below="@+id/editTextUserName"
android:layout_marginTop="20dp"
android:ems="10"
android:inputType="textPersonName"
android:hint="Address" />
<Button
android:id="@+id/buttonLogin"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_below="@+id/address"
android:layout_centerHorizontal="true"
android:layout_marginTop="47dp"
android:text="Button" />
</RelativeLayout>
</ScrollView>
</RelativeLayout>
在 manifest.xml 中添加以下行:
android:theme="@style/AppTheme"
android:windowSoftInputMode="stateHidden|adjustPan"
根据您的主题要求在 style.xml 中声明 AppTheme。然后,如果您不需要在页面加载时出现键盘,您可以在 activity:
中添加以下行
getWindow().setSoftInputMode(WindowManager.LayoutParams.SOFT_INPUT_STATE_ALWAYS_HIDDEN);
快乐编码:-)
如果您使用 Android Studio Basic Activity
向导(使用 CoordinatorLayout
和 theme="@style/AppTheme.NoActionBar"
)创建 Activity,默认行为是 adjustPan,其中 activity 的顶部被推到屏幕外,EditText 显示在键盘上方。您也可以将其更改为 adjustResize
,其中保留了 activity 的顶部。
编辑AndroidManifest.xml
<?xml version="1.0" encoding="utf-8"?>
<manifest ...>
<application ...>
<activity
android:name=".TestInputActivity"
android:label="@string/title_activity_test_input"
android:windowSoftInputMode="adjustResize"
android:theme="@style/AppTheme.NoActionBar">
</activity>
</application>
</manifest>
请记住,如果您使用 Scrolling Activity
,效果和行为可能会略有不同,例如 NestedScrollView
。
https://code.luasoftware.com/tutorials/android/move-layout-when-keyboard-shown/
我正在尝试在编辑文本获得焦点后出现软键盘时调整布局。现在如果我有很多编辑文本并且键盘出现,最后的编辑文本被隐藏并且我无法向上滚动。
我的布局是这样构建的:
模板:
<LinearLayout>
<LinearLayout>
// header 1
</LinearLayout>
<LinearLayout>
// header 1
</LinearLayout>
<LinearLayout
android:layout_width="fill_parent"
android:layout_height="0dip"
android:layout_weight="1"
android:orientation="vertical">
// where I inflate view_1
</LinearLayout>
<LinearLayout>
// footer
</LinearLayout>
</LinearLayout>
查看(view_1):
<ScrollView
android:layout_width="fill_parent"
android:layout_height="fill_parent">
<LinearLayout
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:focusable="true"
android:focusableInTouchMode="true">
<LinearLayout>
// ...
</LinearLayout>
<LinearLayout>
// ...
</LinearLayout>
<LinearLayout>
<TextView/>
<EditText/>
<TextView/>
<EditText/>
<TextView/>
<EditText/>
<TextView/>
<EditText/>
</LinearLayout>
</LinearLayout>
</ScrollView>
我已经尝试了 android:windowSoftInputMode
的各种组合(在 manifest.xml 上并以编程方式)。我试图在滚动视图上设置 android:isScrollContainer="false"
,但没有。
我也试过这个 answer,在我的滚动视图中放置一个 GlobalLayoutListener,但是当键盘出现时没有调用 onGlobalLayout。 isKeyboardShown
始终为假。
将所有顶级代码放在 ScrollView
中,而不仅仅是 view_1
。这允许您在任何子项单击时移动所有父级布局 EditText
。
编辑: view_1
在这种情况下不得包含 ScrollView
!
我最终按照自己的方式去做。
我创建了一个 class 实现 OnFocusChangeListener 来处理我所有的 EditText:
public class EditTextFocusChangeListener implements OnFocusChangeListener {
private ScrollView scrollView;
public EditTextFocusChangeListener(ScrollView scrollView) {
this.scrollView = scrollView;
}
@Override
public void onFocusChange(View view, boolean hasFocus) {
if(hasFocus) {
int left = view.getLeft();
int top = view.getTop();
int bottom = view.getBottom();
int keyboardHeight = scrollView.getHeight() / 3;
// if the bottom of edit text is greater than scroll view height divide by 3,
// it means that the keyboard is visible
if (bottom > keyboardHeight) {
// increase scroll view with padding
scrollView.setPadding(0, 0, 0, keyboardHeight);
// scroll to the edit text position
scrollView.scrollTo(left, top);
}
}
}
}
然后在activity中,我为每个编辑文本设置监听器:
EditTextFocusChangeListener listener = new EditTextFocusChangeListener(mainScrollView);
editText1 = (EditText) findViewById(R.id.editText1);
editText1.setOnFocusChangeListener(listener);
editText2 = (EditText) findViewById(R.id.editText2);
editText2.setOnFocusChangeListener(listener);
...
editTextN = (EditText) findViewById(R.id.editTextN);
editTextN.setOnFocusChangeListener(listener);
对于最后的编辑文本,我设置了一个 EditorAction 监听器来处理软键盘上的 'Done' 按钮 - 隐藏键盘并将滚动视图放回其原始位置:
editTextN.setOnEditorActionListener(new OnEditorActionListener() {
@Override
public boolean onEditorAction(TextView v, int actionId, KeyEvent event) {
int result = actionId & EditorInfo.IME_MASK_ACTION;
switch(result) {
// user taped on keyboard DONE button
case EditorInfo.IME_ACTION_DONE:
// put the scroll view back to its original position
mainScrollView.setPadding(0, 0, 0, 0);
// hide keyboard
((InputMethodManager) getApplicationContext().getSystemService(Context.INPUT_METHOD_SERVICE)).hideSoftInputFromWindow(v.getWindowToken(), 0);
// remove focus from any edit text
LinearLayout scrollViewLL = (LinearLayout) mainScrollView.getChildAt(0);
scrollViewLL.requestFocus();
break;
}
return false;
}
});
最后,当用户触摸编辑文本外部以隐藏键盘并将滚动视图放回其原始位置时的一种处理方式(在网上找到并稍作更改以满足我的需要):
public void setupUI(View view) {
// Set up touch listener for non-text box views to hide keyboard.
if (!(view instanceof EditText)) {
view.setOnTouchListener(new OnTouchListener() {
public boolean onTouch(View v, MotionEvent event) {
// put the scroll view back to its original position
if (v instanceof ScrollView) {
v.setPadding(0, 0, 0, 0);
LinearLayout scrollViewLL = (LinearLayout) ((ScrollView) v).getChildAt(0);
scrollViewLL.requestFocus();
}
hideKeyboard();
return false;
}
});
}
// If a layout container, iterate over children and seed recursion.
if (view instanceof ViewGroup) {
for (int i = 0; i < ((ViewGroup) view).getChildCount(); i++) {
View innerView = ((ViewGroup) view).getChildAt(i);
setupUI(innerView);
}
}
}
我找到的最佳解决方案是在 manifest.xml 中的 activity<> 标记中添加 adjustpan
属性文件 .
<activity
android:name="MyActivity"
android:windowSoftInputMode="adjustPan"/>
android:weightSum="1"
添加这个
这是一个迟到的答案,但它可能对仍在寻找替代解决方案的任何人有所帮助。我创建了一个自定义 ViewTreeObserver.OnGlobalLayoutListener
,如果您正在寻找一种方法来控制要确保在显示软键盘时可见的 View
的位置,那么它可能适合您的用例。 Here is a gist 该解决方案。
OnGlobalLayoutListener
通过在显示键盘时平滑地将视图移动到软键盘边界上方并在显示时返回视图的起始位置来动画更改视图的 translationY
属性键盘被解雇。如果您对使用有任何疑问,请告诉我。
下面的代码对我有用。试试这个例子:
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:id="@+id/RelativeAdd"
android:layout_width="match_parent"
android:layout_height="wrap_content"
tools:context="com.example.scrollview.MainActivity">
<ScrollView
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:layout_alignParentLeft="true"
android:layout_alignParentStart="true"
android:layout_alignParentTop="true">
<RelativeLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_gravity="center">
<EditText
android:id="@+id/editTextUserName"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignParentTop="true"
android:layout_centerHorizontal="true"
android:layout_marginTop="100dp"
android:ems="10"
android:inputType="textPersonName"
android:hint="Name" />
<EditText
android:id="@+id/address"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_alignEnd="@+id/editTextUserName"
android:layout_alignLeft="@+id/editTextUserName"
android:layout_alignRight="@+id/editTextUserName"
android:layout_alignStart="@+id/editTextUserName"
android:layout_below="@+id/editTextUserName"
android:layout_marginTop="20dp"
android:ems="10"
android:inputType="textPersonName"
android:hint="Address" />
<Button
android:id="@+id/buttonLogin"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_below="@+id/address"
android:layout_centerHorizontal="true"
android:layout_marginTop="47dp"
android:text="Button" />
</RelativeLayout>
</ScrollView>
</RelativeLayout>
在 manifest.xml 中添加以下行:
android:theme="@style/AppTheme"
android:windowSoftInputMode="stateHidden|adjustPan"
根据您的主题要求在 style.xml 中声明 AppTheme。然后,如果您不需要在页面加载时出现键盘,您可以在 activity:
中添加以下行getWindow().setSoftInputMode(WindowManager.LayoutParams.SOFT_INPUT_STATE_ALWAYS_HIDDEN);
快乐编码:-)
如果您使用 Android Studio Basic Activity
向导(使用 CoordinatorLayout
和 theme="@style/AppTheme.NoActionBar"
)创建 Activity,默认行为是 adjustPan,其中 activity 的顶部被推到屏幕外,EditText 显示在键盘上方。您也可以将其更改为 adjustResize
,其中保留了 activity 的顶部。
编辑AndroidManifest.xml
<?xml version="1.0" encoding="utf-8"?>
<manifest ...>
<application ...>
<activity
android:name=".TestInputActivity"
android:label="@string/title_activity_test_input"
android:windowSoftInputMode="adjustResize"
android:theme="@style/AppTheme.NoActionBar">
</activity>
</application>
</manifest>
请记住,如果您使用 Scrolling Activity
,效果和行为可能会略有不同,例如 NestedScrollView
。
https://code.luasoftware.com/tutorials/android/move-layout-when-keyboard-shown/