Android 浮動(dòng)編輯框

Android app 開發(fā)中經(jīng)常會(huì)遇到一些輸入框要懸浮到軟鍵盤上方的需求,大致做法有做法如下。

Android輸入法軟鍵盤懸浮,最常見的一種方法是通過(guò)給ViewTreeObserver添加ViewTreeObserver.OnGlobalLayoutListener當(dāng)全局布局完成時(shí)或視圖樹中視圖的可見性發(fā)生變化時(shí)回調(diào)onGlobalLayout方法,在onGlobalLayout方法中獲取當(dāng)前窗口的區(qū)域,獲取區(qū)域高度如果超過(guò)屏幕的五分之一一般認(rèn)為是軟鍵盤處于顯示狀態(tài),區(qū)域高度即為輸入法軟鍵盤高度,通過(guò)此高度動(dòng)態(tài)調(diào)整view的高度,達(dá)到輸入框懸浮于軟鍵盤上方的效果,代碼如下:

ViewTreeObserver.OnGlobalLayoutListener layoutListener =
                new ViewTreeObserver.OnGlobalLayoutListener() {
            int mScreenHeight = 0;
            int mKeyboardHeight = 0;
            @Override
            public void onGlobalLayout() {
                Rect rect = new Rect();
                // 測(cè)量當(dāng)前窗口的顯示區(qū)域
                ((Activity)getContext()).getWindow().getDecorView()
                        .getWindowVisibleDisplayFrame(rect);
                if(mScreenHeight <= 0){
                    mScreenHeight = ((WindowManager) getContext()
                            .getSystemService(Context.WINDOW_SERVICE))
                            .getDefaultDisplay().getHeight();
                }
                //計(jì)算出軟鍵盤的高度
                int keyboardHeight = mScreenHeight - rect.bottom;

                //如果keyboardHeight大于屏幕的五分之一,
                // 此時(shí)keyboardHeight有效,反之就是軟鍵盤已經(jīng)關(guān)閉了。
                if (Math.abs(keyboardHeight) > mScreenHeight / 5) {
                    mKeyboardHeight = keyboardHeight;
                }
            }
        }

還有一種方式是給Activity設(shè)置 Android:windowSoftInputMode="stateVisible|adjustResize",但是這種方法不是很靈活,一般解決不了產(chǎn)品的需求。

<activity android:name=".activity.xxx"
Android:windowSoftInputMode="stateVisible|adjustResize"/>

本文重點(diǎn)介紹通過(guò)透明的Activity來(lái)實(shí)現(xiàn)效果。

先來(lái)張效果圖


效果圖

全部源碼已上傳到github 點(diǎn)擊查看,別忘了star哦

1.自定義一個(gè)activity theme

<style name="NoTitleDialogTheme" parent="android:style/Theme.Dialog">
        <item name="android:windowBackground">@android:color/transparent</item>
        <item name="android:windowNoTitle">true</item>
        <item name="android:windowCloseOnTouchOutside">false</item>
    </style>

2.在AndroidManifest.xml中設(shè)置

<activity android:name=".FloatEditorActivity"
            android:windowSoftInputMode="stateAlwaysVisible"
            android:theme="@style/NoTitleDialogTheme"/>

3.在Activity中調(diào)整window的重力方向

public class FloatEditorActivity extends Activity implements View.OnClickListener {
    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.id.editorlayout);
        getWindow().setLayout(ViewGroup.LayoutParams.MATCH_PARENT,
         ViewGroup.LayoutParams.WRAP_CONTENT);
        getWindow().setGravity(Gravity.BOTTOM);
    }
}

就這樣非常簡(jiǎn)單的實(shí)現(xiàn)了浮動(dòng)編輯框的效果,全部源碼已上傳到github并做了很好的的封裝,只需實(shí)現(xiàn)你的需求布局即可,里面也有完整的用法實(shí)例。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

推薦閱讀更多精彩內(nèi)容

  • Android 自定義View的各種姿勢(shì)1 Activity的顯示之ViewRootImpl詳解 Activity...
    passiontim閱讀 173,353評(píng)論 25 708
  • 內(nèi)容抽屜菜單ListViewWebViewSwitchButton按鈕點(diǎn)贊按鈕進(jìn)度條TabLayout圖標(biāo)下拉刷新...
    皇小弟閱讀 46,888評(píng)論 22 665
  • Android UI相關(guān)開源項(xiàng)目庫(kù)匯總OpenDigg 抽屜菜單MaterialDrawer ★7337 - 安卓...
    黃海佳閱讀 8,760評(píng)論 3 77
  • 青蛙坐在井里 一只老鷹從天空飛過(guò) 青蛙呱呱的叫 以為老鷹要將他吃掉 多吼幾聲 就可以將老鷹嚇跑 老鷹繼續(xù)飛翔 眼里...
    鐵馬老言閱讀 563評(píng)論 0 3
  • 喜歡閱讀的人,我相信他的世界是精彩,從小我沒(méi)養(yǎng)成這種好習(xí)慣,我希望我能幫我的兩個(gè)孩子養(yǎng)成這種習(xí)慣。 今...
    阿宇麻麻閱讀 361評(píng)論 0 0