BottomNavigationView底部导航

最新推荐文章于 2025-05-31 12:36:23 发布

sunshine_a70

最新推荐文章于 2025-05-31 12:36:23 发布

阅读量943

点赞数

CC 4.0 BY-SA版权

分类专栏： Android BottomNavigationView 文章标签： Android BottomNavigationView

本文链接：https://blog.youkuaiyun.com/sunshine_a70/article/details/86472425

Android 同时被 2 个专栏收录

32 篇文章

订阅专栏

BottomNavigationView

1 篇文章

订阅专栏

本文介绍了Android开发中用于底部导航的BottomNavigationView的使用方法。该控件在support library 25.4.0及以上版本中引入，需要targetSdkVersion 25以上。通过在gradle文件中添加依赖，创建菜单资源文件以及在布局文件中设置属性，可以实现底部导航栏的创建和定制。底部导航栏高度默认为56dp，推荐包含3到5个菜单项。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

BottomNavigationView很早就在Material Design中出现了，但是知道support library >= 25，官方才增加了此控件。即必须targetSdkVersion >= 25时，才可以引入BottomNavigationView组件兼容包。
此控件基本使用示例如下：

gradle文件中添加依赖包 implementation ‘com.android.support:design:25.4.0’

在res/menu目录下创建菜单navigation.xml文件,此文件定义导航条目的具体信息

<menu xmlns:android="http://schemas.android.com/apk/res/android"
  xmlns:tools="http://schemas.android.com/tools"
  tools:context="com.nxyuntui.testproject.MainActivity">
    <item
      android:id="@+id/call"
      android:title="call"
      android:icon="@android:drawable/ic_menu_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>

3.activity_main.xml文件如下，itemBackground 条目背景，itemIcoTint 图标渲染的颜色，itemTextColor文字的颜色，menu属性表示关联创建的菜单文件。

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
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:itemTextColor="@android:color/white"
    app:menu="@menu/navigation">
</android.support.design.widget.BottomNavigationView>
</RelativeLayout>

4.MainActivity.java代码如下，底部导航栏默认的高度是56dp，菜单建议是3~5个。

public class MainActivity extends AppCompatActivity   {
private TextView textView;
private BottomNavigationView navigationView;

@Override
protected void onCreate(@Nullable Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.activity_main);
    textView = (TextView) findViewById(R.id.tv_content);
    navigationView = (BottomNavigationView) findViewById(R.id.navigation);
    navigationView.setOnNavigationItemSelectedListener(
            new BottomNavigationView.OnNavigationItemSelectedListener() {
                @Override
                public boolean onNavigationItemSelected(@NonNull MenuItem item) {
                    textView.setText(item.getTitle().toString());
                    return true;
                }
            }
      );
   }
}