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

54 篇文章 2 订阅

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

 实现步骤:

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>

  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Android Studio中实现简易微信程序可以通过以下步骤完成: 1. 创建一个新的Android项目:在Android Studio中点击"File" -> "New" -> "New Project",然后按照向导创建一个新的Android项目。 2. 设计应用的界面:使用Android Studio的布局编辑器来设计微信应用的各个界面,例如聊天界面、联系人界面、发现界面等。可以使用LinearLayout、RelativeLayout等布局来组织界面元素。 3. 创建Fragment:在项目中创建多个Fragment来表示不同的界面。可以通过右键点击项目目录 -> "New" -> "Fragment"来创建Fragment,并在布局文件中定义Fragment的界面。 4. 实现底部导航栏:使用BottomNavigationView或TabLayout来实现底部导航栏,用于切换不同的Fragment。 5. 处理Fragment之间的通信:可以使用接口回调或EventBus等方式来实现Fragment之间的通信,例如在聊天界面点击联系人头像后跳转到联系人界面。 6. 实现聊天功能:使用RecyclerView来显示聊天记录,使用EditText和Button来输入和发送消息。可以使用数据库或网络请求来保存和获取聊天记录。 7. 实现联系人功能:使用RecyclerView来显示联系人列表,可以通过点击联系人列表中的项来跳转到聊天界面。 8. 实现发现功能:可以在发现界面中添加一些功能模块,例如朋友圈、扫一扫等。 9. 运行和测试:在Android Studio中点击"Run"按钮来运行应用程序,并在模拟器或真机上测试应用的各个功能。 10. 调试和优化:根据测试结果进行调试和优化,确保应用程序的稳定性和性能。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值