如何在Bottom Navigation Activity模板的顶部栏右侧添加按钮

1. 定位主布局文件 #

Bottom Navigation Activity模板默认的顶部栏配置在主Activity的布局文件中，通常是res/layout/activity_main.xml，新版模板的顶部栏默认用MaterialToolbar控件实现。

2. 修改顶部栏布局添加按钮 #

Toolbar本身是ViewGroup容器，你可以直接在标签内部嵌套按钮控件，通过layout_gravity属性控制按钮靠右对齐：

<com.google.android.material.appbar.MaterialToolbar
    android:id="@+id/topAppBar"
    android:layout_width="match_parent"
    android:layout_height="?attr/actionBarSize"
    android:background="?attr/colorPrimary"
    app:titleTextColor="@color/white">

    <!-- 右侧添加的按钮 -->
    <Button
        android:id="@+id/topRightBtn"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="end"
        android:text="操作按钮"
        android:backgroundTint="@color/white"
        android:textColor="@color/black"/>

</com.google.android.material.appbar.MaterialToolbar>

你可以按需修改按钮的样式、文字、背景、大小等属性，也可以换成ImageButton实现图标按钮。

3. 绑定按钮点击事件 #

在MainActivity.kt（Java项目对应MainActivity.java）的onCreate方法中添加点击逻辑：

Kotlin 代码示例 #

val topRightBtn = findViewById<Button>(R.id.topRightBtn)
topRightBtn.setOnClickListener {
    // 此处填写按钮点击后的业务逻辑
    Toast.makeText(this, "点击了顶部按钮", Toast.LENGTH_SHORT).show()
}

Java 代码示例 #

Button topRightBtn = findViewById(R.id.topRightBtn);
topRightBtn.setOnClickListener(v -> {
    // 此处填写按钮点击后的业务逻辑
    Toast.makeText(this, "点击了顶部按钮", Toast.LENGTH_SHORT).show();
});

注意事项 #

• 确认项目主题使用的是不带ActionBar的父主题，打开res/values/themes下的主题配置文件，确认父主题为Theme.MaterialComponents.DayNight.NoActionBar这类后缀带NoActionBar的主题，避免出现重复的顶部栏。
• 如果需要在不同Fragment中切换按钮的显示状态、文字或者点击逻辑，可以在Fragment中通过getActivity获取MainActivity实例，再拿到按钮控件做对应修改即可。

内容的提问来源于stack exchange，提问作者user3561494