在底部导航视图导航组件上方显示小吃栏

当我们设计一个拥有底部导航视图的应用程序时，可能需要在导航栏上方添加其他元素来增强应用程序的功能。其中一种方法是添加小吃栏。小吃栏可用于显示应用程序的独特功能，例如通知、消息、搜索和设置等。

实现方法

为了在底部导航视图导航组件上方添加小吃栏，我们可以使用顶部导航条或选项卡布局。以下步骤描述如何使用选项卡布局在底部导航栏上方添加小吃栏：

1. 在 XML 布局文件中添加 <TabLayout> 元素，放置在 <RelativeLayout> 或 <CoordinatorLayout> 中。

<android.support.design.widget.CoordinatorLayout
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <!-- 底部导航栏 -->
    <android.support.design.widget.BottomNavigationView
        android:id="@+id/bottom_navigation"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_gravity="bottom"
        app:menu="@menu/bottom_navigation_menu" />

    <!-- 小吃栏 -->
    <android.support.design.widget.TabLayout
        android:id="@+id/tabLayout"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:background="@color/colorPrimary"
        app:tabMode="scrollable"
        app:tabTextAppearance="@style/TabTextStyle" />

</android.support.design.widget.CoordinatorLayout>

2. 在 Java 代码中，使用 findViewById 找到 TabLayout 并添加标签。

TabLayout tabLayout = findViewById(R.id.tabLayout);
tabLayout.addTab(tabLayout.newTab().setText("通知"));
tabLayout.addTab(tabLayout.newTab().setText("消息"));
tabLayout.addTab(tabLayout.newTab().setText("搜索"));
tabLayout.addTab(tabLayout.newTab().setText("设置"));

3. 在 TabLayout 中添加 OnTabSelectedListener 监听器以响应选项卡的点击。

tabLayout.addOnTabSelectedListener(new TabLayout.OnTabSelectedListener() {
    @Override
    public void onTabSelected(TabLayout.Tab tab) {
        // 标签被选中时发生的操作
    }

    @Override
    public void onTabUnselected(TabLayout.Tab tab) {
        // 标签取消选中时发生的操作
    }

    @Override
    public void onTabReselected(TabLayout.Tab tab) {
        // 标签再次被选中时发生的操作
    }
});

4. 在 TabLayout 中添加以下样式以使其与应用程序的样式相匹配。

<style name="TabTextStyle" parent="TextAppearance.Design.Tab">
    <item name="android:textColor">@android:color/white</item>
    <item name="android:textSize">12sp</item>
    <item name="android:textStyle">bold</item>
    <item name="android:textAllCaps">true</item>
</style>

以上代码片段演示了如何在底部导航视图导航组件上方添加小吃栏。请注意，在实现与布局相关的功能时，应该采用协调布局 CoordinatorLayout。在布局上优先考虑 RelativeLayout 或 CoordinatorLayout。

参考链接：

• Android Developer Guide: Designing Effective Navigation