亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定

android 記一次解決鍵盤遮擋問題

標簽:
Android

日常android开发过程中,会遇到编辑框输入内容弹出软键盘,往往会出现键盘遮挡内容,或者出现页面整体上移的,或多或少在体验上都不是很优雅,今天提供个方法是自行控制页面上移距离,竟可能让页面呈现给用户友好点。

一般我们会在AndroidManifest.xml 里配置windowSoftInputMode来控制键盘与页面的交互。

举个栗子,一个简单的登录页面。

adjustResize

activity 加<activity android:windowSoftInputMode="adjustResize">  
adjustResize:Activity总是调整屏幕的大小以便留出软键盘的空间,可以看到页面整体上移,最下面的一行字也可以看到。

webp

image


adjustPan

activity 加<activity android:windowSoftInputMode="adjustPan">    
adjustPan:当前窗口的内容将自动移动以便当前焦点不被键盘覆盖,用户能总是看到输入内容的部分。
可以发现页面会自动移动,以便获取焦点的editText 不被键盘遮住,但是确定按钮被遮住了,用户需要自行隐藏键盘 再确定。

webp

image


而我想要的效果是用户输入过程中 确定 按钮一直可见,且要底部的内容被遮挡,这就需要我们自己控制页面上移距离。
监听键盘弹出/隐藏的过程,获取键盘高度,计算需要上移的高度,以便按钮可见。

//监听键盘弹出/隐藏container.getViewTreeObserver().addOnGlobalLayoutListener(new ViewTreeObserver.OnGlobalLayoutListener() {    @Override
    public void onGlobalLayout() {
        Rect rect = new Rect();        //getWindowVisibleDisplayFrame 获取当前窗口可视区域大小
        getWindow().getDecorView().getWindowVisibleDisplayFrame(rect);        int screenHeight = getWindow().getDecorView().getHeight();        //键盘弹出时,可视区域大小改变,屏幕高度 - 窗口可视区域高度 = 键盘弹出高度
        int softHeight = screenHeight - rect.bottom;        /**
         * 上移的距离 = 键盘的高度 - 按钮距离屏幕底部的高度(如果手机高度很大,上移的距离会是负数,界面将不会上移)
         * 按钮距离屏幕底部的高度是用屏幕高度 - 按钮底部距离父布局顶部的高度
         * 注意这里 btn.getBottom() 是按钮底部距离父布局顶部的高度,这里也就是距离最外层布局顶部高度
         */
        int scrollDistance = softHeight - (screenHeight - btn.getBottom());        if (scrollDistance > 0) {            //具体移动距离可自行调整
            container.scrollTo(0, scrollDistance + 60);
        } else {            //键盘隐藏,页面复位
            container.scrollTo(0, 0);
        }
    }
});

效果如下:

webp

image


这样用户输入完成之后就可以直接点击确定按钮,体验上有所改善。



作者:程序猿tx
链接:https://www.jianshu.com/p/70a84704ae93


點擊查看更多內容
TA 點贊

若覺得本文不錯,就分享一下吧!

評論

作者其他優質文章

正在加載中
  • 推薦
  • 評論
  • 收藏
  • 共同學習,寫下你的評論
感謝您的支持,我會繼續努力的~
掃碼打賞,你說多少就多少
贊賞金額會直接到老師賬戶
支付方式
打開微信掃一掃,即可進行掃碼打賞哦
今天注冊有機會得

100積分直接送

付費專欄免費學

大額優惠券免費領

立即參與 放棄機會
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號

舉報

0/150
提交
取消