Android 底部菜单实现
[引言](#引言)
Android应用开发中，底部导航菜单是一种非常常见的用户界面组件，它通常用于在多个顶层视图之间进行快速切换，提升用户体验，本文将详细介绍如何在Android项目中实现底部菜单，包括使用BottomNavigationView和RadioGroup+Fragment两种方式。
[BottomNavigationView 方式](#bottomnavigationview-方式)
[1. ](#1-)
BottomNavigationView是Android中Material Design库提供的一个控件，专门用于实现底部导航栏效果，它通常用于展示3到5个导航项，每个导航项对应一个页面（Fragment）。
[2. 项目结构](#2-项目结构)
在使用BottomNavigationView之前，需要先配置依赖：
implementation 'com.google.android.material:material:1.9.0'
项目结构如下：
├── AndroidManifest.xml
├── frontPage_fragment.java
├── MainActivity.java
├── my_fragment.java
└── res
├── layout
│ ├── activity_front_page_fragment.xml
│ ├── activity_main.xml
│ └── activity_my_fragment.xml
├── menu
│ └── bottom_nav_menu.xml
├── mipmap-mdpi
├── front_page.png
├── ic_launcher_round.webp
├── ic_launcher.webp
└── my.png[3. 布局文件配置](#3-布局文件配置)
配置主布局文件activity_main.xml：
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
android:orientation="vertical"
android:layout_width="match_parent"
android:layout_height="match_parent">
<FrameLayout
android:id="@+id/fragment_container"
android:layout_width="match_parent"
android:layout_height="0dp"
android:layout_weight="1" />
<com.google.android.material.bottomnavigation.BottomNavigationView
android:id="@+id/bottom_navigation"
android:layout_width="match_parent"
android:layout_height="wrap_content"
app:menu="@menu/bottom_nav_menu"
app:labelVisibilityMode="labeled" />
</LinearLayout>这里定义了一个FrameLayout用于放置Fragment，以及一个BottomNavigationView用于底部导航。
[4. 菜单配置](#4-菜单配置)
在res目录下创建menu文件夹，并在其中创建bottom_nav_menu.xml：
<?xml version="1.0" encoding="utf-8"?>
<menu xmlns:android="http://schemas.android.com/apk/res/android">
<item
android:id="@+id/nav_frontPage"
android:icon="@mipmap/front_page"
android:title="首页" />
<item
android:id="@+id/nav_my"
android:icon="@mipmap/my"
android:title="我的" />
</menu>注意：这里的icon请根据你自己的图片修改。
[5. Fragment 实现](#5-fragment-实现)
创建两个Fragment类，分别为frontPage_fragment和my_fragment，以下是frontPage_fragment的示例代码：
package com.example.demo;
import android.os.Bundle;
import androidx.fragment.app.Fragment;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.TextView;
public class frontPage_fragment extends Fragment {
@Override
public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) {
View view = inflater.inflate(R.layout.activity_front_page_fragment, container, false);
TextView textView = view.findViewById(R.id.text_frontPage);
textView.setText("这是首页");
return view;
}
}my_fragment的代码类似，只需修改布局和显示内容即可。
[6. 活动实现](#6-活动实现)
在MainActivity中实现底部导航菜单的逻辑：
package com.example.demo;
import android.os.Bundle;
import androidx.appcompat.app.AppCompatActivity;
import androidx.fragment.app.Fragment;
import androidx.fragment.app.FragmentManager;
import androidx.fragment.app.FragmentTransaction;
import com.google.android.material.bottomnavigation.BottomNavigationView;
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(item -> {
switch (item.getItemId()) {
case R.id.nav_frontPage:
replaceFragment(new frontPage_fragment());
return true;
case R.id.nav_my:
replaceFragment(new my_fragment());
return true;
}
return false;
});
// 默认选中第一个菜单项
bottomNavigationView.selectedItemId(R.id.nav_frontPage);
}
private void replaceFragment(Fragment fragment) {
FragmentManager fragmentManager = getSupportFragmentManager();
FragmentTransaction transaction = fragmentManager.beginTransaction();
transaction.replace(R.id.fragment_container, fragment);
transaction.commit();
}
}这段代码实现了底部导航菜单的点击事件处理，并根据选择加载对应的Fragment。
[RadioGroup + Fragment 方式](#radiogroup--fragment-方式)
[1. ](#1-)
除了使用BottomNavigationView外，还可以通过RadioGroup和RadioButton实现底部菜单的效果，这种方式更加灵活，可以根据需求自定义样式和行为。
[2. 布局文件配置](#2-布局文件配置)
配置主布局文件activity_main.xml：
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
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/ll_main_radio" />
<View
android:layout_width="match_parent"
android:layout_height="1dp"
android:layout_above="@+id/ll_main_radio"
android:background="#C2C5CE"/>
<LinearLayout
android:id="@+id/ll_main_radio"
android:layout_width="match_parent"
android:layout_height="55dp"
android:layout_alignParentBottom="true"
android:orientation="horizontal"
android:background="@drawable/bt_tag_bg">
<RadioGroup
android:id="@+id/rg_main"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="horizontal">
<RadioButton
android:id="@+id/rb_home"
style="@style/rb_style"
android:checked="true"
android:drawableTop="@drawable/rb_main_bg"
android:text="首页"/>
<RadioButton
android:id="@+id/rb_message"
style="@style/rb_style"
android:drawableTop="@drawable/rb_message_bg"
android:text="消息"/>
<RadioButton
android:id="@+id/rb_find"
style="@style/rb_style"
android:drawableTop="@drawable/rb_dynamic_bg"
android:text="发现"/>
<RadioButton
android:id="@+id/rb_mine"
style="@style/rb_style"
android:drawableTop="@drawable/rb_my_bg"
android:text="我的"/>
</RadioGroup>
</LinearLayout>
</RelativeLayout>这里定义了一个FrameLayout用于放置Fragment，一个View作为分隔线，以及一个LinearLayout包含RadioGroup和四个RadioButton。
[3. RadioButton 样式](#3-radiobutton-样式)
在res/values目录下创建styles.xml，定义RadioButton的样式：
<resources>
<style name="rb_style">
<item name="android:layout_width">0dp</item>
<item name="android:layout_height">wrap_content</item>
<item name="android:layout_weight">1</item>
<item name="android:gravity">center</item>
<item name="android:button">@null</item>
<item name="android:textColor">@color/main_rb_font</item>
</style>
</resources>这个样式设置了RadioButton的宽度、高度、权重、重力和文字颜色等属性，你可以根据需要进行调整，可以设置不同的背景图片或文字颜色来区分不同的菜单项，还可以添加动画效果，如选中时放大或改变颜色，以增强用户体验，通过合理运用这些样式属性，可以使底部菜单更加美观和易用，可以使用?attr/selectableItemBackground来设置选中时的背景颜色变化，或者使用stateListAnimator来添加复杂的动画效果，还可以结合rippleEffect来实现点击时的波纹效果，进一步提升视觉效果，通过自定义样式，可以轻松打造符合自己应用风格的底部菜单。
到此，以上就是小编对于“android底部菜单”的问题就介绍到这了，希望介绍的几点解答对大家有用，有任何问题和不懂的，欢迎各位朋友在评论区讨论，给我留言。
