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

生活中,最使人疲惫的往往不是道路的遥远,而是心中的郁闷;最使人痛苦的往往不是生活的不幸,而是希望的破灭;最使人颓废的往往不是前途的坎坷,而是自信的丧失;最使人绝望的往往不是挫折的打击,而是心灵的死亡。所以我们要有自己的梦想,让梦想的星光指引着我们走出落漠,走出惆怅,带着我们走进自己的理想。

导读:本篇文章讲解 Android利用BottomNavigationView 实现底部导航最简洁的方法(非向导生成),希望对大家有帮助,欢迎收藏,转发!站点地址:www.bmabk.com,来源:原文

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

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>

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。

文章由极客之音整理,本文链接:https://www.bmabk.com/index.php/post/139890.html

(0)
飞熊的头像飞熊bm

相关推荐

发表回复

登录后才能评论
极客之音——专业性很强的中文编程技术网站,欢迎收藏到浏览器,订阅我们!