华为全面屏适配踩坑记录

华为手机什么都好，就是底部有个恶心的虚拟导航栏，对开发者而言为了去掉这个导航栏真是操透了心，这里主要记录全屏状态下对虚拟导航栏的隐藏做的尝试。
首先，Activity全屏设置：

  @Override
    protected void onCreate(@Nullable Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        requestWindowFeature(Window.FEATURE_NO_TITLE);
        getWindow().addFlags(WindowManager.LayoutParams.FLAG_FULLSCREEN);
        setContentView(R.layout.activity_test_1);
    }

这样做的话，如果你没有手动隐藏虚拟导航栏，默认底部是会有导航栏的，下面开始尝试去掉这个导航栏

尝试一：在Activity根布局xml添加`fitsSystemWindows="true"`属性

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
              android:layout_width="match_parent"
              android:layout_height="match_parent"
              android:orientation="vertical"
              android:background="#00ff00"
              android:fitsSystemWindows="true"
    >
  ...
</LinearLayout>

尝试结果：不能隐藏导航栏

尝试二：在AndroidManifest.xml中引用的theme style文件中添加`android:windowDrawsSystemBarBackgrounds`属性为`false`

    <style name="AppTheme" parent="android:Theme.DeviceDefault.Light">
        <!-- Customize your theme here. -->
        <item name="android:windowDrawsSystemBarBackgrounds">false</item>
    </style>

注意，这个属性是要求在API 21才能使用的，所以要放在values-21文件夹中
在这里插入图片描述
尝试结果：不能隐藏导航栏

尝试三：参考华为官方适配指南

华为官方给出了适配全面屏的方案：
https://developer.huawei.com/consumer/cn/devservice/doc/50111
文中给出了三种可选适配方案：

方案1：
AndroidManifest.xml 文件添加属性： <meta-data android:name="android.max_aspect" android:value="2.4" />
应用适配建议采用meta-data的方式，具体可以参考：https://developer.android.com/guide/practices/screens-distribution.html#MaxAspectRatio

方案2：
添加 android:resizeableActivity ="true"
此设置只针对Activity生效，且增加了此属性该activity也会支持分屏显示。

方案3：
修改AndroidManifest.xml文件，设置targetSdkVersion>=26，就是应用升级到O版本，不需要设置其他任何属性，默认在任何纵横比的屏幕都能全屏显示。（备注：有一种例外情况需要注意，应用如果已经适配到O版本，并且通过meta-data属性android.max_aspect或者是android:MaxAspectRatio属性设置了页面支持的最大纵横比，同时又通过android:resizeableActivity=“false”设置了页面不支持分屏，这个时候系统会按照应用自己设置的最大纵横比决定该页面是否能全屏显示，如果应用设置的最大纵横比比手机屏幕比例小，那应用还是无法全屏显示。）

尝试结果：很不幸的是这三种方案我全都尝试了，在全屏下均不能隐藏导航栏。其中方案2对API有要求必须在24以上。

尝试四：通过`getViewTreeObserver().addOnGlobalLayoutListener`监听，重写`fitSystemWindows` 动态修改bottom

这个主要是参考：https://www.cnblogs.com/lizhanqi/p/9337188.html
这篇博文中作者貌似主要是为了解决软键盘问题，因为软键盘弹出的时候会默认把系统的虚拟导航栏带出来。但是他这个是一个自定义的布局，要你在每个需要全屏的页面布局中都要换成这个布局，侵入性太高了。

尝试结果：不起作用，不能隐藏导航栏。
还有一些文章中的做法跟这个方案类似，也是通过getViewTreeObserver().addOnGlobalLayoutListener监听，不过是动态修改根部局的高度，我没有尝试，应该希望不大。

尝试五：调用`setSystemUiVisibility`方法隐藏导航栏

    /**
     * 隐藏虚拟按键，并且全屏
     * 不能兼容所有华为设备，部分华为设备隐藏虚拟导航栏后会出现白边
     */
    private void hideBottomNavigationBar() {
        if (Build.VERSION.SDK_INT < Build.VERSION_CODES.KITKAT) {
            View v = this.getWindow().getDecorView();
            v.setSystemUiVisibility(View.GONE);
        } else if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.KITKAT) {
            View decorView = getWindow().getDecorView();
            int uiOptions = View.SYSTEM_UI_FLAG_HIDE_NAVIGATION
                    | View.SYSTEM_UI_FLAG_IMMERSIVE_STICKY
                    | View.SYSTEM_UI_FLAG_FULLSCREEN
                    | View.SYSTEM_UI_FLAG_LAYOUT_STABLE
                    | View.SYSTEM_UI_FLAG_LAYOUT_HIDE_NAVIGATION
                    | View.SYSTEM_UI_FLAG_LAYOUT_FULLSCREEN;
            decorView.setSystemUiVisibility(uiOptions);
        }
    }

在Activity的onCreate方法中调用：

    @Override
    protected void onCreate(@Nullable Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        requestWindowFeature(Window.FEATURE_NO_TITLE);
        getWindow().addFlags(WindowManager.LayoutParams.FLAG_FULLSCREEN);
        setContentView(R.layout.activity_test_1);
        hideBottomNavigationBar();
    }

尝试结果: 在一台华为测试手机上有效，可以隐藏导航栏，即便是被键盘带出来导航栏以后，再次打开页面也是可以隐藏的。

但是这个方法也有缺陷，不能兼容所有的华为手机，在另一台华为测试机上发现，底部会出现一条白边，如果此时导航栏被软键盘带出来然后再手动隐藏导航栏的话底部也会出现一条白边。另外，华为手机的虚拟按键有个设置功能：
在这里插入图片描述
这里可以设置导航栏是否可以隐藏，如果你开了这个开关，那么你就可以手动去隐藏和显示导航栏，隐藏是通过导航栏左下角会多出一个“v”的箭头，而显示只有用户在屏幕底部向上滑动即可。那么问题就来了，在某些华为手机上，通过setSystemUiVisibility方法全屏的页面，用户手动显示了导航栏，这时有可能导航栏背景是白色的，或者在其他页面由于软键盘导致导航栏被带出再次回到这个全屏页面时，手动隐藏导航栏，底部也会多出一个白边。。。

尝试六：放弃隐藏导航栏，先去白边

在有问题的手机上发现，即便不调用setSystemUiVisibility方法去隐藏导航栏，只是简单的设置全屏，底部也会出现白边，所以最后问题就变成了如何去掉这个白边，这样，为了兼容更多设备，只能放弃隐藏导航栏的这个做法了。。。

关于去掉这个白边，也是很麻烦，尝试很多方法未果，目前我还没有找到比较好的方法，现在用的一个方法是给decorView设置全屏页面的主题色：

@Override
protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    if (AppUtils.hasNavigationBar(this)) {
        getWindow().getDecorView().setBackgroundColor(Color.rgb(26, 102, 141));
    }
}

看你的全屏页面的主题色调是什么颜色这里就设置什么，因为在app中一般全屏的都是欢迎页导航页这种的，这样导航栏在显示的时候导航栏的背景看上去会跟你的应用背景色一致。

其中hasNavigationBar是一个判断是否有虚拟按键的方法：

 /**
     * 判断底部是否有虚拟键 主要针对华为手机底部导航栏
     * @param context
     * @return
     */
    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 {
            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;
    }

最后，总结一下，华为的这个虚拟导航栏是没有办法真正的去掉了，即便去掉了也没有办法兼容所有的华为手机，真的很坑，目前没有好的办法，如果你有好的方法，欢迎留言。

川峰

发布了96 篇原创文章 · 获赞 57 · 访问量 11万+

私信关注