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

效果截图(跟向导生成的一模一样,响应事件实现方法不同):

 实现步骤:

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文件,添加菜单项(记得自行添加对应图标资源)

<menu xmlns:android="http://schemas.android.com/apk/res/android">
    <item
        android:id="@+id/navigation_home"
        android:icon="@drawable/ic_home_black_24dp"
        android:title="@string/title_home" />
    <item
        android:id="@+id/navigation_dashboard"
        android:icon="@drawable/ic_dashboard_black_24dp"
        android:title="@string/title_dashboard" />
    <item
        android:id="@+id/navigation_notifications"
        android:icon="@drawable/ic_notifications_black_24dp"
        android:title="@string/title_notifications" />
</menu>

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文件,添加颜色状态列表

<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:color="@color/colorPrimary" android:state_checked="true" />
    <item android:color="@color/colorGray" />
</selector>

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

<color name="colorGray">#808080</color>

或者可以直接引用:

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

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值