android中如何解决基于界面适配华为手机虚拟按键的问题

发布时间:2021-07-16 11:11:57 作者:小新
来源:亿速云 阅读:116

这篇文章主要介绍android中如何解决基于界面适配华为手机虚拟按键的问题,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!

一、概述

在项目中,测试发现在一些华为手机的屏幕适配上出现了问题,主要是因为华为Mate等一些系列的手机有一个虚拟按键的设计。当这些虚拟按键由用户手势滑出,或默认显示的话,就会遮挡我们本身的应用布局。比如欢迎界面过后是四个Fragment,那么底部的四个tab就会被虚拟的导航栏遮住,非常难看。

android中如何解决基于界面适配华为手机虚拟按键的问题

当然,欢迎页的图片适配也同样会出现问题。

Google后得出第一个问题的解决方案。第二个图片的问题则用自己摸索的方式解决,当然也非常简单。

二、布局由于虚拟按键导致导航栏顶上去的解决方法

在我们的项目中加载Fragment的MainActivity,以及其他一般的Activity继承的BaseActivity中的onCreate方法中添加如下代码:

if (AndroidWorkaround.checkDeviceHasNavigationBar(this)) {
 AndroidWorkaround.assistActivity(findViewById(android.R.id.content));
}

其中AndroidWorkaround使我们为了解决该问题而封装的类,也可以看作是一个特定的工具类:

/**
* 解决底部屏幕按键适配
* Created by Mercury on 2016/10/25.
*/
public class AndroidWorkaround {
 public static void assistActivity(View content) {
  new AndroidWorkaround(content);
 }
 private View mChildOfContent;
 private int usableHeightPrevious;
 private ViewGroup.LayoutParams frameLayoutParams;
 private AndroidWorkaround(View content) {
  mChildOfContent = content;
  mChildOfContent.getViewTreeObserver().addOnGlobalLayoutListener(new ViewTreeObserver.OnGlobalLayoutListener() {
   public void onGlobalLayout() {
    possiblyResizeChildOfContent();
   }
  });
  frameLayoutParams = mChildOfContent.getLayoutParams();
 }
 private void possiblyResizeChildOfContent() {
  int usableHeightNow = computeUsableHeight();
  if (usableHeightNow != usableHeightPrevious) {
   frameLayoutParams.height = usableHeightNow;
   mChildOfContent.requestLayout();
   usableHeightPrevious = usableHeightNow;
  }
 }
 private int computeUsableHeight() {
  Rect r = new Rect();
  mChildOfContent.getWindowVisibleDisplayFrame(r);
  return (r.bottom);
 }
 public static boolean checkDeviceHasNavigationBar(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) {
  }
  return hasNavigationBar;
 }
}

重新测试,发现无论是否弹出虚拟按键,都不会再次遮挡tab按钮。

三、原理

上面的代码需要在setContentView后面执行。其最初的解决方案是stackoverflow上有人为了适配软键盘在全屏下的布局问题。

开始先判断该设备上是否存在导航栏。为什么用findViewById(android.R.id.content)呢?因为android.R.id.content这个id代表的就是所在页面的根布局,而并不需要特别指定一个id给该布局。可以通过调用系统API返回的结果,也可以通过判断该手机是否为华为手机,操作系统属于哪种类型来来判断。

一旦确定该设备存在导航栏,将对该布局进行重新测量。首先mChildOfContent得到其视图树,对全局高度实现监听。

OnGlobalLayoutListener 是ViewTreeObserver的内部类,当一个视图树的布局发生改变时,可以被ViewTreeObserver监听到,这是一个注册监听视图树的观察者(observer),在视图树的全局事件改变时得到通知。ViewTreeObserver不能直接实例化,而是通过getViewTreeObserver()获得。

接着得到视图目前可用的总高度,将其赋值给mChildOfContent的布局高度。调用requestLayout,让mChildOfContent要求自己的parent view对自己重新设置位置。

四、全屏图片的适配

解决了布局的问题,再来看欢迎页启动时候全屏图片的适配问题。发现该方法对于图片不适用。如下图,当虚拟按键弹出时,图片照样被遮挡了底部的一小部分。

android中如何解决基于界面适配华为手机虚拟按键的问题

如果隐藏虚拟按键,图片大小恢复正常

android中如何解决基于界面适配华为手机虚拟按键的问题

仔细想想,对于一个ImageView直接占据一个layout的情况,是没有必要再去写一些代码进行适配的。到布局里一看,发现ImageView的属性 android:scaleType=”centerCrop”

将其改为 android:scaleType=”fitXY”就可以解决了。这样图片可能高度会随着虚拟键的弹出而压缩,但是很好的适配了布局高度的变化而不会被遮挡。

以上是“android中如何解决基于界面适配华为手机虚拟按键的问题”这篇文章的所有内容,感谢各位的阅读!希望分享的内容对大家有帮助,更多相关知识,欢迎关注亿速云行业资讯频道!

推荐阅读:
  1. WebView适配手机界面问题
  2. 详解Android 华为凹口屏适配小结

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

android

上一篇:ASP.NET中TypeScript如何使用

下一篇:Web开发中客户端跳转与服务器端跳转有什么区别

相关阅读

您好,登录后才能下订单哦!

密码登录
登录注册
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》