Android APP適配全面屏手機(jī)的技術(shù)要點(diǎn)

為了更好的閱讀體驗(yàn),請(qǐng)轉(zhuǎn)到我的個(gè)人站點(diǎn):Windy'Journal

關(guān)于全面屏

全面屏是手機(jī)業(yè)界對(duì)于超高屏占比手機(jī)設(shè)計(jì)的一個(gè)寬泛的定義。從字面上解釋就是,手機(jī)的正面全部都是屏幕,四個(gè)邊框位置都是采用無(wú)邊框設(shè)計(jì),追求接近100%的屏占比。但受限于目前的技術(shù),還不能做到手機(jī)正面屏占比100%的手機(jī)?,F(xiàn)在業(yè)內(nèi)所說(shuō)的全面屏手機(jī)是指真實(shí)屏占比可以達(dá)到80%以上,擁有超窄邊框設(shè)計(jì)的手機(jī)。

全面屏手機(jī)屏幕的寬高比例比較特殊,不再是以前的16:9了。比如三星的Galaxy S8屏幕分辨率是:2960×1440,對(duì)應(yīng)的屏幕比例為:18.5:9。VIVO X20手機(jī)屏幕分辨率是2160x1080,對(duì)應(yīng)的屏幕比例:18:9。對(duì)于這種奇葩的屏幕比例,APP開(kāi)發(fā)者該如何去優(yōu)化自己的應(yīng)用,才能在這些手機(jī)上顯示的更加完美呢?下面,從以下兩個(gè)方面來(lái)探究APP完美適配全面屏手機(jī)的方法。

  • 更大的屏幕高寬比例
  • 虛擬導(dǎo)航鍵(NavigationBar)

更大的屏幕高寬比例

在AndroidManifest.xml聲明max_aspect值

由于全面屏手機(jī)的高寬比比之前大,如果不適配的話,Android默認(rèn)為最大的寬高比是1.86,小于全面屏手機(jī)的寬高比,因此,在全面屏手機(jī)上打開(kāi)部分App時(shí),上下就會(huì)留有空間,顯示為黑條。這樣非常影響視覺(jué)體驗(yàn),另外全面屏提供的額外空間也沒(méi)有得以利用,因此,這樣的應(yīng)用需要做相關(guān)適配。

針對(duì)此問(wèn)題,Android官方提供了適配方案,即提高App所支持的最大屏幕縱橫比,實(shí)現(xiàn)起來(lái)也比較簡(jiǎn)單,在AndroidManifest.xml中做如下配置即可:

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

其中ratio_float為浮點(diǎn)數(shù),官方建議為2.1或更大,因?yàn)?8.5:9=2.055555555……,如果日后出現(xiàn)縱橫比更大的手機(jī),此值將需要設(shè)為更大。
因此,建議開(kāi)發(fā)者在自己App AndroidManifest的Application標(biāo)簽下面增加下面一段代碼:

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

另外,在AndroidManifest中針對(duì)Activity標(biāo)簽添加android:resizeableActivity = “true”,也可以實(shí)現(xiàn)全屏顯示,但此設(shè)置只針對(duì)Activity生效,且增加了此屬性該activity也會(huì)支持分屏顯示。

關(guān)于這方面的適配,更詳細(xì)的內(nèi)容可以參考google官方文檔:
Update your app to take advantage of the larger aspect ratio on new Android flagship devices

max_aspect值也可以在Java代碼中動(dòng)態(tài)地設(shè)置,通過(guò)下面的方法即可實(shí)現(xiàn):

public void setMaxAspect() {
        ApplicationInfo applicationInfo = null;
        try {
            applicationInfo = getPackageManager().getApplicationInfo(getPackageName(), PackageManager.GET_META_DATA);
        } catch (PackageManager.NameNotFoundException e) {
            e.printStackTrace();
        }
        if(applicationInfo == null){
            throw new IllegalArgumentException(" get application info = null, has no meta data! ");
        }
        applicationInfo.metaData.putString("android.max_aspect", "2.1");
    }

更換部分被拉伸的圖片資源文件

屏幕比例從16:9變成18:9,對(duì)于全屏鋪滿顯示的圖片,往往被會(huì)拉伸導(dǎo)致變形,比如下面的淘寶啟動(dòng)頁(yè)圖片,有一些被拉伸的樣子。針對(duì)這種問(wèn)題,開(kāi)發(fā)者需要新增一些圖片資源,以適應(yīng)不同的屏幕比例。

device-2017-12-01-161415.png-71.5kB
device-2017-12-01-161415.png-71.5kB

針對(duì)這種問(wèn)題,我們以分辨率為2160X1080,像素密度為480dpi的VIVO X20Plus手機(jī)為例,可以在資源目錄下面增加一個(gè)文件夾,drawable-h642dp-port-xxhdpi,并將GUI切好的分辨率為2160X1080資源圖片放在這個(gè)目錄下,系統(tǒng)就能自動(dòng)使用這種圖片,便不會(huì)出現(xiàn)拉伸的問(wèn)題。關(guān)于h<N>dp的詳細(xì)用法,google開(kāi)發(fā)者文檔也有詳細(xì)介紹:
https://developer.android.com/guide/practices/screens_support.html

布局文件的優(yōu)化建議

在布局文件中,我們一般是使用dp來(lái)作為單位,我們先來(lái)看下dp的定義:

Density-independent pixel (dp)獨(dú)立像素密度。標(biāo)準(zhǔn)是160dpi,即1dp對(duì)應(yīng)1個(gè)pixel,計(jì)算公式如:
px = dp * (dpi / 160),屏幕密度越大,1dp對(duì)應(yīng) 的像素點(diǎn)越多。
上面的公式中有個(gè)dpi,dpi為DPI是Dots Per Inch(每英寸所打印的點(diǎn)數(shù)),也就是當(dāng)設(shè)備的dpi為160的時(shí)候1px=1dp;

使用dp來(lái)布局非常方便,但是,使用dp并不能夠解決所有的適配問(wèn)題:

  • 呈現(xiàn)效果仍舊會(huì)有差異,僅僅是相近而已,
  • 當(dāng)設(shè)備的物理尺寸存在差異的時(shí)候,dp就顯得無(wú)能為力了。為4.3寸屏幕準(zhǔn)備的UI,運(yùn)行在5.0寸的屏幕上,很可能在右側(cè)和下側(cè)存在大量的空白。而5.0寸的UI運(yùn)行到4.3寸的設(shè)備上,很可能顯示不下。

總結(jié)下,dp能夠讓同一數(shù)值在不同的分辨率展示出大致相同的尺寸大小。但是當(dāng)設(shè)備的尺寸差異較大的時(shí)候,顯示效果就差強(qiáng)人意了。

全面屏手機(jī)與相對(duì)于傳統(tǒng)尺寸的手機(jī)相比,屏幕尺寸差異較大,因此使用dp來(lái)布局界面,在全面屏手機(jī)上展示效果并不好。

有沒(méi)有比dp更好的布局方案呢?

有的,那就是百分比布局方案。

比如,在LinearLayout中使用layout_weight來(lái)按照比例分配各個(gè)子view,這樣,無(wú)論屏幕高度是多少,因?yàn)槊恳粋€(gè)子view在屏幕中占的比例都是相同的,所以在各種分辨率手機(jī)上看起來(lái)也是一樣的。

使用RelativeLayout或者FrameLayut來(lái)布局的話,推薦使用android-percent-support這個(gè)庫(kù),google官方有一個(gè)項(xiàng)目,專門介紹這種布局庫(kù),android-percent-support-lib-sample

在android studio中使用,只用在build.gradle中添加下面的依賴:

compile 'com.android.support:percent:23.0.1'

這個(gè)庫(kù)提供了兩種布局供大家使用:

PercentRelativeLayout、PercentFrameLayout

通過(guò)名字就可以看出,這是繼承自FrameLayoutRelativeLayout兩個(gè)容器類;
支持的屬性有:

layout_widthPercent、layout_heightPercentlayout_marginPercent、layout_marginLeftPercentlayout_marginTopPercent、layout_marginRightPercent、layout_marginBottomPercent、
layout_marginStartPercent、layout_marginEndPercent

具體的使用方法本文就不詳細(xì)介紹了,可以參考官方的sample: android-percent-support-lib-sample
或者這個(gè)博客:百分比布局支持庫(kù)


還有一個(gè)布局方式,比上面說(shuō)的兩種布局方法更加強(qiáng)大好用,那就是ConstraintLayout,大家發(fā)現(xiàn)沒(méi)有,每次使用android studio創(chuàng)建一個(gè)默認(rèn)工程的時(shí)候,默認(rèn)給我們的布局就是使用ConstraintLayout,也就是說(shuō),google也在大力推行ConstraintLayout。Why?
因?yàn)?code>ConstraintLayout有以下三大優(yōu)勢(shì):

  • 可以極大地減少布局的嵌套,提升界面渲染性能
  • 可以使用可視化的方式來(lái)編寫Android布局文件,非常方便
  • 跟上面介紹的幾種布局對(duì)比,可以更方便地實(shí)現(xiàn)百分比布局,適配全面屏也毫無(wú)壓力

所以,強(qiáng)烈推薦大家學(xué)習(xí)和使用ConstraintLayout。不會(huì)ConstraintLayout,那你就OUT了。


2018.04.27 updated

虛擬導(dǎo)航鍵(NavigationBar)適配

判斷虛擬導(dǎo)航鍵是否存在

由于不同手機(jī)廠商對(duì)系統(tǒng)做了不同的修改,對(duì)系統(tǒng)界面底部的NavigationBar處理方式也就各不相同,有些手機(jī)系統(tǒng)有NavigationBar,有些手機(jī)沒(méi)有,還有則是在設(shè)置增加開(kāi)關(guān),讓用戶選擇是否啟用NavigationBar。因此,對(duì)弈APP開(kāi)發(fā)者來(lái)說(shuō),完美適配虛擬導(dǎo)航鍵也是一件比較有挑戰(zhàn)性的事。

首先,我們來(lái)看看android源碼有沒(méi)有提供公共API來(lái)判斷當(dāng)前系統(tǒng)是否存在NavigationBar。

分析源碼

通過(guò)查閱Android源碼,我們發(fā)現(xiàn)在WindowManagerService.java下面有一個(gè)方法是hasNavigationBar:

    @Override
    public boolean hasNavigationBar() {
        return mPolicy.hasNavigationBar();
    }

但是,WindowManagerService是系統(tǒng)服務(wù),我們無(wú)法直接調(diào)用這個(gè)方法。那我繼續(xù)看這個(gè)方法的具體實(shí)現(xiàn)。
mPolicy是什么呢?看源碼:final WindowManagerPolicy mPolicy;,WindowManagerPolicy只是一個(gè)接口,具體的實(shí)現(xiàn)是在哪里呢?
它的實(shí)現(xiàn)類是PhoneWindowManager,所以最終是調(diào)到了PhoneWindowManagerhasNavigationBar()

    // Use this instead of checking config_showNavigationBar so that it can be consistently
    // overridden by qemu.hw.mainkeys in the emulator.
    @Override
    public boolean hasNavigationBar() {
        return mHasNavigationBar;
    }

再看看PhoneWindowManager中給mHasNavigationBar賦值的地方在哪里:

public void setInitialDisplaySize(Display display, int width, int height, int density) {
        ...
        ...
        mHasNavigationBar = res.getBoolean(com.android.internal.R.bool.config_showNavigationBar);

        // Allow a system property to override this. Used by the emulator.
        // See also hasNavigationBar().
        String navBarOverride = SystemProperties.get("qemu.hw.mainkeys");
        if ("1".equals(navBarOverride)) {
            mHasNavigationBar = false;
        } else if ("0".equals(navBarOverride)) {
            mHasNavigationBar = true;
        }
        ...
        ...
}

從上面代碼可以看到mHasNavigationBar的值的設(shè)定是由兩處決定的:
1.首先從系統(tǒng)的資源文件中取設(shè)定值config_showNavigationBar, 這個(gè)值的設(shè)定的文件路徑是frameworks/base/core/res/res/values/config.xml

    <!-- Whether a software navigation bar should be shown. NOTE: in the future this may be  
         autodetected from the Configuration. -->  
    <bool name="config_showNavigationBar">false</bool> 

2.然后系統(tǒng)要獲取“qemu.hw.mainkeys”的值,這個(gè)值可能會(huì)覆蓋上面獲取到的mHasNavigationBar的值。如果“qemu.hw.mainkeys”獲取的值不為空的話,不管值是true還是false,都要依據(jù)后面的情況來(lái)設(shè)定。
所以上面的兩處設(shè)定共同決定了NavigationBar的顯示與隱藏。

實(shí)現(xiàn)判斷NavigationBar的方法

通過(guò)上面對(duì)源碼的分析,我們可以仿照PhoneWindowManagermHasNavigationBar賦值的方法,自己去實(shí)現(xiàn)一個(gè)判斷NavigationBar的方法,具體代碼如下:

    //判斷是否存在NavigationBar
    public static boolean hasNavigationBar(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 {
            //反射獲取SystemProperties類,并調(diào)用它的get方法
            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) {
            e.printStackTrace();
        }
        return hasNavigationBar;
    }

其實(shí),假如我們能夠獲取系統(tǒng)服務(wù)WindowManagerService在應(yīng)用進(jìn)程的代理的話,直接調(diào)用其hasNavigationBar方法來(lái)判斷,是不是會(huì)更簡(jiǎn)單呢?但問(wèn)題是如何獲取WindowManagerService在應(yīng)用進(jìn)程的代理呢?

查閱源碼,我們發(fā)現(xiàn),android.view.WindowManagerGlobal中有一個(gè)靜態(tài)方法就是獲取WindowManagerService在本地的代理實(shí)現(xiàn):

    public static IWindowManager getWindowManagerService() {
        synchronized (WindowManagerGlobal.class) {
            if (sWindowManagerService == null) {
                sWindowManagerService = IWindowManager.Stub.asInterface(
                        ServiceManager.getService("window"));
                try {
                    if (sWindowManagerService != null) {
                        ValueAnimator.setDurationScale(
                                sWindowManagerService.getCurrentAnimatorScale());
                    }
                } catch (RemoteException e) {
                    throw e.rethrowFromSystemServer();
                }
            }
            return sWindowManagerService;
        }
    }

因此,我們可以通過(guò)反射調(diào)用此方法獲取IWindowManager,再調(diào)用IWindowManagerhasNavigationBar方法來(lái)判斷NavigationBar存在與否,具體請(qǐng)看代碼:

    /**
     * 判斷設(shè)備是否存在NavigationBar
     *
     * @return true 存在, false 不存在
     */
    public static boolean deviceHasNavigationBar() {
        boolean haveNav = false;
        try {
            //1.通過(guò)WindowManagerGlobal獲取windowManagerService
            // 反射方法:IWindowManager windowManagerService = WindowManagerGlobal.getWindowManagerService();
            Class<?> windowManagerGlobalClass = Class.forName("android.view.WindowManagerGlobal");
            Method getWmServiceMethod = windowManagerGlobalClass.getDeclaredMethod("getWindowManagerService");
            getWmServiceMethod.setAccessible(true);
            //getWindowManagerService是靜態(tài)方法,所以invoke null
            Object iWindowManager = getWmServiceMethod.invoke(null);  

            //2.獲取windowMangerService的hasNavigationBar方法返回值
            // 反射方法:haveNav = windowManagerService.hasNavigationBar();
            Class<?> iWindowManagerClass = iWindowManager.getClass();
            Method hasNavBarMethod = iWindowManagerClass.getDeclaredMethod("hasNavigationBar");
            hasNavBarMethod.setAccessible(true);
            haveNav = (Boolean) hasNavBarMethod.invoke(iWindowManager);
        } catch (Exception e) {
            e.printStackTrace();
        }
        return haveNav;
    }

關(guān)于VIVO全面屏手機(jī)虛擬導(dǎo)航鍵的開(kāi)關(guān)

由于全面屏手機(jī)都沒(méi)有底部的Home,Back等實(shí)體按鍵,因此,大多數(shù)全面屏手機(jī)都是支持虛擬導(dǎo)航鍵,即通過(guò)上面的方法hasNavigationBar獲取的返回值都是true。
但是,底部的NavigationBar會(huì)占用一些屏幕空間,一直顯示出來(lái),就是失去了全面屏的意義了,用戶體驗(yàn)并不好。因此,在VIVO X20和VIVO X20Plus全面屏手機(jī)中,設(shè)置里增加了是否啟用NavigationBar的開(kāi)關(guān),開(kāi)關(guān)的路徑是:設(shè)置 ---> 導(dǎo)航鍵

device-2017-12-01-114607 - 副本.png-28.5kB
device-2017-12-01-114607 - 副本.png-28.5kB

當(dāng)隱藏虛擬導(dǎo)航鍵時(shí),用戶可以通過(guò)底部上滑的手勢(shì)實(shí)現(xiàn)導(dǎo)航鍵同樣的功能,非常便利。

但這對(duì)APP開(kāi)發(fā)者來(lái)說(shuō),適配起來(lái)就比較麻煩了。在VIVO全面屏手機(jī)上,僅僅通過(guò)上面給出的hasNavigationBar是無(wú)法準(zhǔn)確判斷NavigationBar存在與否的,hasNavigationBar這個(gè)方法一直都是返回true。

那是否有其他方法來(lái)判斷呢?必須有! 那就是獲取Setting中這個(gè)手勢(shì)導(dǎo)航開(kāi)關(guān)的值,請(qǐng)看代碼:

    private static final String NAVIGATION_GESTURE = "navigation_gesture_on";
    private static final int NAVIGATION_GESTURE_OFF = 0;

    /**
     * 獲取vivo手機(jī)設(shè)置中的"navigation_gesture_on"值,判斷當(dāng)前系統(tǒng)是使用導(dǎo)航鍵還是手勢(shì)導(dǎo)航操作
     * @param context app Context
     * @return false 表示使用的是虛擬導(dǎo)航鍵(NavigationBar), true 表示使用的是手勢(shì), 默認(rèn)是false
     */
    public static boolean vivoNavigationGestureEnabled(Context context) {
        int val = Settings.Secure.getInt(context.getContentResolver(), NAVIGATION_GESTURE, NAVIGATION_GESTURE_OFF);
        return val != NAVIGATION_GESTURE_OFF;
    }

這樣,判斷當(dāng)前系統(tǒng)是否存在并開(kāi)啟了NavigationBar,就要結(jié)合上面給出的兩個(gè)方法一起判斷才準(zhǔn)確:

    //vivoNavigationGestureEnabled()從設(shè)置中取不到值的話,返回false,因此也不會(huì)影響在其他手機(jī)上的判斷
    boolean hasNavigationBar = hasNavigationBar(this) && !vivoNavigationGestureEnabled(this);

配置虛擬導(dǎo)航鍵的屬性

對(duì)于大多數(shù)視頻播放類的應(yīng)用,在播放視頻的時(shí)候,肯定希望能夠隱藏NavigationBarStatusBar。對(duì)于這種需求,在Android 4.1以上的系統(tǒng)里也有很好的支持,google官方給出下面的Example:

View decorView = getWindow().getDecorView();
// Hide both the navigation bar and the status bar.
// SYSTEM_UI_FLAG_FULLSCREEN is only available on Android 4.1 and higher, but as
// a general rule, you should design your app to hide the status bar whenever you
// hide the navigation bar.
int uiOptions = View.SYSTEM_UI_FLAG_HIDE_NAVIGATION | View.SYSTEM_UI_FLAG_FULLSCREEN;
decorView.setSystemUiVisibility(uiOptions);

但是這么做是有缺陷的,Google共給出了5個(gè)注意事項(xiàng):

  • 使用這種設(shè)置flag的方式雖然暫時(shí)隱藏了NavigationBar,但是用戶觸摸屏幕的任何地方flags將會(huì)被清除,也就是說(shuō)你的設(shè)置,在用戶觸摸屏幕后會(huì)失效
  • 一但你設(shè)置的flags被清除后,如果你再想隱藏Navigation Bar,需要重新設(shè)置,這個(gè)需要監(jiān)聽(tīng)一個(gè)事件
  • 在不同的地方設(shè)置UI標(biāo)簽是有所區(qū)別的。如果你在activity的onCreate()方法中隱藏系統(tǒng)欄,當(dāng)用戶按下home鍵系統(tǒng)欄就會(huì)重新顯示。當(dāng)用戶再重新打開(kāi)activity的時(shí)候,onCreate()不會(huì)被調(diào)用,所以系統(tǒng)欄還會(huì)保持可見(jiàn)。如果你想讓在不同activity之間切換時(shí),系統(tǒng)UI保持不變,你需要在onReasume()與onWindowFocusChaned()里設(shè)定UI標(biāo)簽。
  • setSystemUiVisibility()僅僅在被調(diào)用的View顯示的時(shí)候才會(huì)生效。
  • 當(dāng)從View導(dǎo)航到別的地方時(shí),用setSystemUiVisibility()設(shè)置的標(biāo)簽會(huì)被清除。

詳細(xì)的注意事項(xiàng)可以參考google開(kāi)發(fā)者文檔:Hiding the Navigation Bar

顯然,View.SYSTEM_UI_FLAG_HIDE_NAVIGATIONView.SYSTEM_UI_FLAG_FULLSCREEN這個(gè)兩個(gè)屬性使用起來(lái)根本無(wú)法滿足我們需要在應(yīng)用中隱藏NavigationBar的需求,那該如何?

還好,Android 4.4中,google給我們帶來(lái)了Immersive Mode,即“沉浸式全屏”的概念。

沉浸式全屏是什么意思?就是支持沉浸式全屏的應(yīng)用在Android4.4的手機(jī)上會(huì)自動(dòng)全屏顯示,并不會(huì)出現(xiàn)惱人的虛擬鍵,而當(dāng)我們需要虛擬鍵的時(shí)候,只要在屏幕底部輕輕滑動(dòng)一下即可調(diào)出虛擬鍵,而且虛擬鍵是以透明的狀態(tài)顯示的。 按照 Google 的說(shuō)法, 給用戶一種 “身臨其境” 的體驗(yàn)。

Android 4.4 中提供了View.SYSTEM_UI_FLAG_IMMERSIVEView.SYSTEM_UI_FLAG_IMMERSIVE_STICKY標(biāo)簽, 這兩個(gè)標(biāo)簽都必須和與View.SYSTEM_UI_FLAG_HIDE_NAVIGATIONView.SYSTEM_UI_FLAG_FULLSCREEN一起使用, 才能實(shí)現(xiàn)沉浸模式。

下面分為三種情況來(lái)介紹用法:

1、只使用SYSTEM_UI_FLAG_HIDE_NAVIGATIONSYSTEM_UI_FLAG_FULLSCREEN
這種情況下,在進(jìn)入全屏模式后,用戶有任何操作,SYSTEM_UI_FLAG_HIDE_NAVIGATIONSYSTEM_UI_FLAG_FULLSCREEN就會(huì)被清除。狀態(tài)欄和虛擬按鍵會(huì)一直可見(jiàn)。除非再次設(shè)置SYSTEM_UI_FLAG_HIDE_NAVIGATIONSYSTEM_UI_FLAG_FULLSCREEN。在狀態(tài)欄和虛擬按鍵顯示變化時(shí)會(huì)調(diào)用View.OnSystemUiVisibilityChangeListener

2、SYSTEM_UI_FLAG_IMMERSIVE配合SYSTEM_UI_FLAG_HIDE_NAVIGATIONSYSTEM_UI_FLAG_FULLSCREEN使用
用戶操作不會(huì)清除SYSTEM_UI_FLAG_HIDE_NAVIGATIONSYSTEM_UI_FLAG_FULLSCREEN,會(huì)一直保持全屏模式。顯示切換時(shí)也會(huì)觸發(fā)View.OnSystemUiVisibilityChangeListener。還有一個(gè)區(qū)別就是,全屏模式時(shí),從原本狀態(tài)欄或者虛擬按鍵的位置響屏幕內(nèi)部滑動(dòng),會(huì)清除SYSTEM_UI_FLAG_HIDE_NAVIGATIONSYSTEM_UI_FLAG_FULLSCREEN,保持可見(jiàn)狀態(tài),并且也會(huì)觸發(fā)OnSystemUiVisibilityChangeListener監(jiān)聽(tīng)。

3、SYSTEM_UI_FLAG_IMMERSIVE_STICKY配合SYSTEM_UI_FLAG_HIDE_NAVIGATIONSYSTEM_UI_FLAG_FULLSCREEN使用
用戶操作不會(huì)清除SYSTEM_UI_FLAG_HIDE_NAVIGATIONSYSTEM_UI_FLAG_FULLSCREEN。會(huì)一直保持全屏模式。顯示切換時(shí)也會(huì)觸發(fā)View.OnSystemUiVisibilityChangeListener,全屏模式時(shí),從原本狀態(tài)欄或者虛擬按鍵的位置 響屏幕內(nèi)部滑動(dòng),狀態(tài)欄和虛擬按鍵欄會(huì)暫時(shí)可見(jiàn),一段時(shí)間后自動(dòng)隱藏。與SYSTEM_UI_FLAG_IMMERSIVE不同的是,因?yàn)槭桥R時(shí)的顯示,所以不會(huì)觸發(fā)OnSystemUiVisibilityChangeListener

通過(guò)下面的兩個(gè)方法,可以簡(jiǎn)單實(shí)現(xiàn)SYSTEM_UI_FLAG_IMMERSIVE_STICKY模式下,全屏和非全屏之間的切換:

public void showBar(){  
    int uiOptions = getWindow().getDecorView().getSystemUiVisibility();  
    int newUiOptions = uiOptions;  
    boolean isImmersiveModeEnabled =  
            ((uiOptions | View.SYSTEM_UI_FLAG_IMMERSIVE_STICKY) == uiOptions);  
    if (isImmersiveModeEnabled) {  
        Log.i(TAG, "Turning immersive mode mode off. ");  
        //先取 非 后再 與, 把對(duì)應(yīng)位置的1 置成0,原本為0的還是0  
        if (Build.VERSION.SDK_INT >= 14) {  
            newUiOptions &= ~View.SYSTEM_UI_FLAG_HIDE_NAVIGATION;  
        }
        if (Build.VERSION.SDK_INT >= 16) {  
            newUiOptions &= ~View.SYSTEM_UI_FLAG_FULLSCREEN;  
        }
        if (Build.VERSION.SDK_INT >= 18) {  
            newUiOptions &= ~View.SYSTEM_UI_FLAG_IMMERSIVE_STICKY;  
        }  
        getWindow().getDecorView().setSystemUiVisibility(newUiOptions);  
    }  
}  
  
  
public void hideBar() {  
    // The UI options currently enabled are represented by a bitfield.  
    // getSystemUiVisibility() gives us that bitfield.  
    int uiOptions = getWindow().getDecorView().getSystemUiVisibility();  
    int newUiOptions = uiOptions;  
    boolean isImmersiveModeEnabled =  
            ((uiOptions | View.SYSTEM_UI_FLAG_IMMERSIVE_STICKY) == uiOptions);  
    if (!isImmersiveModeEnabled) {  
        Log.i(TAG, "Turning immersive mode mode on. ");  
        if (Build.VERSION.SDK_INT >= 14) {  
            newUiOptions |= View.SYSTEM_UI_FLAG_HIDE_NAVIGATION;  
        }
        if (Build.VERSION.SDK_INT >= 16) {  
            newUiOptions |= View.SYSTEM_UI_FLAG_FULLSCREEN;  
        }  
        if (Build.VERSION.SDK_INT >= 18) {  
            newUiOptions |= View.SYSTEM_UI_FLAG_IMMERSIVE_STICKY;  
        }
        getWindow().getDecorView().setSystemUiVisibility(newUiOptions);  
    }  
}  

google官方Example中給出了只調(diào)一個(gè)方法就能實(shí)現(xiàn)全屏和非全屏之間切換的思路:
googlesamples/android-ImmersiveMode
具體代碼如下:

/** 
 * Detects and toggles immersive mode (also known as "hidey bar" mode). 
 */  
public void toggleHideyBar() {  
  
    // BEGIN_INCLUDE (get_current_ui_flags)  
    // The UI options currently enabled are represented by a bitfield.  
    // getSystemUiVisibility() gives us that bitfield.  
    int uiOptions = getActivity().getWindow().getDecorView().getSystemUiVisibility();  
    int newUiOptions = uiOptions;  
    // END_INCLUDE (get_current_ui_flags)  
    // BEGIN_INCLUDE (toggle_ui_flags)  
    boolean isImmersiveModeEnabled =  
            ((uiOptions | View.SYSTEM_UI_FLAG_IMMERSIVE_STICKY) == uiOptions);  
    if (isImmersiveModeEnabled) {  
        Log.i(TAG, "Turning immersive mode mode off. ");  
    } else {  
        Log.i(TAG, "Turning immersive mode mode on.");  
    }  
  
    // Navigation bar hiding:  Backwards compatible to ICS.  
    if (Build.VERSION.SDK_INT >= 14) {  
        newUiOptions ^= View.SYSTEM_UI_FLAG_HIDE_NAVIGATION;  
    }  
  
    // Status bar hiding: Backwards compatible to Jellybean  
    if (Build.VERSION.SDK_INT >= 16) {  
        newUiOptions ^= View.SYSTEM_UI_FLAG_FULLSCREEN;  
    }  
  
    // Immersive mode: Backward compatible to KitKat.  
    // Note that this flag doesn't do anything by itself, it only augments the behavior  
    // of HIDE_NAVIGATION and FLAG_FULLSCREEN.  For the purposes of this sample  
    // all three flags are being toggled together.  
    // Note that there are two immersive mode UI flags, one of which is referred to as "sticky".  
    // Sticky immersive mode differs in that it makes the navigation and status bars  
    // semi-transparent, and the UI flag does not get cleared when the user interacts with  
    // the screen.  
    if (Build.VERSION.SDK_INT >= 18) {  
        newUiOptions ^= View.SYSTEM_UI_FLAG_IMMERSIVE_STICKY;  
    }  
  
    getActivity().getWindow().getDecorView().setSystemUiVisibility(newUiOptions);  
    //END_INCLUDE (set_ui_flags)  
}  

關(guān)于沉浸式全屏更加詳細(xì)的使用方法,可以參考google開(kāi)發(fā)者文檔:
Using Immersive Full-Screen Mode

總結(jié)

以上就是app適配全面屏手機(jī)的一個(gè)總結(jié)。如果客官碰到相關(guān)app適配全面屏問(wèn)題,可以參考上述的一些方法來(lái)解決問(wèn)題,假使能夠給帶來(lái)一些幫助,It is my pleasure。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書(shū)系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

友情鏈接更多精彩內(nèi)容