鸿蒙输入框被软键盘遮挡的解决办法

运维 系统运维
滚动操作为什么要delay 100毫秒?因为点击一个输入框Component.LayoutRefreshedListener有时会反复调用多次,而且间隔时间小于10毫秒,所以会造成滚动距离不准确。

[[410742]]

想了解更多内容,请访问:

51CTO和华为官方合作共建的鸿蒙技术社区

https://harmonyos.51cto.com

处理前后对比
 

问题现状

安卓上面,输入框被软键盘遮挡,很简单

  1. xml 配置 
  2. android:windowSoftInputMode="adjustPan" 
  3. 或者,java 配置 
  4. getWindow().setSoftInputMode(WindowManager.LayoutParams.SOFT_INPUT_ADJUST_PAN); 

 这样,软键盘弹出后,输入框就会自动上移。

鸿蒙上也有类似的设置,但是貌似没效果:

  1. getWindow().setInputPanelDisplayType(WindowManager.LayoutConfig.INPUT_ADJUST_PAN); 

解决过程

原理:

布局文件用ScrollView包起来

监听根布局大小变化,变小了,证明输入法弹出了。

滚动ScrollView,使当前焦点控件显示在软键盘上方。

核心代码:

  1. public class MainAbilitySlice extends AbilitySlice { 
  2.     private EventHandler mainHandler = new EventHandler(EventRunner.getMainEventRunner()); 
  3.     private MyTask myTask = null
  4.     class MyTask implements Runnable { 
  5.         private final int softHeight; 
  6.         private final ScrollView root; 
  7.         private final Rect decorRect; 
  8.  
  9.         public MyTask(int softHeight, ScrollView root, Rect decorRect) { 
  10.             this.softHeight = softHeight; 
  11.             this.root = root; 
  12.             this.decorRect = decorRect; 
  13.         } 
  14.  
  15.         @Override 
  16.         public void run() { 
  17.             Timber.d("onRefreshed() called with: softHeight = [ %s ]", softHeight); 
  18.             Component focusView = root.findFocus(); 
  19.             int focusTop = focusView.getLocationOnScreen()[1];//焦点控件的左上角 
  20.             root.fluentScrollByY(focusTop + focusView.getHeight() - decorRect.top - decorRect.getHeight() + 100); 
  21.         } 
  22.     } 
  23.  
  24.     @Override 
  25.     public void onStart(Intent intent) { 
  26.         super.onStart(intent); 
  27.         getWindow().setInputPanelDisplayType(WindowManager.LayoutConfig.INPUT_ADJUST_PAN); 
  28.         super.setUIContent(ResourceTable.Layout_ability_main); 
  29.  
  30.         Optional<Display> display = DisplayManager.getInstance().getDefaultDisplay(getContext()); 
  31.         Point pt = new Point(); 
  32.         display.get().getSize(pt); 
  33.         int screenHeight = pt.getPointYToInt();//不包括状态栏(手机时间、wifi显示的那一部分,) 2211,状态栏是129,加起来就是2340 
  34.         Timber.d("onRefreshed() called with: screenHeight = [ %s ]", screenHeight); 
  35.  
  36.         ScrollView root = (ScrollView) findComponentById(ResourceTable.Id_root); 
  37.         root.setLayoutRefreshedListener(new Component.LayoutRefreshedListener() { 
  38.             @Override 
  39.             public void onRefreshed(Component component) { 
  40.                 //包括标题栏,但不包括状态栏。默认 大小 (0,129,1080,2340),top=129即状态栏 , height=2211。 同android的decorView 
  41.                 Rect decorRect = new Rect(); 
  42.                 component.getWindowVisibleRect(decorRect); 
  43.                 Timber.d("onRefreshed() called with: rect = [ %s ]", decorRect); 
  44.                 if (decorRect.getHeight() == 0) { 
  45.                     //刚进入界面可能为0 
  46.                     return
  47.                 } 
  48.                 int softHeight = screenHeight - decorRect.getHeight(); 
  49.                 Timber.d("onRefreshed() called with: softHeight = [ %s ]", softHeight); 
  50.  
  51.                 if (softHeight > 100) {//当输入法高度大于100判定为输入法打开了 
  52.                     if (myTask != null) { 
  53.                         mainHandler.removeTask(myTask); 
  54.                         myTask = null
  55.                     } 
  56.                     mainHandler.postTask(myTask = new MyTask(softHeight, root, decorRect), 100); 
  57.                 } 
  58.             } 
  59.         }); 
  60.     } 

 完整代码见文末 

特别说明: 滚动操作为什么要delay 100毫秒?因为点击一个输入框Component.LayoutRefreshedListener有时会反复调用多次,而且间隔时间小于10毫秒,所以会造成滚动距离不准确。用postTask之后,每次调用的时候会把之前的task remove掉,以最新的一次为准。

计算滚动距离

其中上面的大红框是decorRect(即当前Ability可视区域),下面的大黑框是输入法显示区域。其中,软键盘弹出后,输入框被软键盘挡住,图中的小红框。

所以,要滚动的距离就是图中的C=A-B。

输入框被软键盘遮挡的解决办法-鸿蒙HarmonyOS技术社区

可以优化的点:

如果是Dialog中的输入框,当前的计算方法是否正确?

如果不用ScrollView,还有别的解决办法吗?

抽取出工具类或工具方法,代码复用。

文章相关附件可以点击下面的原文链接前往下载

原文链接:https://harmonyos.51cto.com/posts/4776

想了解更多内容,请访问:

51CTO和华为官方合作共建的鸿蒙技术社区

https://harmonyos.51cto.com

 

责任编辑:jianghua 来源: 鸿蒙社区
相关推荐

2009-08-21 13:25:49

C#打开软键盘

2021-08-07 15:31:45

Windows 10Windows微软

2019-04-25 10:20:22

H5软键盘前端

2024-03-06 09:16:57

PAD设备kikaInput鸿蒙

2013-04-01 17:05:28

2010-01-15 09:38:08

磁盘被写保护解决办法

2013-06-27 17:26:01

AndroidEditText

2017-12-05 15:26:19

2020-03-24 09:34:00

移动端H5软键盘

2017-12-05 13:12:35

Android软键盘参数

2010-05-04 13:52:00

Oracle用户被锁

2020-09-24 14:06:19

Vue

2017-07-03 17:20:55

Android软键盘控制开发问题

2020-12-23 11:45:27

鸿蒙HarmonyOSTextField组件

2010-08-19 15:40:34

DIVIE6

2009-06-03 16:41:21

Eclipse乱码Eclipse

2011-07-22 15:32:53

iPhone 按钮 对话框

2011-01-19 17:54:48

2011-03-04 13:07:47

Filezilla

2009-05-31 09:07:35

Oracle锁定
点赞
收藏

51CTO技术栈公众号