android 底部凸起导航

原创

mob64ca12e98e58 2024-07-18 11:09:29 ©著作权

文章标签 Android xml 底部导航 文章分类 Android 移动开发

©著作权归作者所有：来自51CTO博客作者mob64ca12e98e58的原创作品，请联系作者获取转载授权，否则将追究法律责任

Android 底部凸起导航实现指南

作为一名经验丰富的开发者，我很高兴能帮助刚入行的小白实现“Android 底部凸起导航”。以下是实现这个功能的详细步骤和代码示例。

步骤流程

以下是实现“Android 底部凸起导航”的步骤流程：

gantt
    title Android 底部凸起导航实现步骤
    dateFormat  YYYY-MM-DD
    section 步骤1: 创建项目
    创建新项目 :done, des1, 2024-02-01,2024-02-02
    section 步骤2: 添加依赖
    添加依赖 :active, des2, 2024-02-03, 2024-02-04
    section 步骤3: 创建底部导航布局
    创建布局 :after des2, 2024-02-05, 2024-02-06
    section 步骤4: 实现底部导航功能
    实现功能 :after des3, 2024-02-07, 2024-02-08

详细步骤

步骤1: 创建项目

首先，打开Android Studio，创建一个新的Android项目。

步骤2: 添加依赖

在项目的build.gradle文件中添加以下依赖：

dependencies {
    implementation 'com.google.android.material:material:1.4.0'
}

这条代码的作用是引入Material Design库，它提供了底部导航栏的实现。

步骤3: 创建底部导航布局

在res/layout目录下创建一个新的布局文件activity_main.xml，并添加以下代码：

<androidx.coordinatorlayout.widget.CoordinatorLayout
    xmlns:android="
    xmlns:app="
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <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"
        app:menu="@menu/bottom_navigation_menu" />

</androidx.coordinatorlayout.widget.CoordinatorLayout>

这段代码创建了一个CoordinatorLayout作为根布局，并在其中添加了一个BottomNavigationView作为底部导航栏。

步骤4: 实现底部导航功能

在res/menu目录下创建一个新的菜单资源文件bottom_navigation_menu.xml，并添加以下代码：

<menu xmlns:android="
    xmlns:app="
    <item
        android:id="@+id/action_home"
        android:icon="@drawable/ic_home"
        android:title="Home" />
    <item
        android:id="@+id/action_search"
        android:icon="@drawable/ic_search"
        android:title="Search" />
    <item
        android:id="@+id/action_settings"
        android:icon="@drawable/ic_settings"
        android:title="Settings" />
</menu>

这段代码定义了底部导航栏的菜单项。

接下来，在MainActivity.java中实现底部导航栏的点击事件：

public class MainActivity extends AppCompatActivity {
    private BottomNavigationView bottomNavigationView;

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

        bottomNavigationView = findViewById(R.id.bottom_navigation);
        bottomNavigationView.setOnNavigationItemSelectedListener(new BottomNavigationView.OnNavigationItemSelectedListener() {
            @Override
            public boolean onNavigationItemSelected(@NonNull MenuItem item) {
                switch (item.getItemId()) {
                    case R.id.action_home:
                        Toast.makeText(MainActivity.this, "Home selected", Toast.LENGTH_SHORT).show();
                        return true;
                    case R.id.action_search:
                        Toast.makeText(MainActivity.this, "Search selected", Toast.LENGTH_SHORT).show();
                        return true;
                    case R.id.action_settings:
                        Toast.makeText(MainActivity.this, "Settings selected", Toast.LENGTH_SHORT).show();
                        return true;
                }
                return false;
            }
        });
    }
}

这段代码为底部导航栏的每个菜单项设置了点击事件，并在点击时显示一个Toast消息。