Android dialog 遮住输入框的解决思路

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Android dialog 遮住输入框的解决思路相关的知识,希望对你有一定的参考价值。

参考技术A 在工作中经常会遇到弹出的dialog有输入框的情况,屏幕大了还好,屏幕小了之后就特别容易出现输入框被软键盘遮住的情况,下面就是我在实际想中中遇到的

从上图可以看出输入框已经看不到了,遇到这种情况的第一个思路都是在dialog的style中添加

<item name="android:windowSoftInputMode">adjustPan</item>,我也试了下基本上没用。然后换了个思路,既然软键盘弹出来了,为什么不能让dialog向上移动同样的距离呢。思路有了,下面就是把他实现了。

首先就是要计算软键盘的高度,由于google并没有给出具体的方法来计算软键盘的高度,这时候我们就只能根据布局的高度变化来计算了。首先需要计算出屏幕的bottom坐标,然后监控布局的变动判断变动后的bottom和初始的bottom的差值,一般肉眼观察软键盘的高度差不多是屏幕高度的1/3,所以就假设bottom往上移动了屏幕的1/3的距离就认为软件盘弹出来了,当然也可以根据其他值来判断,下面贴出具体方法:

/**

* activity中判断软键盘是否显示

* @param activity

* */

fun isKeyboardShowing(activity: Activity): Boolean

val screenHeight = activity.window!!.decorView.height.toDouble()

//获取view的可见区域

    val rect = Rect()

activity.window!!.decorView.getWindowVisibleDisplayFrame(rect)

return (2.0 /3.0) * screenHeight > rect.bottom.toDouble()



接下来我们来计算出软件盘的高度,经过我在多个测试机上实验发现初始时bottom就是屏幕的高度,下面是计算键盘高度的具体方法

/**

* activity中计算软键盘的高度

* @param activity

* */

fun getKeyboardHeight(activity: Activity): Int

val displayMetrics = DisplayMetrics()

activity.windowManager.defaultDisplay.getMetrics(displayMetrics)

val screenHeight = displayMetrics.heightPixels

    val rect = Rect()

activity.window!!.decorView.getWindowVisibleDisplayFrame(rect)

return screenHeight - rect.bottom



有了高度之后一切就好办了我们只需要在软键盘弹出来的时候把dialog往上移动就行,在移动方式上我选择了设置LayoutParams的方式,开始时想设置底部margin的,结果发现没作用,dialog一点不移动,最后只好设置上边的margin为负值

if (SoftUtils.isKeyboardShowing(context))

val lp =mRootView.layoutParams as ViewGroup.MarginLayoutParams

if (lp.topMargin ==0)

lp.topMargin = -SoftUtils.getKeyboardHeight(context)

if (mRootView.height

lp.height =mRootOriginHeight

       

mRootView.layoutParams = lp



else

if (mRootOriginHeight ==0)

mRootOriginHeight =mRootView.height

   

val lp =mRootView.layoutParams as ViewGroup.MarginLayoutParams

if (lp.topMargin <0)

lp.topMargin =0

        mRootView.layoutParams = lp





其中mRootView是dialog最外层的布局。在这里面比较重要的一点监测方式,在哪里监测软键盘的弹出动作,在activity中可以监测onWindowFocusChanged方法,但是如果封装了dialog的话,dialog中的onWindowFocusChanged并不会起作用,在这里我选择了使用ViewTreeObserver和监听,通过给mRootView的ViewTreeObserver添加addOnGlobalLayoutListener来实时判断,下面是完整的方法

private fun setSpace()

val treeObserver =mRootView.viewTreeObserver

    treeObserver.addOnGlobalLayoutListener

        if (SoftUtils.isKeyboardShowing(context))

val lp =mRootView.layoutParams as ViewGroup.MarginLayoutParams

if (lp.topMargin ==0)

lp.topMargin = -SoftUtils.getKeyboardHeight(context)

if (mRootView.height

lp.height =mRootOriginHeight

               

mRootView.layoutParams = lp



else

if (mRootOriginHeight ==0)

mRootOriginHeight =mRootView.height

           

val lp =mRootView.layoutParams as ViewGroup.MarginLayoutParams

if (lp.topMargin <0)

lp.topMargin =0

                mRootView.layoutParams = lp









在这里当软键盘弹出的时候重新设置了下dialog的高度,因为有时候软键盘的弹出会使dialog的高度压缩,所以弹出的时候重新设置下就好了。

这就是我的一个解决思路,当然完全按这个写的话当输入框较多时也可能出问题,最上层的输入框跑屏幕之外去了,这种情况下我们只需要根据输入框的位置动态的计算dialog需要往上移动的距离就行,不要一直设置为计算出来的软键盘的高度。

下图是解决之后的UI

android中自定义的dialog中的EditText无法弹出输入法解决方案

1.解决无法弹出输入法:

在show()方法调用之前,用dialog.setView(new EditText(context))添加一个空的EditText,由于是自定义的AlertDialog,有我们指定的布局,所以设置这个不会影响我们的功能,这样就可以弹出输入法了……

2.可以弹出输入法了,但了为了增强用户体验性,当dialog中含有editText时应该,在显示dialog的同时自动弹出键盘:

(1) 可以在自定义的dialog中增加如下方法:
[java] view plain copy
 
 技术分享技术分享
  1. public void showKeyboard() {  
  2.         if(editText!=null){  
  3.             //设置可获得焦点  
  4.             editText.setFocusable(true);  
  5.             editText.setFocusableInTouchMode(true);  
  6.             //请求获得焦点  
  7.             editText.requestFocus();  
  8.             //调用系统输入法  
  9.             InputMethodManager inputManager = (InputMethodManager) editText  
  10.                     .getContext().getSystemService(Context.INPUT_METHOD_SERVICE);  
  11.             inputManager.showSoftInput(editText, 0);  
  12.         }  
  13.     }  
其中editText为自定义dialog中的输入框的view
(2) 在dialog.show()后,调用这个方法显示输入法,由于在调用时可能dialog界面还未加载完成,editText 可能还为空,所以需要加上一个延时任务,延迟显示:
[java] view plain copy
 
 技术分享技术分享
  1. dialog.show();  
  2. Timer timer = new Timer();  
  3. timer.schedule(new TimerTask() {  
  4.   
  5.     @Override  
  6.     public void run() {  
  7.         dialog.showKeyboard();  
  8.     }  
  9. }, 200);  


以上是关于Android dialog 遮住输入框的解决思路的主要内容,如果未能解决你的问题,请参考以下文章

JS 解决安卓手机输入框被软键盘遮住的问题

移动端Android软键盘遮住输入框解决!

Jquery UI dialog 弹层被遮住的问题

如何让jqueryEasyUI里面的dialog弹出层跳出iframe框架在最外层显示以防止拖动时部门被遮住之后无法拖动

Vue全家桶开发Android和IOS移动端应用常见问题解决

Vue全家桶开发Android和IOS移动端应用常见问题解决