Android 实战项目 6：解锁底部导航栏切换页面之谜

Android

2023-09-25 23:00:38

序言

踏上 Android 开发的征途，实战项目是不可或缺的基石。今天，我们踏上实战项目 6 的旅程，探索底部导航栏切换页面的奥秘。

底部导航栏：应用中的指引明灯

底部导航栏是许多应用程序中的常见元素，它充当着指引用户在应用程序不同页面之间无缝导航的明灯。它通常位于屏幕底部，提供简洁明了的菜单，用户可以轻松访问应用程序的主要功能或部分。

掌握底部导航栏切换页面的艺术

在 Android 中，实现底部导航栏切换页面是一个相对简单的过程。我们只需要采取以下步骤：

创建底部导航视图： 使用 BottomNavigationView 类在布局中创建底部导航栏。
定义导航项： 为底部导航栏中的每个选项卡定义菜单项，指定图标和文本。
设置监听器： 为底部导航栏设置一个 OnNavigationItemSelectedListener 监听器，以处理用户点击导航项时的事件。
切换碎片： 在监听器中，根据所选的导航项，通过事务替换 Fragment，实现页面的切换。

深入实践：一步步构建底部导航栏

为了更深入地理解这个过程，让我们一步一步地构建一个带有底部导航栏的示例应用程序：

创建项目： 新建一个 Android Studio 项目，并为应用程序命名。
创建布局： 在 activity_main.xml 中添加底部导航栏布局：

<com.google.android.material.bottomnavigation.BottomNavigationView
    android:id="@+id/bottom_navigation"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_alignParentBottom="true"
    app:menu="@menu/menu_navigation" />

定义菜单项： 在 res/menu/menu_navigation.xml 中定义导航项：

<menu xmlns:android="http://schemas.android.com/apk/res/android">
    <item
        android:id="@+id/navigation_home"
        android:title="主页"
        android:icon="@drawable/ic_home" />
    <item
        android:id="@+id/navigation_profile"
        android:title="个人资料"
        android:icon="@drawable/ic_profile" />
</menu>

设置监听器： 在 MainActivity.java 中设置监听器：

private BottomNavigationView bottomNavigation;

@Override
protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.activity_main);

    bottomNavigation = findViewById(R.id.bottom_navigation);
    bottomNavigation.setOnNavigationItemSelectedListener(new BottomNavigationView.OnNavigationItemSelectedListener() {
        @Override
        public boolean onNavigationItemSelected(@NonNull MenuItem item) {
            switch (item.getItemId()) {
                case R.id.navigation_home:
                    // 切换到主页碎片
                    getSupportFragmentManager().beginTransaction().replace(R.id.fragment_container, new HomeFragment()).commit();
                    return true;
                case R.id.navigation_profile:
                    // 切换到个人资料碎片
                    getSupportFragmentManager().beginTransaction().replace(R.id.fragment_container, new ProfileFragment()).commit();
                    return true;
            }
            return false;
        }
    });
}