搜索

Android导航栏适配的实现

程序员Android

共 10834字，需浏览 22分钟

 · 2022-11-07

8e162d87ee08acf167c82bdcbf1f7513.webp

和你一起终身学 习，这里是程序员Android

经典好文推荐，通过阅读本文，您将收获以下知识点:

一、前言
二、导航栏的处理
三、 修改StatusHostLayout方案
四、总结

一、前言

在之前的文章中，大家比较关注宿主侵入的方式，并且有要求适配导航栏的操作。

其实大部分的应用都只需要使用到状态栏，导航栏由系统去管理，为什么不自己管理导航栏，就是导航栏的坑太多。

背景设置的坑，判断是否存在的坑，手动设置隐藏显示导航栏的坑，导航栏高度获取的坑。

如果项目中确实需要用到操作导航栏怎么办？

二、导航栏的处理

导航栏为什么难处理，因为之前的一些添加Flag的方案有些不实用，有兼容问题，也可以说手机厂商并没有完全适配，导致兼容性有问题。

而我们通过 WindowInsetsController / WindowInsets 的一些方式则可以相对方便的操作导航栏。

那么是不是 WindowInsetsController / WindowInsets 的方式就完全兼容了呢？也并不是，只是相对好一点，重要的功能能用而已。

下面介绍一下相对稳定的一些操作方法。

2.1 判断当前是否显示了导航栏
        /**
     * 当前是否显示了底部导航栏
     */
public static void hasNavigationBars(Activity activity, BooleanValueCallback callback) {

View decorView = activity.findViewById(android.R.id.content);
boolean attachedToWindow = decorView.isAttachedToWindow();

if (attachedToWindow) {

WindowInsetsCompat windowInsets = ViewCompat.getRootWindowInsets(decorView);

if (windowInsets != null) {

boolean hasNavigationBar = windowInsets.isVisible(WindowInsetsCompat.Type.navigationBars()) &&
                        windowInsets.getInsets(WindowInsetsCompat.Type.navigationBars()).bottom > 0;

                callback.onBoolean(hasNavigationBar);
}

} else {

            decorView.addOnAttachStateChangeListener(new View.OnAttachStateChangeListener() {
@Override
public void onViewAttachedToWindow(View v) {

WindowInsetsCompat windowInsets = ViewCompat.getRootWindowInsets(v);

if (windowInsets != null) {

boolean hasNavigationBar = windowInsets.isVisible(WindowInsetsCompat.Type.navigationBars()) &&
                                windowInsets.getInsets(WindowInsetsCompat.Type.navigationBars()).bottom > 0;

                        callback.onBoolean(hasNavigationBar);
}
}

@Override
public void onViewDetachedFromWindow(View v) {
}
});
}
}
复制代码

其实核心代码是一样的，只是区分了是否已经onAttach了，防止在onCreate方法中调用的时候会报错。

它的核心思路是和老版本的方法是相似的，只是老版本是从window中找到导航栏布局去判断是否隐藏和显示和判断高度。而新版本通过WindowInset 的方式获取导航栏对象相对比较稳妥。

2.2 获取导航栏的高度
        /**
     * 获取底部导航栏的高度
     */
public static void getNavigationBarHeight(View view, HeightValueCallback callback) {

boolean attachedToWindow = view.isAttachedToWindow();

if (attachedToWindow) {

WindowInsetsCompat windowInsets = ViewCompat.getRootWindowInsets(view);
assert windowInsets != null;
int top = windowInsets.getInsets(WindowInsetsCompat.Type.navigationBars()).top;
int bottom = windowInsets.getInsets(WindowInsetsCompat.Type.navigationBars()).bottom;
int height = Math.abs(bottom - top);
if (height > 0) {
                callback.onHeight(height);
} else {
                callback.onHeight(getNavigationBarHeight(view.getContext()));
}

} else {

            view.addOnAttachStateChangeListener(new View.OnAttachStateChangeListener() {
@Override
public void onViewAttachedToWindow(View v) {

WindowInsetsCompat windowInsets = ViewCompat.getRootWindowInsets(v);
assert windowInsets != null;
int top = windowInsets.getInsets(WindowInsetsCompat.Type.navigationBars()).top;
int bottom = windowInsets.getInsets(WindowInsetsCompat.Type.navigationBars()).bottom;
int height = Math.abs(bottom - top);
if (height > 0) {
                        callback.onHeight(height);
} else {
                        callback.onHeight(getNavigationBarHeight(view.getContext()));
}
}

@Override
public void onViewDetachedFromWindow(View v) {
}
});
}
}

/**
     * 老的方法获取导航栏的高度
     */
private static int getNavigationBarHeight(Context context) {
int result = 0;
int resourceId = context.getResources().getIdentifier("navigation_bar_height", "dimen", "android");
if (resourceId > 0) {
            result = context.getResources().getDimensionPixelSize(resourceId);
}
return result;
}
复制代码

新版的方法和老版本的方法都定义了，通常我们使用 WindowInsets 的方式即可获取到导航栏对象，然后去获取它的高度。

而老版本的方式则是通过获取系列内置的一个高度值，而一些手机并不会按这个高度设置导航栏高度，所以获取出来的值则是错误的。

如下图所示：

1433c3b1d58710235347e3f5df9d7b9c.webp

image.png

2.3 导航栏的隐藏与沉浸式处理

在一些应用需要全屏的时候，我们需要隐藏导航栏（是的，你无法返回了）。

        /**
     * 显示隐藏底部导航栏（注意不是沉浸式效果）
     */
    public static void showHideNavigationBar(Activity activity, boolean isShow) {

        View decorView = activity.findViewById(android.R.id.content);
        WindowInsetsControllerCompat controller = ViewCompat.getWindowInsetsController(decorView);

if (controller != null) {
if (isShow) {
                controller.show(WindowInsetsCompat.Type.navigationBars());
                controller.setSystemBarsBehavior(WindowInsetsControllerCompat.BEHAVIOR_SHOW_BARS_BY_TOUCH);
} else {
                controller.hide(WindowInsetsCompat.Type.navigationBars());
                controller.setSystemBarsBehavior(WindowInsetsControllerCompat.BEHAVIOR_SHOW_TRANSIENT_BARS_BY_SWIPE);
}
}
}
复制代码

而在一些常规的页面，我们如果想像状态栏一样获取沉浸式体验，我们则是不同的处理逻辑：

        /**
     * 5.0以上-设置NavigationBar底部导航栏的沉浸式
     */
public static void immersiveNavigationBar(Activity activity) {
if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.LOLLIPOP) {
            Window window = activity.getWindow();
            View decorView = window.getDecorView();
            decorView.setSystemUiVisibility(decorView.getSystemUiVisibility()
| View.SYSTEM_UI_FLAG_LAYOUT_HIDE_NAVIGATION
| View.SYSTEM_UI_FLAG_LAYOUT_STABLE);

            window.setNavigationBarColor(Color.TRANSPARENT);
}
}
复制代码

我们把导航栏常用的一些操作理清之后，我们再来看 StatusHostLayout 这样的宿主方案如何帮助我们管理导航栏。

三、 修改StatusHostLayout方案

前文我们讲到过状态栏的管理，如果加入导航栏的管理，我们需要做哪些操作？

先理清一下思路：

  1. 定义一个自定义的ViewGroup，内部顺序排列状态栏，内容容器，导航栏三个布局。

  2. 我们需要强制设置状态栏和导航栏的沉浸式，让我们自己的状态栏.导航栏View的布局展示出来。

  3. 自定义状态栏View，与导航栏View，我们只需要获取到正确的高度，然后测量的时候定死指定的高度即可。

  4. 我们可以以View的形式来操作自定义导航栏/状态栏的背景，图片，显示隐藏等操作。

  5. 把我们DecorView中的跟视图替换为我们自定义的布局。

  6. 暴露一个inject方法注入到指定的Activity中去，并提供自定义布局的对象。

之前状态栏的逻辑已经做好了，现在我们只需要处理导航栏的逻辑。我们定义好上面的一些导航栏操作工具类方法。

先定义一个自己的导航栏View，只需要处理高度即可。

    /**
 * 自定义底部导航栏的View，用于StatusBarHostLayout中使用
 */
class NavigationView extends View {

private int mBarSize;

public NavigationView(Context context) {
this(context, null, 0);
}

public NavigationView(Context context, AttributeSet attrs) {
this(context, attrs, 0);
}

public NavigationView(Context context, AttributeSet attrs, int defStyleAttr) {
super(context, attrs, defStyleAttr);

StatusBarHostUtils.getNavigationBarHeight(this, new HeightValueCallback() {
@Override
public void onHeight(int height) {

                mBarSize = height;
}
});
}

@Override
protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.LOLLIPOP) {
setMeasuredDimension(MeasureSpec.getSize(widthMeasureSpec), mBarSize);
} else {
setMeasuredDimension(0, 0);
}
}

public int getBarSize() {
return mBarSize;
}

}
复制代码

然后在自定义的布局中添加我们的导航栏View

        //加载自定义的宿主布局
if (mStatusView == null && mContentLayout == null) {
setOrientation(LinearLayout.VERTICAL);

        mStatusView = new StatusView(mActivity);
        mStatusView.setLayoutParams(new ViewGroup.LayoutParams(ViewGroup.LayoutParams.MATCH_PARENT, ViewGroup.LayoutParams.WRAP_CONTENT));
addView(mStatusView);

        mContentLayout = new FrameLayout(mActivity);
        mContentLayout.setLayoutParams(new LinearLayout.LayoutParams(ViewGroup.LayoutParams.MATCH_PARENT, 0, 1.0f));
addView(mContentLayout);

        mNavigationView = new NavigationView(mActivity);
        mNavigationView.setLayoutParams(new ViewGroup.LayoutParams(ViewGroup.LayoutParams.MATCH_PARENT, ViewGroup.LayoutParams.WRAP_CONTENT));
addView(mNavigationView);
}
复制代码

核心方法是替换掉 DecorView 中的 ContentView：

        private void replaceContentView() {
        Window window = mActivity.getWindow();
        ViewGroup contentLayout = window.getDecorView().findViewById(Window.ID_ANDROID_CONTENT);
if (contentLayout.getChildCount() > 0) {
//先找到DecorView的容器移除掉已经设置的ContentView
            View contentView = contentLayout.getChildAt(0);
            contentLayout.removeView(contentView);
            ViewGroup.LayoutParams contentParams = contentView.getLayoutParams();

//外部设置的ContentView添加到宿主中来
            mContentLayout.addView(contentView, contentParams.width, contentParams.height);
}
//再把整个宿主添加到Activity对应的DecorView中去
        contentLayout.addView(this, -1, -1);
}
复制代码

然后我们暴露一些公共的方法供外界操作我们自定义的导航栏：

     /**
     * 设置导航栏图片颜色为黑色
     */
public StatusBarHostLayout setNavigatiopnBarIconBlack() {
        StatusBarHostUtils.setNavigationBarDrak(mActivity, true);
return this;
}

/**
     * 设置导航栏图片颜色为白色
     */
public StatusBarHostLayout setNavigatiopnBarIconWhite() {
        StatusBarHostUtils.setNavigationBarDrak(mActivity, false);
return this;
}

/**
     * 设置自定义状态栏布局的背景颜色
     */
public StatusBarHostLayout setNavigationBarBackground(int color) {
if (mNavigationView != null)
            mNavigationView.setBackgroundColor(color);
return this;
}

/**
     * 设置自定义状态栏布局的背景图片
     */
public StatusBarHostLayout setNavigationBarBackground(Drawable drawable) {
if (mNavigationView != null)
            mNavigationView.setBackground(drawable);
return this;
}

/**
     * 设置自定义状态栏布局的透明度
     */
public StatusBarHostLayout setNavigationBarBackgroundAlpha(int alpha) {
if (mNavigationView != null) {
Drawable background = mNavigationView.getBackground();
if (background != null) {
                background.mutate().setAlpha(alpha);
}
}
return this;
}

/**
     * 设置自定义导航栏的沉浸式
     */
public StatusBarHostLayout setNavigationBarImmersive(boolean needImmersive, int color) {
if (mNavigationView != null) {
if (needImmersive) {
                mNavigationView.setVisibility(GONE);
} else {
                mNavigationView.setVisibility(VISIBLE);
                mNavigationView.setBackgroundColor(color);
}
}
return this;
}
复制代码

使用的时候我们这样用：

       val hostLayout = StatusBarHost.inject(this)
.setStatusBarBackground(startColor)
.setStatusBarBlackText()
.setNavigationBarBackground(startColor)

//修改导航栏的图标颜色 - 深色
fun btn07(view: View) {
        hostLayout.setNavigationBarIconBlack()
}

//修改导航栏的图标颜色 - 亮色
fun btn08(view: View) {
        hostLayout.setNavigationBarIconWhite()
}

fun btn06(view: View) {
        hostLayout.setNavigationBarBackground(resources.getColor(R.color.teal_200))
}          
复制代码

其中的一些效果如下图所示，更多的示例代码可以查看源码：

状态栏的操作：

2d5da76de3169f3a4dfdffdd7e2d2899.webp

image.png

7185d3ad5f9e2cbb9827c7244568c7a7.webp

image.png

导航栏的操作：

cb282d14f45b7d4302279c966b5744f2.webp

image.png


5f6e9ed56a96a7bb4d8ee2ffc607b8dc.webp

image.png

状态栏与导航栏的沉浸式处理


7122066837cd404f0b609d816cec8d11.webp

image.png


4fcfcd520d1c101c98df7d9ab8a63576.webp

image.png

状态栏与导航栏图片背景的设置

7d79112586e7f3f66222c5432e7a7020.webp

image.png

全面屏手机与老款的可动态隐藏导航栏的手机都能正确的判断是否有导航栏：

f49702c72db46133fa4215c442d0cc4f.webp

image.png

Android5.0的老款手机，不带内置导航栏的：

53f4c6308c719932ad8c17dd95a6864d.webp

image.png

Android12三星手机滚动的效果：

eb047d3fb450b37052c80253f24afb4f.webp

image.png

四、总结

由于使用了 WindowInsetsController 的Api，所以本方案支持Android5.0+版本。

有关更多的Demo与效果可以查看我的源码项目，点击查看，我会持续更新和优化。大家可以点个Star关注一波。

关于本文的Demo我也单独做了项目与Demo的效果，点击查看。

如果你想直接使用，我也已经上传到 MavenCentral ，直接依赖即可。

    implementation "com.gitee.newki123456:status_host_layout:1.0.0"
复制代码

惯例，我如有讲解不到位或错漏的地方，希望同学们可以指出交流。

作者：newki
链接：https://juejin.cn/post/7150088571313979399

友情推荐：

Android 开发干货集锦

至此，本篇已结束。转载网络的文章，小编觉得很优秀，欢迎点击阅读原文，支持原创作者，如有侵权，恳请联系小编删除，欢迎您的建议与指正。同时期待您的关注，感谢您的阅读，谢谢！

点击阅读原文，为大佬点赞！

浏览 121
点赞
评论
收藏
分享

手机扫一扫分享

举报
评论
图片
表情
推荐
金融研究 | 使用Python测量关键审计事项的「信息含量」
Tips: 公众号推送后内容只能更改一次，且只能改20字符。如果内容出问题，或者想更新内容， 只能重复推送。为了更好的阅读体验，建议阅读本文博客版， 链接地址https://textdata.cn/blog/2023-01-13-information-content-of-critical-aud
大邓和他的Python
0
我看阿里的年终奖总算发了！
到4月底了，这两天看朋友圈，发现阿里的年终奖终于发了，问了问老同学，也从网上检索了不少信息，基本搞清楚了阿里今年的年终奖情况。近来来阿里一些集团对绩效等级做了较大的调整，以前的旧绩效系统中，绩效分为3.25、3.5、3.75、4和5五个等级，其中4和5是较高绩效等级，较少见。而且之前3.5绩效内部划
公子龙
0
金融研究(更新) | 使用Python构建关键审计事项的「信息含量」
Tips: 公众号推送后内容只能更改一次，且只能改20字符。如果内容出问题，或者想更新内容， 只能重复推送。为了更好的阅读体验，建议阅读本文博客版， 链接地址https://textdata.cn/blog/2023-01-13-information-content-of-critical-aud
大邓和他的Python
0
盘点Lombok的几个骚操作，你绝对没用过！
👉 欢迎加入小哈的星球 ，你将获得: 专属的项目实战 / Java 学习路线 / 一对一提问 / 学习打卡 /  赠书福利全栈前后端分离博客项目 2.0 版本完结啦， 演示链接：http://116.62.199.48/ ，新项目正在酝酿中
小哈学Java
0
堪称最优秀的Docker可视化管理工具——Portainer你真的会用吗？
来源：blog.csdn.net/shark_chili3007/article/details/123366179👉 欢迎加入小哈的星球 ，你将获得: 专属的项目实战 / Java 学习路线 / 一对一提问 / 学习打卡 /  赠书福利全栈前后端分离博客项目
小哈学Java
0
Apache Paimon毕业，湖仓架构的未来发展趋势！
北京时间 2024 年 4 月 16日，开源软件基金会 Apache Software Foundation（以下简称 ASF）正式宣布 Apache Paimon 毕业成为 Apache 顶级项目(TLP, Top Level Project)。经过社区的共同努力和持续创新，Apache Paim
程序源代码
0
JS的这些新特性，你都用过么？
大厂技术  高级前端  Node进阶点击上方 程序员成长指北，关注公众号回复1，加入高级Node交流群作为一门不断演进的语言，JavaScript每年都会引入新特性。这些特性的加入，能够帮助我们编写更加简洁、高效、易于维护的代码。然而，并非所有新特性
程序员成长指北
1
【深度学习】人人都能看懂的LSTM
熟悉深度学习的朋友知道，LSTM是一种RNN模型，可以方便地处理时间序列数据，在NLP等领域有广泛应用。在看了台大李宏毅教授的深度学习视频后，特别是介绍的第一部分RNN以及LSTM，整个人醍醐灌顶。本文就是对视频的记录加上了一些个人的思考。0. 从RNN说起循环神经网络（Recurrent Neur
机器学习初学者
0
我发现 Lombok的几个骚操作，哈哈好用
大家好，我是小富～前言本文不讨论对错，只讲骚操作。有的方法看看就好，知道可以这么用，但是否应用到实际开发中，那就仁者见仁，智者见智了。一万个读者就会有一万个哈姆雷特，希望这篇文章能够给您带来一些思考。耐心看完，你一定会有所收获。@onX例如 onConstructor, oMet
程序员内点事
0
测试新人，如何快速上手一个陌生的系统！
大家好，我是狂师！作为刚入行不久的测试新人，面对一个陌生的系统时，可能会感到有些手足无措。面对一个全新的系统系统，如何快速上手并展开有效的测试工作是一个重要的挑战。本文将探讨测试新人如何通过一系列步骤和策略，快速熟悉并掌握新系统的测试要点，从而提高测试效率和质量。本文旨在为测试新手提供一份指导，帮助
测试开发技术
0
点赞
评论
收藏
分享

手机扫一扫分享

举报