前言

我們要實現一個懸浮在軟鍵盤上的輸入欄（即一個懸浮欄），過程中遇到了很多問題，查閱了一個網上的文章，結果發現不少是錯誤的，走了一些彎路，這里就一一記錄一下。

懸浮欄

實現懸浮欄很簡單

chatInputPanel.setVisibility(View.VISIBLE); chatInputEt.setFocusable(true); chatInputEt.setFocusableInTouchMode(true); chatInputEt.requestFocus(); InputMethodManager inputManager = (InputMethodManager)chatInputEt.getContext().getSystemService(Context.INPUT_METHOD_SERVICE); inputManager.showSoftInput(chatInputEt, 0);

chatInputPanel就是懸浮欄整個layout，mChatPanelContent才是懸浮欄實際部分，chatInputEt是其中的EditText，對它做一些設置就可以實現將chatInputPanel懸浮在軟件盤上。

這里chatInputPanel是全屏的（點擊mChatPanelContent以外部分隱藏鍵盤），mChatPanelContent是在它的bottom底部，默認隱藏（INVISIBLE）。

橫屏時軟鍵盤全屏

橫屏時，安卓默認會將軟鍵盤全屏顯示，這樣無法實現懸浮欄。所以需要取消全屏顯示

在EditText中使用android:imeOptinos可對Android自帶的軟鍵盤進行一些界面上的設置

• android:imeOptions=“flagNoExtractUi” //使軟鍵盤不全屏顯示，只占用一部分屏幕

• android:imeOptions=“actionNone” //輸入框右側不帶任何提示

• android:imeOptions=“actionGo” //右下角按鍵內容為’開始’

• android:imeOptions=“actionSearch” //右下角按鍵為放大鏡圖片，搜索

• android:imeOptions=“actionSend” //右下角按鍵內容為’發送’

• android:imeOptions=“actionNext” //右下角按鍵內容為’下一步’

• android:imeOptions=“actionDone” //右下角按鍵內容為’完成’

所以我們為EditText設置android:imeOptions="flagNoExtractUi"即可實現在橫屏時不全屏顯示。同時，可能EditText添加相應的監聽器，捕捉用戶點擊了軟鍵盤右下角按鈕的監聽事件，以便進行處理。

editText.setOnEditorActionListener(new OnEditorActionListener() { @Override public boolean onEditorAction(TextView v, int actionId, KeyEvent event) { Toast.makeText(MainActivity.this, "text2", Toast.LENGTH_SHORT).show(); return false; } });

監聽軟鍵盤（該方法不可靠，廢棄，下面有靠譜的）

注意：這是網上的一個錯誤方法，所以特意拿出來說一下，不感興趣直接去看（3）即可。

顯示沒問題了，但是軟鍵盤隱藏的時候要求懸浮欄同步隱藏起來。

系統并沒有提供監聽軟鍵盤收起的api，所以我們只能自己實現。

chatInputPanel.getViewTreeObserver().addOnGlobalLayoutListener(new ViewTreeObserver.OnGlobalLayoutListener() {@Overridepublic void onGlobalLayout() {if(chatInputPanel.getBottom() > container.getRootView().getHeight() / 2){chatInputPanel.setVisibility(View.INVISIBLE);}else{chatInputPanel.setVisibility(View.VISIBLE);}} });

監聽chatInputPanel（懸浮欄整體布局）的布局變化，當底部大于rootview高度一半的時候隱藏，否則顯示。

因為我們的功能是橫屏的，所以鍵盤彈起時，chatInputPanel因為懸浮在鍵盤上，所以底部一定小于rootview高度（屏幕寬度）一半。

當收起鍵盤，chatInputPanel會回到最底部（設置是在父布局底部），所以底部一定大于一半。

這個方法不靠譜，而且重繪會導致onGlobalLayout頻繁的執行，雖然可以加上一個時間來控制，但是不推薦使用這個方式來監聽軟鍵盤，下面看看另外一種方式。

靠譜的監聽軟鍵盤的方法

上面的方法為什么不考慮，是因為全屏顯示FLAG_FULLSCREEN（隱藏通知欄）導致問題

當我們需要全屏顯示隱藏通知欄時，會使用FLAG_FULLSCREEN屬性

getActivity().getWindow().setFlags(WindowManager.LayoutParams.FLAG_FULLSCREEN,WindowManager.LayoutParams.FLAG_FULLSCREEN);

但是會影響上面的懸浮欄，因為發現chatInputPanel.getBottom()始終沒變化，但是我們判斷顯示隱藏就靠這個變化。

沒變化是因為android在全屏FLAG_FULLSCREEN的處理方式導致的，全屏時軟鍵盤會出現很多問題，這個網上有很多。

如何解決？

我們換一種方式監聽軟鍵盤即可

getActivity().getWindow().getDecorView().getViewTreeObserver().addOnGlobalLayoutListener(new ViewTreeObserver.OnGlobalLayoutListener() {@Overridepublic void onGlobalLayout() {Rect rect = new Rect();rootView.getWindowVisibleDisplayFrame(rect);int rootHeight=rootView.getRootView().getHeight();int displayHeight=rect.height();int diffHeight=rootHeight-displayHeight;if(diffHeight==0){//鍵盤收起chatInputPanel.setVisibility(View.INVISIBLE);}else{//鍵盤彈出chatInputPanel.setVisibility(View.VISIBLE);}} });

通過監聽根布局種的content布局的變化來判斷，目前這個方法是最靠譜的。

但是還存在一個小問題，就是全屏狀態下鍵盤會覆蓋懸浮欄底部的一小部分，這個怎么辦？

終極懸浮方式

上面解決了軟鍵盤的監聽問題，但是全屏狀態下懸浮欄總會被遮住一部分，那怎么辦？

其實這里還有一個問題，當顯示鍵盤后，app中的布局整體被向上推起，這樣導致部分組件縮小等情況。

我們要首先解決這個問題，讓app的布局整體保持不動，鍵盤覆蓋在其上面，這需要在彈起鍵盤前手動設置一下，如下：

mChatInput.setOnClickListener(new View.OnClickListener() {@Overridepublic void onClick(View v) {DisplayMetrics metric = new DisplayMetrics();getActivity().getWindowManager().getDefaultDisplay().getMetrics(metric);chatInputPanel.setY(-metric.heightPixels);//解決首次可能向上推的問題chatInputEt.setFocusable(true);chatInputEt.setFocusableInTouchMode(true);chatInputEt.requestFocus();InputMethodManager inputManager = (InputMethodManager)chatInputEt.getContext().getSystemService(Context.INPUT_METHOD_SERVICE);inputManager.showSoftInput(chatInputEt, 0);} });

這樣將懸浮欄移到了最頂部以上，就不會出現上推的情況了（猜測與鍵盤的機制有關，因為鍵盤彈出如果遮擋了有焦點的輸入組件就好重新調整窗口，我們將懸浮窗放在最上面，鍵盤怎么也不會遮擋到焦點的EditText，所以不會重新調整窗口）。

但是這樣懸浮欄就一直看不見了，而且我們可以看到在這里去掉了chatInputPanel.setVisibility(View.VISIBLE);代碼，那么如何顯示？

上面我們提到使用OnGlobalLayoutListener方式監聽鍵盤，我們就在這里顯示即可，同時優化一下顯示的位置，在這里計算窗口顯示區域上移多少，讓chatInputPanel也上移相應位置即可，如：

private int mLastHeight = 0; getActivity().getWindow().getDecorView().getViewTreeObserver().addOnGlobalLayoutListener(new ViewTreeObserver.OnGlobalLayoutListener() {@Overridepublic void onGlobalLayout() {Rect rect = new Rect();getActivity().getWindow().getDecorView().getWindowVisibleDisplayFrame(rect);int height = rect.height();int rawHeight = getResources().getDisplayMetrics().heightPixels - rect.top;if (height == mLastHeight)return;if (height < rawHeight) {UiThreadHandler.postDelayed(new Runnable() {@Overridepublic void run() {chatInputPanel.setVisibility(View.VISIBLE);chatInputPanel.setTranslationY(-(rawHeight - height));}}, 200);} else {UiThreadHandler.postDelayed(new Runnable() {@Overridepublic void run() {chatInputPanel.setVisibility(View.GONE);}}, 100);}mLastHeight = height; } });

可以看到先得到當前窗口的顯示高度和屏幕的實際高度（窗口部分）

然后先判斷窗口顯示區域是否變化了，如果沒變化則不處理。

如果有變化，則判斷變大還是變小了。

如果變小了

說明鍵盤彈起，這時候顯示chatInputPanel，同時設置translationY為-(rawHeight - height)

首先chatInputPanel初始位置底部是與屏幕底部對齊的，雖然設置了setY，但是setY實際上就是setTranslationY，初始位置沒變，源碼：

public void setY(float y) {setTranslationY(y - mTop); }

而彈起鍵盤后想要顯示在鍵盤以上，那么就需要從最底部向上移動一個鍵盤的高度，鍵盤高度就是rawHeight - height，所以向上移動是將translationY設置為-(rawHeight - height)。

如果變大了

說明鍵盤收起，隱藏chatInputPanel即可。

這樣不僅解決了窗口推起的問題，也同時解決了軟鍵盤遮擋部分懸浮欄的問題，因為懸浮欄的位置是通過計算得到的，不是通過軟鍵盤上推導致布局調整而改變位置的。

最終代碼

最后想將這個形成一個獨立的組件，直接可用，再編寫過程中發現出現好多問題，解決所有問題后發現與上面的代碼都不一樣，不過思路是一致的，只不過細節調整了，比如獲取鍵盤高度等。完整源碼關注公眾號：BennuCTech，發送"FloatInputView"獲取。

總結

以上是生活随笔為你收集整理的实现一个悬浮在软键盘上的输入栏的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。