快捷導(dǎo)航

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

更新時(shí)間：2018年07月04日 11:45:34 作者：惜夢(mèng)哥哥_

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

寫(xiě)在前面

Android全面屏的手機(jī)越來(lái)越多了,要開(kāi)始考慮應(yīng)用適配全面屏的問(wèn)題了,查了查相關(guān)文章,總結(jié)一下.

聲明最大屏幕寬高比

以上圖片來(lái)自Google Developer

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

android:resizeableActivity="false"

此時(shí),我們可以手動(dòng)進(jìn)行設(shè)置最大屏幕寬高比:

android8.0及以上:

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

android7.1及以下版本:

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

需要注意的是,如果手動(dòng)進(jìn)行設(shè)置了最大寬高比,一定要將多窗口模式設(shè)置為false,否則不生效.

劉海屏

劉海屏適配分為全屏已適配劉海屏,全屏未適配劉海屏和非全屏頁(yè)面,

非全屏頁(yè)面

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

非全面屏

因?yàn)閯⒑Ｒ彩呛谏?所以看上去沒(méi)有效果.

全屏未適配劉海屏頁(yè)面

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

全屏未適配劉海屏頁(yè)面

全屏適配劉海屏頁(yè)面

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

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

官方對(duì)于這三種模式的解釋:

通過(guò)查看上面的文檔,則可以進(jìn)行全屏界面的適配:

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