完美解决虚拟按键遮盖底部视图的问题

Android部分手机会有虚拟按键，而没有实体按键，例如华为系列的手机。

然而在开发过程中，有时候会涉及底部视图的开发，最终的结果却因为虚拟按键的关系，结果底部视图被虚拟按键给遮盖住了。

在这里，分为两种情况，一种是Activity继承普通的Activity，一种是Activity继承AppcompatActivity。

第一种情况的解决方案：（继承普通的Activity）

直接在配置文件Androidmanifest.xml里对相应的Activity设置样式，

Theme 如果设置成Theme.NoTitleBar或者Theme.Black.NoTitleBar的话，默认是黑色，但是可以解决华为虚拟按键的问题，如果设置成Theme.Light.NoTitleBar，默认是白色，也可以解决该问题。

第二种情况的解决方案：（继承AppcompatActivity的情况）

因为继承AppcompatActivity的Activity是需要设置v7包里面的样式，不能设置系统的，所以我们自定义一个样式，继承于v7包里面的样式。

直接在res资源文件目录下新建一个values-v19

然后在values文件夹下面的style.xml里面设置个样式，继承于Theme.Appcompat，例如叫Theme.Appcompat.abc，然后在values-v19文件夹下面的style.xml里面同样设置Theme.Appcompat.abc，只不过要多设置两个属性，一个是

<item name="android:windowTranslucentNavigation">true</item>

这个属性是设置底部虚拟按键透明的，可以解决遮盖视图的问题，但是它是透明的，虚拟按键本身是黑色的，你可能因为你的窗体背景是白色的，所以下面虚拟按键的背景就变成白色了，所以这时候要多设置一个属性

<!--Window的背景色-->
<item name="android:windowBackground">@android:color/black</item>

这个是设置窗体背景颜色的，这里是设置为虚拟按键默认的黑色，如果你想把虚拟按键背景设置成你app的主题颜色，那可以直接设置这个属性，改一下颜色就行了，暂时没有图片展示，下次补上。就此解决。

以上这篇完美解决虚拟按键遮盖底部视图的问题就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持我们。

赞 (0)

相关推荐

  • android 动态控制状态栏显示和隐藏的方法实例

    方法一:(经试验无效,但网上广为流传,也许是我使用方法不当,有待进一步验证--) android想要应用运行时全屏有一种方法是在activity的onCreat方法中加入如下代码:getWindow().setFlags(WindowManager.LayoutParams.FLAG_FULLSCREEN,                 WindowManager.LayoutParams.FLAG_FULLSCREEN);并且需要在setContentView()之前,否则无效过.从这么多的

  • 解决Android 沉浸式状态栏和华为虚拟按键冲突问题

    解决Android 沉浸式状态栏和华为虚拟按键冲突问题

    对于现在的 App 来说,布局页面基本都会用到沉浸式状态栏,单纯的沉浸式状态栏很容易解决,但是在华为手机上存在一个底部虚拟按键的问题,会导致页面底部和顶部出现很大的问题,比如页面底部导航栏被按键覆盖,导致底部无法操作,顶部状态栏布局被撑的很高,丑的不忍直视,这里就将两者的冲突问题一并解决!先看下实现的效果图: 这是我自己的手机,OnePlus 3T 7.1.1版本(免费广告,没给我钱的啊),不是华为的手机,但是有个虚拟按键可以设置,可以看到底部导航栏没有问题,顶部状态栏也成功实现,效果图看完,下

  • 完美解决虚拟按键遮盖底部视图的问题

    Android部分手机会有虚拟按键,而没有实体按键,例如华为系列的手机. 然而在开发过程中,有时候会涉及底部视图的开发,最终的结果却因为虚拟按键的关系,结果底部视图被虚拟按键给遮盖住了. 在这里,分为两种情况,一种是Activity继承普通的Activity,一种是Activity继承AppcompatActivity. 第一种情况的解决方案:(继承普通的Activity) 直接在配置文件Androidmanifest.xml里对相应的Activity设置样式, Theme 如果设置成Theme

  • Android如何解决虚拟按键栏遮挡问题

    最近在公司的项目中 , 华为用户反馈出了一个问题 , 华为手机底部有虚拟按键栏把应用的底部内容遮挡住了 , 现在已经把这个问题解决了 , 记录一下,给各位遇到相同问题的童鞋做一下参考. 这里的解决方案还是相对比较简单的,首先判断用户的手机是否存在虚拟按键,若存在,那么就获取虚拟按键的高度,然后再用代码设置相同高度的TextView,这样手机的虚拟按键就不会将底部的内容遮挡住了. 处理虚拟按键栏工具类: public class ScreenUtils { //获取虚拟按键的高度 public s

  • 基于界面适配华为手机的虚拟按键的解决方法

    基于界面适配华为手机的虚拟按键的解决方法

    一.概述 在项目中,测试发现在一些华为手机的屏幕适配上出现了问题,主要是因为华为Mate等一些系列的手机有一个虚拟按键的设计.当这些虚拟按键由用户手势滑出,或默认显示的话,就会遮挡我们本身的应用布局.比如欢迎界面过后是四个Fragment,那么底部的四个tab就会被虚拟的导航栏遮住,非常难看. 当然,欢迎页的图片适配也同样会出现问题. Google后得出第一个问题的解决方案.第二个图片的问题则用自己摸索的方式解决,当然也非常简单. 二.布局由于虚拟按键导致导航栏顶上去的解决方法 在我们的项目中加

  • Android适配底部虚拟按键的方法详解

    最近项目进行适配的时候发现部分(如华为手机)存在底部虚拟按键的手机会因为虚拟按键的存在导致挡住部分界面,因为需要全屏显示,故调用虚拟按键隐藏方法使之隐藏,然而发现出现如下问题: 手动操作隐藏虚拟按键后出现长白条区域 不自动隐藏 滑出状态栏后虚拟按键也出来,状态栏隐藏后虚拟却不跟着隐藏 在没有虚拟按键的设备上影响了SurfaceView全屏显示图传(原本全屏显示的图传在切出去再进来时变成了小屏显示) 通过google了很多方法并尝试终于解决了这个问题,达到如下效果: 每次进入界面时虚拟按键自动隐藏

  • 解决Android 虚拟按键遮住了页面内容的问题

    在启动页的时候华为手机虚拟按键遮挡住了启动页下面的字找了找解决办法,特地记录一下 第一种办法:扩展虚拟按键 //状态栏 @ 顶部getWindow().addFlags(WindowManager.LayoutParams.FLAG_TRANSLUCENT_STATUS);//A //导航栏 @ 底部getWindow().addFlags(WindowManager.LayoutParams.FLAG_TRANSLUCENT_NAVIGATION);//B //这个加在哪个布局,该布局就会相应

  • Android dialog 去除虚拟按键的解决方法

    Android 部分机型没有物理按键,只有虚拟按键,Activity全屏方法如下: 1.在 setContentView(R.layout.activity_main);之前添加 getWindow().getDecorView().setSystemUiVisibility(View.SYSTEM_UI_FLAG_HIDE_NAVIGATION); 2.当用户划出虚拟按键后,自动再隐藏方法如下: getWindow().getDecorView().setOnSystemUiVisibilit

  • Android隐藏手机底部虚拟按键的方法

    现在的Android手机有好多底部带虚拟按键,比如华为.nexus.魅族等等,一般情况下对APP没啥影响,但是有时候就必须要强制隐藏. 例如:游戏的时候,拍照的时候. 接下来加上几个方法就OK 了,代码如下: /** * 隐藏虚拟按键,并且设置成全屏 */ protected void hideBottomUIMenu(){ if (Build.VERSION.SDK_INT > 11 && Build.VERSION.SDK_INT < 19) { // lower api

  • Android实现隐藏手机底部虚拟按键

    Android实现隐藏手机底部虚拟按键

    现在的手机比较流行底部带虚拟按键,比如华为.nexus,一般情况下对开发一个APP没啥影响,但是不一般情况下就会有影响的,比如全屏录像功能, 用简单的方法直接获取camera支持的手机屏幕分辨率然后用SurfaceView全屏渲染出来,这时由于底部虚拟按键占用了一定的高度的屏幕空间,这时图像会被压缩, 特别是拍头像时会很明显,如图: 接下来加上几个方法就OK 了,代码如下 /** * 隐藏虚拟按键,并且全屏 */ protected void hideBottomUIMenu(){ //隐藏虚拟

  • iOS新版微信底部工具栏遮挡问题完美解决

    一.问题描述: 苹果设备(iOS)微信中打开H5页面,从首页跳转到其他页面后,页面的底部会出现一个带有前进和后退按钮工具栏,而该工具栏会遮挡住面底部的内容,影响页面的正常使用. 二.原因分析: 造成该现象的原因是,当页面跳转时,微信浏览器会通过window.history读取到浏览的历史记录,此时便会在页面底部显示出前进后退按钮的工具栏,造成页面底部内容遮挡. 三.解决方案: 了解了该问题出现的原因,我们也就有了解决办法.首先想到的方案就是控制浏览器的历史记录.由于考虑到安全性问题,浏览器的历史

随机推荐