投稿
  1. 酷盾首页
  2. 网站运维

如何实现Android底部菜单栏的实例代码？

未希 • • 网站运维 • 阅读 7
在Android中，可以使用BottomNavigationView来实现底部菜单栏。以下是一个简单的实例代码：，，“xml，，`，，在res/menu/bottom_nav_menu.xml中定义菜单项：，，`xml，，，，，，`，，在Activity中设置监听器：，，`java，BottomNavigationView bottomNavigationView = findViewById(R.id.bottom_navigation);，bottomNavigationView.setOnNavigationItemSelectedListener(new BottomNavigationView.OnNavigationItemSelectedListener() {， @Override， public boolean onNavigationItemSelected(@NonNull MenuItem item) {， switch (item.getItemId()) {， case R.id.navigation_home:， // Handle home action， return true;， case R.id.navigation_dashboard:， // Handle dashboard action， return true;， case R.id.navigation_notifications:， // Handle notifications action， return true;， }， return false;， }，});，“

在Android应用开发中，底部菜单栏（Bottom Navigation Bar）是一种常见的UI组件，用于在应用的不同功能模块之间进行导航，本文将详细介绍如何在Android项目中实现一个底部菜单栏，并提供完整的实例代码。

Android底部菜单栏实现的实例代码

1. 准备工作

1 创建一个新的Android项目

打开Android Studio并创建一个新的项目，选择“Empty Activity”模板，然后点击“Next”，为项目命名并设置包名，最后点击“Finish”完成项目创建。

2 添加依赖项

在build.gradle文件中添加所需的依赖项，我们使用com.google.android.material:material库来实现Material Design风格的底部菜单栏。

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

同步项目以下载依赖项。

2. 设计底部菜单栏

1 创建菜单资源文件

在res/menu目录下创建一个名为bottom_nav_menu.xml的文件，定义底部菜单栏的菜单项。

<!-res/menu/bottom_nav_menu.xml -->
<menu xmlns:android="http://schemas.android.com/apk/res/android">
    <item
        android:id="@+id/navigation_home"
        android:icon="@drawable/ic_home"
        android:title="Home" />
    <item
        android:id="@+id/navigation_dashboard"
        android:icon="@drawable/ic_dashboard"
        android:title="Dashboard" />
    <item
        android:id="@+id/navigation_notifications"
        android:icon="@drawable/ic_notifications"
        android:title="Notifications" />
</menu>

2 创建图标资源

在res/drawable目录下添加图标资源文件（如ic_home.xml,ic_dashboard.xml,ic_notifications.xml），这些文件可以是矢量图（Vector Drawable），也可以是位图（Bitmap）。

Android底部菜单栏实现的实例代码

一个简单的矢量图图标：

<!-res/drawable/ic_home.xml -->
<vector xmlns:android="http://schemas.android.com/apk/res/android"
    android:width="24dp"
    android:height="24dp"
    android:viewportWidth="24"
    android:viewportHeight="24">
    <path
        android:fillColor="#FF000000"
        android:pathData="M10,20v-6h4v6h5v-8h3L12,3 2,12h3v8z"/>
</vector>

3. 实现底部菜单栏

1 修改布局文件

在res/layout/activity_main.xml中添加BottomNavigationView组件。

<!-res/layout/activity_main.xml -->
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".MainActivity">
    <FrameLayout
        android:id="@+id/fragment_container"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layout_above="@id/bottom_navigation" />
    <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/bottom_nav_menu" />
</RelativeLayout>

2 修改主活动文件

在MainActivity.java或MainActivity.kt中设置底部菜单栏的导航逻辑。

Java版本：

// MainActivity.java
package com.example.bottomnavigationbar;
import android.os.Bundle;
import androidx.annotation.NonNull;
import androidx.appcompat.app.AppCompatActivity;
import androidx.fragment.app.Fragment;
import androidx.fragment.app.FragmentTransaction;
import com.google.android.material.bottomnavigation.BottomNavigationView;
public class MainActivity extends AppCompatActivity {
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        BottomNavigationView bottomNav = findViewById(R.id.bottom_navigation);
        bottomNav.setOnNavigationItemSelectedListener(navListener);
        // Set default fragment
        getSupportFragmentManager().beginTransaction()
                .replace(R.id.fragment_container, new HomeFragment()).commit();
    }
    private final BottomNavigationView.OnNavigationItemSelectedListener navListener =
            new BottomNavigationView.OnNavigationItemSelectedListener() {
                @Override
                public boolean onNavigationItemSelected(@NonNull MenuItem item) {
                    Fragment selectedFragment = null;
                    switch (item.getItemId()) {
                        case R.id.navigation_home:
                            selectedFragment = new HomeFragment();
                            break;
                        case R.id.navigation_dashboard:
                            selectedFragment = new DashboardFragment();
                            break;
                        case R.id.navigation_notifications:
                            selectedFragment = new NotificationsFragment();
                            break;
                    }
                    if (selectedFragment != null) {
                        getSupportFragmentManager().beginTransaction()
                                .replace(R.id.fragment_container, selectedFragment).commit();
                        return true;
                    }
                    return false;
                }
            };
}

Kotlin版本：

// MainActivity.kt
package com.example.bottomnavigationbar
import android.os.Bundle
import androidx.appcompat.app.AppCompatActivity
import androidx.fragment.app.Fragment
import com.google.android.material.bottomnavigation.BottomNavigationView
class MainActivity : AppCompatActivity() {
    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        setContentView(R.layout.activity_main)
        val bottomNav: BottomNavigationView = findViewById(R.id.bottom_navigation)
        bottomNav.setOnNavigationItemSelectedListener { menuItem ->
            var selectedFragment: Fragment? = null
            when (menuItem.itemId) {
                R.id.navigation_home -> selectedFragment = HomeFragment()
                R.id.navigation_dashboard -> selectedFragment = DashboardFragment()
                R.id.navigation_notifications -> selectedFragment = NotificationsFragment()
            }
            if (selectedFragment != null) {
                supportFragmentManager.beginTransaction()
                    .replace(R.id.fragment_container, selectedFragment).commit()
                return@setOnNavigationItemSelectedListener true
            }
            false
        }
        // Set default fragment
        supportFragmentManager.beginTransaction()
            .replace(R.id.fragment_container, HomeFragment()).commit()
    }
}

3 创建Fragment类

创建三个Fragment类：HomeFragment,DashboardFragment,NotificationsFragment，每个Fragment类都继承自Fragment并重写onCreateView方法。

Android底部菜单栏实现的实例代码

HomeFragment.java：

// HomeFragment.java
package com.example.bottomnavigationbar;
import android.os.Bundle;
import androidx.fragment.app.Fragment;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
public class HomeFragment extends Fragment {
    @Override
    public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) {
        return inflater.inflate(R.layout.fragment_home, container, false);
    }
}

DashboardFragment.java：

// DashboardFragment.java
package com.example.bottomnavigationbar;
import android.os.Bundle;
import androidx.fragment.app.Fragment;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
public class DashboardFragment extends Fragment {
    @Override
    public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) {
        return inflater.inflate(R.layout.fragment_dashboard, container, false);
    }
}

NotificationsFragment.java：

// NotificationsFragment.java
package com.example.bottomnavigationbar;
import android.os.Bundle;
import androidx.fragment.app.Fragment;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
public class NotificationsFragment extends Fragment {
    @Override
    public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) {
        return inflater.inflate(R.layout.fragment_notifications, container, false);
    }
}

4 创建Fragment布局文件

在res/layout目录下创建三个布局文件：fragment_home.xml,fragment_dashboard.xml,fragment_notifications.xml，每个文件包含一个简单的TextView来显示内容。

fragment_home.xml：

<!-res/layout/fragment_home.xml -->
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:gravity="center"
    android:orientation="vertical">
    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Home Fragment" />
</LinearLayout>

fragment_dashboard.xml：

<!-res/layout/fragment_dashboard.xml -->
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:gravity="center"
    android:orientation="vertical">
    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Dashboard Fragment" />
</LinearLayout>

fragment_notifications.xml：

<!-res/layout/fragment_notifications.xml -->
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:gravity="center"
    android:orientation="vertical">
    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Notifications Fragment" />
</LinearLayout>

4. 运行和测试应用

您可以运行应用程序并测试底部导航栏的功能，点击不同的菜单项时，应该能够看到相应的Fragment被加载到容器中。

小伙伴们，上文介绍了“Android底部菜单栏实现的实例代码”的内容，你了解清楚吗？希望对你有所帮助，任何问题可以给我留言，让我们下期再见吧。

原创文章，作者：未希，如若转载，请注明出处：https://www.kdun.com/ask/1292568.html

本网站发布或转载的文章及图片均来自网络，其原创性以及文中表达的观点和判断不代表本网站。如有问题，请联系客服处理。

赞 (0)
未希新媒体运营
0 0
上一篇 2024-11-11 23:10
下一篇 2024-11-11 23:11

相关推荐

  • 65fff76be2ffa03fd99ff659ecde0bfd_0 互联网+

    如何实现浮动窗口的JavaScript技术？

    浮动窗口（Floating Window）是一种在网页上显示的可拖动、可调整大小的弹出窗口，它通常用于提供额外的信息或功能，而不会干扰用户对主页面内容的查看，使用JavaScript可以创建和控制浮动窗口的行为， 基本HTML结构我们需要一个基本的HTML结构来放置我们的浮动窗口：<!DOCTYPE ht……

    未希
    2024-11-23
    06
  • 53a3b6db743e1989c4d2eab7f2eb6ea4_0 互联网+

    如何使用JavaScript实现浮动窗口功能？

    浮动窗口（Floating Window）是一种在网页上显示的可拖动、可调整大小的窗口，通常用于提供额外的信息或功能，使用JavaScript和CSS可以很容易地实现一个浮动窗口，1. 创建HTML结构我们需要创建一个基本的HTML结构来容纳我们的浮动窗口，<!DOCTYPE html><ht……

    未希
    2024-11-22
    08
  • b6761844b075dc530d30cbcf747ac6cd_0 常见问答

    如何利用JavaScript实现弹窗功能？

    JavaScript 弹窗可以通过 alert(), confirm(), 或 prompt() 方法实现，用于显示信息、获取用户确认或输入。

    未希
    2024-11-22
    07
  • 9834b4ba5e04834129e0693dbb542702_0 互联网+

    ASP页面中如何实现白色背景效果？

    ASP 白色通常指的是应用服务器页面（Active Server Pages）的默认背景颜色。ASP 是一种用于创建动态网页的技术，它可以与数据库交互并生成 HTML 内容。在设计网页时，开发者可能会选择白色作为背景色，以提供简洁、清晰的视觉效果，使内容更加突出。

    未希
    2024-11-22
    01

发表回复

您的电子邮箱地址不会被公开。 必填项已用 * 标注

产品购买 QQ咨询 微信咨询 SEO优化
分享本页
返回顶部
首页
专题
投稿
限时活动
云产品限时秒杀。精选云产品高防服务器，20M大带宽限量抢购 >>点击进入