底部导航栏新增功能按键_navbarlayoutquickstep-优快云博客

场景需求：

在底部导航栏添加power案件，单击息屏，长按关机

如下实现图
在这里插入图片描述

借此需求，需要掌握技能：

底部导航栏如何实现
新增、修改、删除底部导航栏流程
对底部导航栏部分样式如何修改。比如放不下、顺序排列、坑点如何修改等

修改-新增文件:

新增

\vendor\mediatek\proprietary\packages\apps\SystemUI\res\layout\power.xml         [新增底部导航 power 功能按键布局文件]
\vendor\mediatek\proprietary\packages\apps\SystemUI\res\drawable\ic_lock_power_off.xml  [新增power按键icon图标]

修改

\vendor\mediatek\proprietary\packages\apps\SystemUI\src\com\android\systemui\navigationbar\NavigationBarView.java
\vendor\mediatek\proprietary\packages\apps\SystemUI\src\com\android\systemui\navigationbar\NavigationBar.java
\vendor\mediatek\proprietary\packages\apps\SystemUI\src\com\android\systemui\navigationbar\NavigationBarInflaterView.java


需改：新增 power 功能菜单
\vendor\mediatek\proprietary\packages\apps\SystemUI\res\values\config.xml      
\vendor\mediatek\proprietary\packages\apps\SystemUI\res\values-sw900dp\config.xml
\vendor\mediatek\proprietary\packages\apps\SystemUI\res\values-sw600dp\config.xml

//按键太多，设置按键宽度，让竖屏情况下多个功能虚拟按键能够正常显示出来：我们对应的dimens 文件为values-sw600dp  故，只修改这个文件即可
/vendor/mediatek/proprietary/packages/apps/SystemUI/res/values-sw600dp/dimens.xml

具体修改点

修改点一）
功能按键添加：power

<string name="config_navBarLayout" translatable="false">left;volume_sub,back,home,recent,wb_sunny,volume_add,power,screenshot;right</string>

修改点二）
虚拟按键宽度和padding 重写设置：

<dimen name="navigation_key_width">90dp</dimen>

修改点三）

NavigationBarView.java            [设置按键图标、按键放到集合中，便于封装操作]
NavigationBar.java                 [点触事件 长按、短按事件]
NavigationBarInflaterView.java   [加载布局，加载功能按键view]
见修改文件  wang 相关 add 和 end 结束位置
下文 详细说明

参考资料

Android 8.1平台SystemUI 导航栏加载流程解析：
Android 9.0 SystemUI NavigationBar
Android13 关于SystemUI更新Nav Bar add volume button && other button
Android 导航栏功能项的显示与屏蔽
 Android 12 自定义底部导航栏
 Android11 底部导航栏添加虚拟按钮-问题合集

实现思路和具体方案

在实现方案之前，一脸蒙蔽，那是缺乏一定的知识储备，实现后发现思路很清晰的，理解流程，一步一步实现即可。可以参考现有的实现方案，比如：home/back/recent 部分Android版本
本身就已经有的功能，照葫芦画瓢。

主要思路如下：

创建功能按键布局layout[对应 xml]:参考已有的功能按键
配置文件中，新增功能按键菜单，只有有了默认的配置才会加载上面的布局View
NavigationBar为系统加载的组件，在组件中实现点击事件，在关联的加载布局View 类
NavigationBarInflaterView.java 和 NavigationBarView.java 实现布局的功能按键View的添加和功能view 的获取/设置View背景等，最终实现功能按键的加载。

布局创建

比如我们的power.xml

<?xml version="1.0" encoding="utf-8"?>
<com.android.systemui.navigationbar.buttons.KeyButtonView
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:systemui="http://schemas.android.com/apk/res-auto"
    android:id="@+id/power"
    android:layout_width="@dimen/navigation_key_width"
    android:layout_height="match_parent"
    android:layout_weight="0"
    systemui:keyCode="26"
    android:scaleType="center"
    android:contentDescription="@string/accessibility_home"
    android:paddingStart="@dimen/navigation_key_padding"
    android:paddingEnd="@dimen/navigation_key_padding"
    />

那为什么这么创建？找一下已有的功能按键比如Home 按键：

<com.android.systemui.navigationbar.buttons.KeyButtonView
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:systemui="http://schemas.android.com/apk/res-auto"
    android:id="@+id/home"
    android:layout_width="@dimen/navigation_key_width"
    android:layout_height="match_parent"
    android:layout_weight="0"
    systemui:keyCode="3"
    android:scaleType="center"
    android:contentDescription="@string/accessibility_home"
    android:paddingStart="@dimen/navigation_key_padding"
    android:paddingEnd="@dimen/navigation_key_padding"
    />

这里有三个点需要注意：

layout_width 值的设置，底部导航栏功能按键过多，会出现不会显示全的问题，需要适配。
keyCode，有keyCode设置，会根据KeyButtonView 监听到keyCode
按键值，这样可以监听并执行对应逻辑。【此需求暂无用到】
id：这个id 在NavigationBarView，中的 mButtonDispatchers.put(R.id.power, new
ButtonDispatcher(R.id.power)); 对应匹配，不然找不到id。

布局加载

添加到NavigationBarInflaterView中去，NavigationBarInflaterView 见名知意。本身代码量不多的，就是一个View，加载功能按键子View

NavigationBarInflaterView extends FrameLayout ，正常的一个FragmentLayout ，如下举例几个简单方法

加载配置

 protected String getDefaultLayout() {
   
   
        //wangfangchen add 
		/*final int defaultResource = QuickStepContract.isGesturalMode(mNavBarMode)
                ? R.string.config_navBarLayoutHandle
                : mOverviewProxyService.shouldShowSwipeUpUI()
                        ? R.string.config_navBarLayoutQuickstep
                        : R.string.config_navBarLayout;
		*/
		final int defaultResource =		 R.string.config_navBarLayout;
		Log.d(TAG,"getDefaultLayout  "+getContext().getString(defaultResource));
		//wangfangchen end  
        return getContext().getString(defaultResource);
    }

所以我们需要新增功能按键就需要在配置文件中添加功能按键：power

<string name="config_navBarLayout" translatable="false">left;volume_sub,back,home,recent,wb_sunny,volume_add,power,screenshot;right</string>

加载子View

@Override
    protected void onFinishInflate() {
   
   
        super.onFinishInflate();
        inflateChildren();
        clearViews();
        inflateLayout(getDefaultLayout());
    }

   protected void inflateLayout(String newLayout) {
   
   
        mCurrentLayout = newLayout;
        if</