android BottomNavigationView选中的时候只展示图标

时间: 2024-05-21 12:06:53 浏览: 216

Android BottomNavigationView底部导航效果

5星 · 资源好评率100%

在Android应用开发中，BottomNavigationView是一种常用的组件，用于实现底部导航栏功能。这个组件首次出现在Material Design设计规范中，并在Android Support Library 25版本中正式引入。通过使用BottomNavigationView，开发者可以为用户提供一种便捷的方式来在不同的内容区域之间切换，通常与Fragment或Activity的栈管理结合使用。要使用BottomNavigationView，我们需要在项目的build.gradle文件中添加对`com.android.support:design`库的依赖。在dependencies块中，加入以下代码： ```groovy dependencies { //... implementation 'com.android.support:design:25.1.0' } ``` 添加依赖后，需要同步项目，使Gradle下载并应用新的库。接下来，我们需要创建一个菜单资源文件来定义底部导航的各个选项。在`res/menu`目录下创建一个XML文件，例如`navigation.xml`。在这个文件中，我们将定义每个导航项的图标和标题： ```xml <menu xmlns:android="http://schemas.android.com/apk/res/android"> <item android:id="@+id/call" android:icon="@android:drawable/ic_menu_call" android:title="call" /> <item android:id="@+id/message" android:icon="@android:drawable/ic_dialog_email" android:title="message" /> <item android:id="@+id/search" android:icon="@android:drawable/ic_menu_search" android:title="搜索" /> <item android:id="@+id/delete" android:icon="@android:drawable/ic_menu_delete" android:title="删除"/> </menu> ``` 每个`<item>`标签代表一个导航选项，`android:id`用于标识选项，`android:icon`指定图标资源，`android:title`设置显示的文本。然后，在需要展示BottomNavigationView的Activity布局文件中，添加该组件。这里我们使用一个相对布局（RelativeLayout）作为示例： ```xml <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools" android:id="@+id/activity_bottom_navigation_view" android:layout_width="match_parent" android:layout_height="match_parent" xmlns:app="http://schemas.android.com/apk/res-auto"> <TextView android:id="@+id/tv_content" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_centerInParent="true" android:text="演示内容" android:textSize="36sp"/> <android.support.design.widget.BottomNavigationView android:id="@+id/navigation" android:layout_width="match_parent" android:layout_height="wrap_content" android:layout_alignParentBottom="true" app:itemBackground="@android:color/black" app:itemIconTint="@android:color/white" app:menu="@menu/navigation" /> </RelativeLayout> ``` 在这里，我们设置了BottomNavigationView的宽度为`match_parent`，高度为`wrap_content`，并将其放在布局的底部。`app:itemBackground`属性设置背景颜色，`app:itemIconTint`设置图标颜色，`app:menu`引用了之前创建的`navigation.xml`菜单资源。为了响应用户点击底部导航项，我们需要在Activity中监听`BottomNavigationView`的选中状态变化，并相应地更新界面内容。这通常涉及到切换Fragment或更新其他视图的状态。例如，我们可以使用`setNavigationItemSelectedListener`： ```java BottomNavigationView navigation = findViewById(R.id.navigation); navigation.setOnNavigationItemSelectedListener(mOnNavigationItemSelectedListener); private BottomNavigationView.OnNavigationItemSelectedListener mOnNavigationItemSelectedListener = new BottomNavigationView.OnNavigationItemSelectedListener() { @Override public boolean onNavigationItemSelected(@NonNull MenuItem item) { switch (item.getItemId()) { case R.id.call: // 更新与“call”相关的界面内容 return true; case R.id.message: // 更新与“message”相关的界面内容 return true; case R.id.search: // 更新与“搜索”相关的界面内容 return true; case R.id.delete: // 更新与“删除”相关的界面内容 return true; } return false; } }; ``` 在实际应用中，可能还需要处理更复杂的情况，比如使用FragmentTransaction管理Fragment的栈，或者根据用户的行为和状态动态改变BottomNavigationView的选项。BottomNavigationView为Android应用提供了一种标准且易于使用的底部导航方式，帮助用户在多个主要功能间流畅切换。

您可以通过在布局文件中设置BottomNavigationView的itemIconTint属性为null来实现选中时只展示图标的效果。具体实现方式如下： ```xml <com.google.android.material.bottomnavigation.BottomNavigationView android:id="@+id/navigation_view" android:layout_width="match_parent" android:layout_height="wrap_content" app:itemIconTint="@null" app:menu="@menu/bottom_navigation_menu" /> ```

阅读全文

android BottomNavigationView选中的时候只展示图标

相关推荐

用Fragment+Viewpager+BottomNavigationView实现界面切换

Android studio BottomNavigationView 应用设计

BottomNavigationView只显示选中的图标

如何让BottomNavigationView显示所有的图标，而非选中的图标

bottomnavigation设置图标点击后图标

android 底部导航栏 BottomNavigationView 让文字出现且图片文字不会变大

android 修改底部导航键的颜色,关于BottomNavigationView底部导航栏的itemIconTint选中颜色未改变问题？...

Android studio底部导航栏的图标一样怎么修改

Android设置导航在一行上

用Android写一个底部导航

android studio底部标签栏主页添加文本显示

Android写底部导航menu

android studio 设置底部导航栏

android底部导航栏中间凸起

底部导航默认选中第一个怎么

android studio 底部导航

android 实现底部导航栏中间突出

tabBard动态设置selectedIconPath

uniapp底部导航栏组件

最新推荐

UI开发第六篇——仿QQ的滑动Tab

【图像压缩】基于matlab GUI Haar小波变换图像压缩（含PSNR）【含Matlab源码 9979期】.zip

【胎心率监测器】基于matlab FastICA胎儿心跳信号噪声消除【含Matlab源码 9973期】.zip

ATA Command Set -5 (ACS-5).pdf

白色大气风格响应式产品展示企业网页模板.zip

Windows平台下的Fastboot工具使用指南

管理建模和仿真的文件

DLMS规约深度剖析：从基础到电力通信标准的全面掌握

修改代码，使其正确运行

Python机器学习基础入门与项目实践