Android小技巧 Part II——软键盘遮挡登录按钮
2017-11-23 15:49
225 查看
登录、注册等界面经常会出现软键盘弹出遮挡登录按钮的情况,按界面布局的不同,可选择不同的方案进行解决,举例如下:
这种类型的界面有以下特点:
非全屏模式
背景是纯色而不是图片
针对以上模式,单纯设置
或者在最外层加上 ScrollView都并不足以完全解决问题,有以下2种方案可选
无ScrollView,RelativeLayout+adjustResize方案
将layout的最外层用 RelativeLayout ,而不是ScrollView或者LinearLayout
将需要软键盘跟随的控件放置在RelativeLayout的底部
让其他控件的位置根据这个控件来设置相对值
android:windowSoftInputMode=“adjustResize”
详见:android软键盘弹出时控件的遮挡和自调整问题
无adjustResize,仅ScrollView方案
将需要显示的所有内容用ScrollView包含
为EditText设置setOnFocusChangeListener 和 setOnTouchListener
使ScrollView滚动至底部
注意滚动时需延迟100ms~300ms(软键盘弹出的时间)
核心代码:
全屏模式
全屏模式不允许对界面进行Resize,因此一旦在style中设置了
则在AndroidManifest.xml中设置
将无效
同理,在layout中增加ScorllView也无法解决问题。
背景为图片
如果背景是图片,无论是adjustResize还是ScrollView都将导致图片变形
这种类型的布局,只能监听软键盘状态,根据键盘状态,调整布局,显示登录按钮
需要注意的是,在不同inputType的EditText间切换时,软键盘会消失再弹出,因此在调整布局时需要延迟几百毫秒,等待软键盘弹出,核心代码如下:
普通类型
这种类型的界面有以下特点:非全屏模式
背景是纯色而不是图片
针对以上模式,单纯设置
1 | android:windowSoftInputMode="adjustResize" |
无ScrollView,RelativeLayout+adjustResize方案
将layout的最外层用 RelativeLayout ,而不是ScrollView或者LinearLayout
将需要软键盘跟随的控件放置在RelativeLayout的底部
让其他控件的位置根据这个控件来设置相对值
android:windowSoftInputMode=“adjustResize”
详见:android软键盘弹出时控件的遮挡和自调整问题
无adjustResize,仅ScrollView方案
将需要显示的所有内容用ScrollView包含
为EditText设置setOnFocusChangeListener 和 setOnTouchListener
使ScrollView滚动至底部
注意滚动时需延迟100ms~300ms(软键盘弹出的时间)
核心代码:
1234567891011121314151617181920212223242526272829 | /** * 使滚动条滚动至指定位置(垂直滚动) * * @param scrollView 要滚动的ScrollView * @param to 滚动到的位置 */ protected void scrollVertical(final ScrollView scrollView, final int to) { scrollView.postDelayed(new Runnable() { @Override public void run() { scrollView.scrollTo(0, to); } },100); } /** * 使ScrollView滚动至底部,显示Submit按钮 * * @param scrollView 要滚动的scrollView */ protected void scrollToShowSubmitBtn(final ScrollView scrollView) { getWindow().setSoftInputMode(WindowManager.LayoutParams.SOFT_INPUT_ADJUST_RESIZE); scrollView.postDelayed(new Runnable() { @Override public void run() { scrollVertical(scrollView, scrollView.getHeight()); } }, 100); } |
全屏模式或背景为图片的布局
全屏模式全屏模式不允许对界面进行Resize,因此一旦在style中设置了
1 | <item name="android:windowFullscreen">true</item> |
1 | android:windowSoftInputMode="adjustResize" |
同理,在layout中增加ScorllView也无法解决问题。
背景为图片
如果背景是图片,无论是adjustResize还是ScrollView都将导致图片变形
这种类型的布局,只能监听软键盘状态,根据键盘状态,调整布局,显示登录按钮
需要注意的是,在不同inputType的EditText间切换时,软键盘会消失再弹出,因此在调整布局时需要延迟几百毫秒,等待软键盘弹出,核心代码如下:
12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849 | public abstract class BaseActivity extends AppCompatActivity { /** * 判断软键盘是否打开 * * @param rootView 最上层布局 * @return 打开:true,隐藏:false */ private boolean isKeyboardShown(View rootView) { final int softKeyboardHeight = 100; Rect r = new Rect(); rootView.getWindowVisibleDisplayFrame(r); DisplayMetrics dm = rootView.getResources().getDisplayMetrics(); int heightDiff = rootView.getBottom() - r.bottom; return heightDiff > softKeyboardHeight * dm.density; } /** * 添加软键盘状态监听器 */ protected void setKeyboardStateListener() { final View rootView = getWindow().getDecorView().findViewById(android.R.id.content); rootView.getViewTreeObserver().addOnGlobalLayoutListener(new ViewTreeObserver.OnGlobalLayoutListener() { @Override public void onGlobalLayout() { rootView.postDelayed(new Runnable() { @Override public void run() { if (isKeyboardShown(rootView)) { onKeyBoardShow(); } else { onKeyBoardHide(); } } },100); } }); } /** * 软键盘打开时要做的操作 */ protected abstract void onKeyBoardShow(); /** * 软键盘隐藏时要做的操作 */ protected abstract void onKeyBoardHide();} |
相关文章推荐
- 【Android】解决软键盘遮挡登陆按钮
- Android优雅的方式解决软键盘遮挡按钮问题
- Android-键盘遮挡登录或注册按钮
- Android 模仿QQ登录界面解决软键盘遮挡问题
- Android 模仿QQ登录界面解决软键盘遮挡问题
- Android实现登录界面键盘不遮挡登录按钮
- android开发软键盘遮挡登陆按钮
- 解决Android软键盘挡住登录按钮的问题!
- 【Android】解决软键盘遮挡登陆按钮
- Android开发软键盘遮挡登陆按钮的完美解决方案
- 【Android】解决软键盘遮挡登陆按钮
- 解决软键盘遮挡登录按钮
- <Android>监听软键盘打开收起事件(软键盘自带收起按钮)
- 解决键盘遮挡注册或登录按钮
- Android WebView加载页面的输入框被软键盘遮挡的问题
- Android软键盘(六)如何监听到软件盘显示与隐藏的事件,完美实现登录界面
- Android 解决在页面底部置输入框,软键盘遮挡部分输入框的问题
- Android简易实战教程--第二十二话《自定义组合控件模拟qq登录下拉框和其中的一些”小技巧”》
- android 关于美化按钮的小技巧
- 找Android程序登录按钮事件