Android全面屏與異形(劉海)屏的適配教程

更新時間：2018年07月04日 11:45:34 作者：惜夢哥哥_

Apple一直在引領設計的潮流，自從 iPhone X 發(fā)布之后，各種異形屏、劉海屏也都出來，下面這篇文章主要給大家分享介紹了關于Android全面屏與異形(劉海)屏的適配教程，文中通過示例代碼介紹的非常詳細，需要的朋友可以參考下

寫在前面

Android全面屏的手機越來越多了,要開始考慮應用適配全面屏的問題了,查了查相關文章,總結一下.

聲明最大屏幕寬高比

以上圖片來自Google Developer

通過文檔可以看出從Android7.0開始,應用的多窗口模式默認變?yōu)閱?在多窗口模式下,默認已經(jīng)進行了全面屏適配,如果我們不想應用在多窗口模式下運行,可以修改以下屬性:

android:resizeableActivity="false"

此時,我們可以手動進行設置最大屏幕寬高比:

android8.0及以上:

<activity android:maxAspectRatio="2.4">
 ...
</activity>

android7.1及以下版本:

<meta-data android:name="android.max_aspect" android:value="2.4" />

需要注意的是,如果手動進行設置了最大寬高比,一定要將多窗口模式設置為false,否則不生效.

劉海屏

劉海屏適配分為全屏已適配劉海屏,全屏未適配劉海屏和非全屏頁面,

非全屏頁面

非全屏頁面即有狀態(tài)欄顯示的頁面,截止目前,基本上所有的劉海都只存在于狀態(tài)欄,所以非全屏頁面無需我們進行適配,系統(tǒng)會自動進行適配.

非全面屏

因為劉海也是黑色的,所以看上去沒有效果.

全屏未適配劉海屏頁面

全屏界面未適配劉海時,不能使用劉海區(qū)域,所以會出現(xiàn)出圖所示效果,嚴重時可能會將底部控件頂下去,為了解決這個問題,需要對其進行適配

全屏未適配劉海屏頁面

全屏適配劉海屏頁面

通過查看WindowManager的源碼可以看到共有3種顯示模式,:

 //默認情況,全屏頁面不可用劉海區(qū)域,非全屏頁面可以進行使用
 public static final int LAYOUT_IN_DISPLAY_CUTOUT_MODE_DEFAULT = 0;
 //不允許使用劉海區(qū)域
 public static final int LAYOUT_IN_DISPLAY_CUTOUT_MODE_NEVER = 2;
 //允許頁面延伸到劉海區(qū)域
 public static final int LAYOUT_IN_DISPLAY_CUTOUT_MODE_SHORT_EDGES = 1;

官方對于這三種模式的解釋:

通過查看上面的文檔,則可以進行全屏界面的適配:

 var lp = window.attributes
 lp.layoutInDisplayCutoutMode = WindowManager.LayoutParams.LAYOUT_IN_DISPLAY_CUTOUT_MODE_SHORT_EDGES
 window.attributes = lp