Android利用BottomNavigationView 实现底部导航最简洁的方法(非向导生成）

素颜马尾好姑娘i 2023-10-08 22:49 11阅读 0赞

效果截图（跟向导生成的一模一样，响应事件实现方法不同）：

![c5b8d722469b494e99d8f76d6120ca46.png][]

**实现步骤：**

**1. 在主XML布局文件中添加BottomNavigationView**

<com.google.android.material.bottomnavigation.BottomNavigationView
        android:id="@+id/bottom_navigation"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_gravity="bottom"
        android:background="?android:attr/windowBackground"
        app:labelVisibilityMode="labeled"
        app:itemIconTint="@drawable/bottom_nav_color_selector"
        app:itemTextColor="@drawable/bottom_nav_color_selector"
        app:menu="@menu/bottom_navigation_menu" />

**2. 在res/menu文件夹下创建bottom\_navigation\_menu.xml文件，添加菜单项(记得自行添加对应图标资源)**

**3. 在Activity中设置BottomNavigationView的事件监听器**

BottomNavigationView  bottomNavigationView = findViewById(R.id.bottom_navigation);
            bottomNavigationView.setOnNavigationItemSelectedListener(new BottomNavigationView.OnNavigationItemSelectedListener() {
                @Override
                public boolean onNavigationItemSelected(@NonNull MenuItem item) {
                    ActionBar actionBar = getSupportActionBar();
                    switch (item.getItemId()) {
                        case R.id.navigation_home:
                            // do something
                            actionBar.setTitle("home");
                            return true;
                        case R.id.navigation_dashboard:
                            // do something
                            actionBar.setTitle("dashboard");
                            return true;
                        case R.id.navigation_notifications:
                            // do something
                            actionBar.setTitle("notifications");
                            return true;
                    }
                    return false;
                }
            });

**4. 在res/drawable文件夹下创建bottom\_nav\_color\_selector.xml文件，添加颜色状态列表**

**5. 在res/values文件夹下colors.xml文件，添加颜色定义**

或者可以直接引用：

<color name="colorGray">@android:color/darker_gray</color>

[c5b8d722469b494e99d8f76d6120ca46.png]: https://img-blog.csdnimg.cn/c5b8d722469b494e99d8f76d6120ca46.png