基于界面適配華為手機的虛擬按鍵的解決方法

2019-12-12 01:17:32

字體：大中小

來源：轉載

供稿：網友

一、概述

在項目中，測試發現在一些華為手機的屏幕適配上出現了問題，主要是因為華為Mate等一些系列的手機有一個虛擬按鍵的設計。當這些虛擬按鍵由用戶手勢滑出，或默認顯示的話，就會遮擋我們本身的應用布局。比如歡迎界面過后是四個Fragment，那么底部的四個tab就會被虛擬的導航欄遮住，非常難看。

當然，歡迎頁的圖片適配也同樣會出現問題。

Google后得出第一個問題的解決方案。第二個圖片的問題則用自己摸索的方式解決，當然也非常簡單。

二、布局由于虛擬按鍵導致導航欄頂上去的解決方法

在我們的項目中加載Fragment的MainActivity，以及其他一般的Activity繼承的BaseActivity中的onCreate方法中添加如下代碼：

if (AndroidWorkaround.checkDeviceHasNavigationBar(this)) { AndroidWorkaround.assistActivity(findViewById(android.R.id.content));}

其中AndroidWorkaround使我們為了解決該問題而封裝的類，也可以看作是一個特定的工具類：

/*** 解決底部屏幕按鍵適配* Created by Mercury on 2016/10/25.*/public class AndroidWorkaround { public static void assistActivity(View content) {  new AndroidWorkaround(content); } private View mChildOfContent; private int usableHeightPrevious; private ViewGroup.LayoutParams frameLayoutParams; private AndroidWorkaround(View content) {  mChildOfContent = content;  mChildOfContent.getViewTreeObserver().addOnGlobalLayoutListener(new ViewTreeObserver.OnGlobalLayoutListener() {   public void onGlobalLayout() {    possiblyResizeChildOfContent();   }  });  frameLayoutParams = mChildOfContent.getLayoutParams(); } private void possiblyResizeChildOfContent() {  int usableHeightNow = computeUsableHeight();  if (usableHeightNow != usableHeightPrevious) {   frameLayoutParams.height = usableHeightNow;   mChildOfContent.requestLayout();   usableHeightPrevious = usableHeightNow;  } } private int computeUsableHeight() {  Rect r = new Rect();  mChildOfContent.getWindowVisibleDisplayFrame(r);  return (r.bottom); } public static boolean checkDeviceHasNavigationBar(Context context) {  boolean hasNavigationBar = false;  Resources rs = context.getResources();  int id = rs.getIdentifier("config_showNavigationBar", "bool", "android");  if (id > 0) {   hasNavigationBar = rs.getBoolean(id);  }  try {   Class systemPropertiesClass = Class.forName("android.os.SystemProperties");   Method m = systemPropertiesClass.getMethod("get", String.class);   String navBarOverride = (String) m.invoke(systemPropertiesClass, "qemu.hw.mainkeys");   if ("1".equals(navBarOverride)) {    hasNavigationBar = false;   } else if ("0".equals(navBarOverride)) {    hasNavigationBar = true;   }  } catch (Exception e) {  }  return hasNavigationBar; }}

重新測試，發現無論是否彈出虛擬按鍵，都不會再次遮擋tab按鈕。

三、原理

上面的代碼需要在setContentView后面執行。其最初的解決方案是stackoverflow上有人為了適配軟鍵盤在全屏下的布局問題。

開始先判斷該設備上是否存在導航欄。為什么用findViewById(android.R.id.content)呢？因為android.R.id.content這個id代表的就是所在頁面的根布局，而并不需要特別指定一個id給該布局。可以通過調用系統API返回的結果，也可以通過判斷該手機是否為華為手機，操作系統屬于哪種類型來來判斷。

一旦確定該設備存在導航欄，將對該布局進行重新測量。首先mChildOfContent得到其視圖樹，對全局高度實現監聽。

OnGlobalLayoutListener 是ViewTreeObserver的內部類，當一個視圖樹的布局發生改變時，可以被ViewTreeObserver監聽到，這是一個注冊監聽視圖樹的觀察者(observer)，在視圖樹的全局事件改變時得到通知。ViewTreeObserver不能直接實例化，而是通過getViewTreeObserver()獲得。

接著得到視圖目前可用的總高度，將其賦值給mChildOfContent的布局高度。調用requestLayout，讓mChildOfContent要求自己的parent view對自己重新設置位置。

四、全屏圖片的適配

解決了布局的問題，再來看歡迎頁啟動時候全屏圖片的適配問題。發現該方法對于圖片不適用。如下圖，當虛擬按鍵彈出時，圖片照樣被遮擋了底部的一小部分。