Android9底部导航栏出现空白按钮问题分析

简介: Android9底部导航栏出现空白按钮问题分析

底部导航栏的初始化

NavigationBarFragment.onCreateView()初始化时渲染创建了navigation_bar

@Override
    public View onCreateView(LayoutInflater inflater, @Nullable ViewGroup container,
            Bundle savedInstanceState) {
        return inflater.inflate(R.layout.navigation_bar, container, false);
    }

这个navigation_bar布局:

很直接的是一个NavigationBarView内部嵌套NavigationBarInflaterView

<com.android.systemui.statusbar.phone.NavigationBarView
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:systemui="http://schemas.android.com/apk/res-auto"
    android:layout_height="match_parent"
    android:layout_width="match_parent"
    android:background="@drawable/system_bar_background">
 
    <com.android.systemui.statusbar.phone.NavigationBarInflaterView
        android:id="@+id/navigation_inflater"
        android:layout_width="match_parent"
        android:layout_height="match_parent" />
</com.android.systemui.statusbar.phone.NavigationBarView>


进入NavigationBarView初始化:


创建了大量按键的按键矢量图对象,和按键调度对象。

public class NavigationBarView extends FrameLayout implements PluginListener<NavGesture> {
  private final SparseArray<ButtonDispatcher> mButtonDispatchers = new SparseArray<>();
  // 大量的keybuttondrawable成员变量。即按键的图片资源
  private KeyButtonDrawable mBackIcon;
  ...
    private KeyButtonDrawable mHomeDefaultIcon, mHomeCarModeIcon;
    private KeyButtonDrawable mRecentIcon;
  ....
  
  public NavigationBarView(Context context, AttributeSet attrs) {
        super(context, attrs);
        // 为所有的keybuttondrawable加载drawable矢量图资源
        reloadNavIcons();
        // 以按键id- buttonDispatcher对象为键值对,全部存入SparseArray数组中
        mButtonDispatchers.put(R.id.back, new ButtonDispatcher(R.id.back));
        mButtonDispatchers.put(R.id.home, new ButtonDispatcher(R.id.home));
        mButtonDispatchers.put(R.id.recent_apps, new ButtonDispatcher(R.id.recent_apps));
        mButtonDispatchers.put(R.id.menu, new ButtonDispatcher(R.id.menu));
        mButtonDispatchers.put(R.id.ime_switcher, new ButtonDispatcher(R.id.ime_switcher));
       
    }


进入NavigationBarView的onFinishInflater


显示器尺寸和横竖屏布局的确认

@Override
    public void onFinishInflate() {
      // 绑定NavigationInflaterView对象,并将初始化好的buttondispatcher数组传值
        mNavigationInflaterView = findViewById(R.id.navigation_inflater);
        mNavigationInflaterView.setButtonDispatchers(mButtonDispatchers);
        ....
        // 更新横竖屏的布局加载
        updateRotatedViews();
 }
private void updateCurrentView() {
        final int rot = mDisplay.getRotation();
        // NavigationBarView共有0,90,180,270四个角度的背景,横竖两种layout布局。
        // 根据显示display的旋转角度来指定其中一个显示。
        for (int i = 0; i < 4; i++) {
            mRotatedViews[i].setVisibility(View.GONE);
        }
        .........
    }


进入NavigationBarInflaterView


所有button的显示是在这个view中确定的

@Override
    protected void onFinishInflate() {
        super.onFinishInflate();
        // 贴上四个布局文件,并绑定子view
        inflateChildren(); 
        clearViews();
        // 解析配置文件渲染
        // getDefaultLayout获取到R.string.config_navBarLayoutQuickstep或R.string.config_navBarLayout
        // 是字符串left;volume_sub,back,home,recent,volume_add,screenshot;right[.1W]
        inflateLayout(getDefaultLayout()); 
    }
protected void inflateLayout(String newLayout) {
       .......
    // 用;号取出三组按钮组
        String[] sets = newLayout.split(GRAVITY_SEPARATOR, 3);
        .....
        // 这三组分别是left, center, right,主要按键都在center组中。
        String[] start = sets[0].split(BUTTON_SEPARATOR);
        String[] center = sets[1].split(BUTTON_SEPARATOR); 
        String[] end = sets[2].split(BUTTON_SEPARATOR);
        // Inflate these in start to end order or accessibility traversal will be messed up.
        // 渲染三组,left是空格,center是音量,right是比较复杂的menu,ime,rotate等但均不显示
        inflateButtons(start, mRot0.findViewById(R.id.ends_group), isRot0Landscape, true); // 宽屏
        inflateButtons(start, mRot90.findViewById(R.id.ends_group), !isRot0Landscape, true);
        inflateButtons(center, mRot0.findViewById(R.id.center_group), isRot0Landscape, false);
        inflateButtons(center, mRot90.findViewById(R.id.center_group), !isRot0Landscape, false);
        addGravitySpacer(mRot0.findViewById(R.id.ends_group));// 插入空格符
        addGravitySpacer(mRot90.findViewById(R.id.ends_group));
        inflateButtons(end, mRot0.findViewById(R.id.ends_group), isRot0Landscape, false);
        inflateButtons(end, mRot90.findViewById(R.id.ends_group), !isRot0Landscape, false);
        updateButtonDispatchersCurrentView();
    }


NavigationBarInflaterView加载单个的button


到这里逐个加载配置中的button后,导航栏的显示已差不多完成。


点击事件不需要额外添加监听,每个按钮都是keyButtonview对象,自带了虚拟键值和onTouch事件。


protected View inflateButton(String buttonSpec, ViewGroup parent, boolean landscape,
            boolean start) {
        ..
        // createView非常关键,根据条件获取按钮的资源。
        // 加载了按键的显示布局xml,并且带有systemui:keycode虚拟键值。
        // 每个按键布局都是一个keyButtonView,其中自带了点击touch事件处理,发送xml中的虚拟键值给系统。
        View v = createView(buttonSpec, parent, inflater);
        if (v == null) return null;
        v = applySize(v, buttonSpec, landscape, start);// 含有[]如,right[.1W]则重新分配尺寸
        parent.addView(v);  // 将按键填入父控件中进行显示
        addToDispatchers(v); //加入mButtonDispatchers集合中。
        .......
        return v;
    }


回到NavigationFragment的创建流程

在onViewCreated()流程中


prepareNavigationBarView()方法注册了一些点击事件,最重要的是更新横竖布局和按钮显示,通过sysprop确定了音量加减的显示。


最后notifyNavigationBarScreenOn()方法再次更新了按钮的显示。


private void prepareNavigationBarView() {
    // 再次刷新横竖屏布局的显示和隐藏,并且更新导航按钮的显示隐藏。
        mNavigationBarView.reorient();
        .................
        // 音量加减键
        ButtonDispatcher volumeAddButton=mNavigationBarView.getVolumeAddButton();
        ButtonDispatcher volumeSubButton=mNavigationBarView.getVolumeSubButton();
        // prop中为true
        boolean isShowVolumeButton="true".equals(SystemProperties.get("ro.rk.systembar.voiceicon","true"));
        if(isShowVolumeButton){
            volumeAddButton.setVisibility(View.VISIBLE);
            volumeSubButton.setVisibility(View.VISIBLE);
        }else{
            volumeAddButton.setVisibility(View.GONE);
            volumeSubButton.setVisibility(View.GONE);
        }
        if (getContext().getResources().getConfiguration().smallestScreenWidthDp < 400) {
            volumeAddButton.setVisibility(View.GONE);
            volumeSubButton.setVisibility(View.GONE);
        }
    }
// 再次更新NavButtonIcons;
private void notifyNavigationBarScreenOn() {
        mNavigationBarView.updateNavButtonIcons();
    }


多次调用NavigationBarView的刷新


把构造方法中实例化的keybuttondrawable图像逐个设置给buttondispatcer,按钮有了具体的矢量图象。


最终结果就是显示back , home, recents三个键,外加上述提到的音量加减,其他全部隐藏

public void updateNavButtonIcons() {
        ......
        getHomeButton().setImageDrawable(homeIcon);
        getBackButton().setImageDrawable(backIcon);
        getVolumeAddButton().setImageDrawable(mVolumeAddIcon);
        getVolumeSubButton().setImageDrawable(mVolumeSubIcon);
        getScreenshotButton().setImageDrawable(mScreenshotIcon);
        ......
        getBackButton().setVisibility(disableBack      ? View.INVISIBLE : View.VISIBLE);
        getHomeButton().setVisibility(disableHome      ? View.INVISIBLE : View.VISIBLE);
        getRecentsButton().setVisibility(disableRecent ? View.INVISIBLE : View.VISIBLE);
    }


初始化流程的错误追踪。


在底部导航栏的初始化中,刚开始加载的配置是back;home ;contextual导致一直在追查音量加减在哪里加入的,实际上整个初始化流程多次刷新,最后一次加载的配置是left;volume_sub,back,home,recent,volume_add,screenshot;right[.1W]。


空格按键的问题定位。


不断的尝试中发现,安卓9盒子HDMI输出给18.5寸一体机时,调用的默认布局配置是layout-sw600dp,源码中特意增加的layout布局,其中仅有一个文件navigation_layout_rot90.xml,即横屏的NavigationInflaterView布局。


且这个布局内容很奇怪。ends_group组和center_group组都是linearlayout和默认layout中的资源文件不一样,但是改动或者同步都会导致导航栏只剩一个home键。

<FrameLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:systemui="http://schemas.android.com/apk/res-auto"
    android:layout_width="match_parent"
    android:layout_height="match_parent">
    <FrameLayout
        android:id="@+id/nav_buttons"
        android:layout_width="match_parent"
        android:layout_height="match_parent">
        <LinearLayout
            android:id="@+id/ends_group"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:orientation="horizontal"
            android:clipChildren="false" />
        <LinearLayout
            android:id="@+id/center_group"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:gravity="center"
            android:orientation="horizontal"
            android:clipChildren="false" />
    </FrameLayout>
</FrameLayout>


临时解决办法


三组按钮,left(空格), center(关键功能键), right(复杂功能全都隐藏)。right组中的所有按钮都是隐藏的,而且基本没见过,直接取消right组按钮的加载后,空格按钮就消除了,在NavigationBarInflaterView中

protected void inflateLayout(String newLayout) {
      ....
      // 取消掉right这组的按钮加载
        // inflateButtons(end, mRot0.findViewById(R.id.ends_group), isRot0Landscape, false);
        // inflateButtons(end, mRot90.findViewById(R.id.ends_group), !isRot0Landscape, false);
        updateButtonDispatchersCurrentView();
    }


目录
相关文章
|
6月前
|
安全 Android开发
Android 预置可卸载分区接收不到任何广播问题分析和解决
Android 预置可卸载分区接收不到任何广播问题分析和解决
197 0
|
6月前
|
测试技术 Android开发
Android按钮防抖动,避免发送多次请求
Android按钮防抖动,避免发送多次请求
113 0
|
6月前
|
Java Android开发
Android Studio入门之按钮触控的解析及实战(附源码 超详细必看)(包括按钮控件、点击和长按事件、禁用与恢复按钮)
Android Studio入门之按钮触控的解析及实战(附源码 超详细必看)(包括按钮控件、点击和长按事件、禁用与恢复按钮)
711 0
|
6月前
|
Android开发
Android Studio入门之图像显示解析及实战(附源码 超详细必看)(包括图像视图、图像按钮、同时展示文本与图像)
Android Studio入门之图像显示解析及实战(附源码 超详细必看)(包括图像视图、图像按钮、同时展示文本与图像)
280 1
|
5月前
|
XML IDE 开发工具
【Android UI】自定义带按钮的标题栏
【Android UI】自定义带按钮的标题栏
59 7
【Android UI】自定义带按钮的标题栏
|
5月前
|
安全 JavaScript 前端开发
kotlin开发安卓app,JetPack Compose框架,给webview新增一个按钮,点击刷新网页
在Kotlin中开发Android应用,使用Jetpack Compose框架时,可以通过添加一个按钮到TopAppBar来实现WebView页面的刷新功能。按钮位于右上角,点击后调用`webViewState?.reload()`来刷新网页内容。以下是代码摘要:
|
4月前
|
缓存 安全 Java
Android深入Binder拦截问题分析
【7月更文挑战第1天】Android Binder 拦截可实现虚拟化、测试、SDK检测、逆向分析及ROM扩展。通过Java层aidl代理,利用IBinder接口规范来拦截通信。拦截步骤包括:替换Binder服务缓存对象,如ActivityManagerService;代理ServiceManager以控制服务获取。此操作需系统权限,可能涉及安全风险和版本差异,非必要时应谨慎。
|
5月前
|
存储 Android开发
安卓app,MediaPlayer播放本地音频 | 按钮控制播放和停止
在Jetpack Compose中,不直接操作原生Android组件如`Button`和`MediaPlayer`,而是使用Compose UI构建器定义界面并结合ViewModel管理音频播放逻辑。以下示例展示如何播放本地音频并用按钮控制播放/停止:创建一个`AudioPlayerViewModel`管理`MediaPlayer`实例和播放状态,然后在Compose UI中使用`Button`根据`isPlaying`状态控制播放。记得在`MainActivity`设置Compose UI,并处理相关依赖和权限。
|
5月前
|
XML Java Android开发
15. 【Android教程】按钮 Button/ImageButton
15. 【Android教程】按钮 Button/ImageButton
72 2
|
6月前
|
Java Android开发
Android 12 自定义底部导航栏
Android 12 自定义底部导航栏
171 4