android 屏幕高度问题之底部导航栏所占的高度

最新推荐文章于 2025-08-06 02:15:00 发布

nathan柠檬

最新推荐文章于 2025-08-06 02:15:00 发布

阅读量5.8k

点赞数

CC 4.0 BY-SA版权

分类专栏：错误解决知识点

本文链接：https://blog.youkuaiyun.com/qq_34884729/article/details/54405938

错误解决同时被 2 个专栏收录

72 篇文章

订阅专栏

知识点

34 篇文章

订阅专栏

本文介绍了一种解决WebView在特定设备上被底部导航栏遮挡的问题，通过调整Activity的透明度并设置XML布局参数来确保H5底部元素正常显示。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

模拟器一堆，有时候用别的测试才发现问题，这个是一个webview套的网页，在一些机型完全没感觉，但是有些机型显示的时候会把最下面的底部的导航栏挡住了H5的飘浮栏，因为它是固定在页面的最底部的，问题来了，我这个屏幕的尺寸为1440*2560的

DisplayMetrics metric = new DisplayMetrics();
getWindowManager().getDefaultDisplay().getMetrics(metric);
int width = metric.widthPixels; // 屏幕宽度（像素）
int height = metric.heightPixels; // 屏幕高度（像素）

所得到的高度却是2392！

  Resources resources = getResources();
        int resourceId = resources.getIdentifier("navigation_bar_height","dimen", "android");
//获取NavigationBar的高度
        int height2 = resources.getDimensionPixelSize(resourceId);
        tLogD("NavigationBar的高度:" + height2 );

这个高度是168！

一开始以为是这个168就是底部的导航栏的高度，

后来测试了一下，原来是顶层的导航栏。

底部导航栏的高度在上面的代码并没有去除，只是去除了顶层导航栏，而到了webview使用时，问题才出来了，底部导航栏会挡住刚好H5的底部飘浮栏。。。异常郁闷，还不一定每台机都会这样。。。

解决方法：

getWindow().addFlags(WindowManager.LayoutParams.FLAG_TRANSLUCENT_STATUS);//A
//导航栏 @ 底部
      getWindow().addFlags(WindowManager.LayoutParams.FLAG_TRANSLUCENT_NAVIGATION);//B

在所需要的activity中加入这段代码，使获取屏幕高宽时去除两个导航栏，再到xml中添加：android:fitsSystemWindows="true"

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