Android上白鹭软键盘挡住输入框解决方案

墨蓝 2022-04-24 19:16 249阅读 0赞

最近在进行白鹭游戏的开发，发现了Android上的一个坑：就是在游戏界面内，输入框会被弹出来的软键盘挡住而不会上移。经过查阅资料，通过如下方式可以解决：

*  Android原生部分代码：

public class AndroidBug5497Workaround {
    
        // For more information, see https://code.google.com/p/android/issues/detail?id=5497
        // To use this class, simply invoke assistActivity() on an Activity that already has its content view set.
    
        public static void assistActivity (Activity activity) {
            new AndroidBug5497Workaround(activity);
        }
    
        private View mChildOfContent;
        private int usableHeightPrevious;
        private FrameLayout.LayoutParams frameLayoutParams;
    
        private AndroidBug5497Workaround(Activity activity) {
            FrameLayout content = (FrameLayout) activity.findViewById(android.R.id.content);
            mChildOfContent = content.getChildAt(0);
            mChildOfContent.getViewTreeObserver().addOnGlobalLayoutListener(new ViewTreeObserver.OnGlobalLayoutListener() {
                public void onGlobalLayout() {
                    possiblyResizeChildOfContent();
                }
            });
            frameLayoutParams = (FrameLayout.LayoutParams) mChildOfContent.getLayoutParams();
        }
    
        private void possiblyResizeChildOfContent() {
            int usableHeightNow = computeUsableHeight();
            if (usableHeightNow != usableHeightPrevious) {
                int usableHeightSansKeyboard = mChildOfContent.getRootView().getHeight();
                int heightDifference = usableHeightSansKeyboard - usableHeightNow;
                if (heightDifference > (usableHeightSansKeyboard/4)) {
                    // keyboard probably just became visible
                    frameLayoutParams.height = usableHeightSansKeyboard - heightDifference;
                } else {
                    // keyboard probably just became hidden
                    frameLayoutParams.height = usableHeightSansKeyboard;
                }
                mChildOfContent.requestLayout();
                usableHeightPrevious = usableHeightNow;
            }
        }
    
        private int computeUsableHeight() {
            Rect r = new Rect();
            mChildOfContent.getWindowVisibleDisplayFrame(r);
            return (r.bottom - r.top);// 全屏模式下： return r.bottom
        }
    
    }

在相应的activity的oncreate函数中执行，放在setContentView后面：

AndroidBug5497Workaround.assistActivity(this);

*  H5部分代码：

if (/Android/gi.test(navigator.userAgent)) {
        // 检测userAgent是否为Android
        window.addEventListener('resize', function () {
          if (document.activeElement.tagName == 'INPUT' || document.activeElement.tagName == 'TEXTAREA') {
            // 判断当前active的元素是否为input/ textarea
            window.setTimeout(function () {
              document.activeElement.scrollIntoViewIfNeeded()
              // 原生方法，滚动至需要显示的位置
            }, 0)
          }
        })
      }

这段代码放在game.html的js部分代码中即可。（game.html是本地加载的首页代码）

在这里特意做一个记录，以备查阅。

> [https://www.diycode.cc/topics/383][https_www.diycode.cc_topics_383]  
> [https://www.jianshu.com/p/baa539ae97b6][https_www.jianshu.com_p_baa539ae97b6]

[https_www.diycode.cc_topics_383]: https://www.diycode.cc/topics/383
[https_www.jianshu.com_p_baa539ae97b6]: https://www.jianshu.com/p/baa539ae97b6