溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務(wù)條款》

android中如何解決基于界面適配華為手機虛擬按鍵的問題

發(fā)布時間:2021-07-16 11:11:57 來源:億速云 閱讀:115 作者:小新 欄目:移動開發(fā)

這篇文章主要介紹android中如何解決基于界面適配華為手機虛擬按鍵的問題,文中介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們一定要看完!

一、概述

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

android中如何解決基于界面適配華為手機虛擬按鍵的問題

當然,歡迎頁的圖片適配也同樣會出現(xiàn)問題。

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

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

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

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

其中AndroidWorkaround使我們?yōu)榱私鉀Q該問題而封裝的類,也可以看作是一個特定的工具類:

/**
* 解決底部屏幕按鍵適配
* 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;
 }
}

重新測試,發(fā)現(xiàn)無論是否彈出虛擬按鍵,都不會再次遮擋tab按鈕。

三、原理

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

開始先判斷該設(shè)備上是否存在導(dǎo)航欄。為什么用findViewById(android.R.id.content)呢?因為android.R.id.content這個id代表的就是所在頁面的根布局,而并不需要特別指定一個id給該布局??梢酝ㄟ^調(diào)用系統(tǒng)API返回的結(jié)果,也可以通過判斷該手機是否為華為手機,操作系統(tǒng)屬于哪種類型來來判斷。

一旦確定該設(shè)備存在導(dǎo)航欄,將對該布局進行重新測量。首先mChildOfContent得到其視圖樹,對全局高度實現(xiàn)監(jiān)聽。

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

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

四、全屏圖片的適配

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

android中如何解決基于界面適配華為手機虛擬按鍵的問題

如果隱藏虛擬按鍵,圖片大小恢復(fù)正常

android中如何解決基于界面適配華為手機虛擬按鍵的問題

仔細想想,對于一個ImageView直接占據(jù)一個layout的情況,是沒有必要再去寫一些代碼進行適配的。到布局里一看,發(fā)現(xiàn)ImageView的屬性 android:scaleType=”centerCrop”

將其改為 android:scaleType=”fitXY”就可以解決了。這樣圖片可能高度會隨著虛擬鍵的彈出而壓縮,但是很好的適配了布局高度的變化而不會被遮擋。

以上是“android中如何解決基于界面適配華為手機虛擬按鍵的問題”這篇文章的所有內(nèi)容,感謝各位的閱讀!希望分享的內(nèi)容對大家有幫助,更多相關(guān)知識,歡迎關(guān)注億速云行業(yè)資訊頻道!

向AI問一下細節(jié)

免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點不代表本網(wǎng)站立場,如果涉及侵權(quán)請聯(lián)系站長郵箱:is@yisu.com進行舉報,并提供相關(guān)證據(jù),一經(jīng)查實,將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI