Android 底部导航栏（四、ViewPager+RadioGroup+Fragment）简单易懂

最新推荐文章于 2024-04-16 14:25:18 发布

原创

最新推荐文章于 2024-04-16 14:25:18 发布 · 3.1k 阅读

标签

#android #android控件 #Android功能开发

本文介绍了一种使用ViewPager、RadioGroup和Fragment实现Android底部导航栏的方法。通过详细步骤和代码示例，展示了如何布局和编写业务逻辑代码以完成导航栏的功能。

一、基本介绍

底部导航栏在Android应用中随处可见，今天使用ViewPager+RadioGroup+Fragment这三个控件来实现此功能。前面写了有三种实现方式，有兴趣可以去看看，

Android 底部导航栏（一、BottomNavigationView+Menu+Fragment）_&岁月不待人&的博客-CSDN博客_android 底部导航栏

Android 底部导航栏（二、自定义View+Fragment）_&岁月不待人&的博客-CSDN博客

Android 底部导航栏（三、ViewPager+TabLayout+Fragment）简单易懂_&岁月不待人&的博客-CSDN博客

二、实现原理

Fragment用于承载和展示内容，Viewpager用于界面的切换，RadioGroup用于展示导航栏和点击事件通知ViewPager切换页面。

三、实现过程

第一步：布局代码，主要控件就是ViewPager和RadioGroup，再往里面放五个RadioButton子项。

<?xml version="1.0" encoding="utf-8"?>
<layout xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools">

    <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:background="@color/white"
        android:orientation="vertical">

        <androidx.appcompat.widget.AppCompatTextView
            android:id="@+id/nav_text"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_marginTop="20dp"
            android:gravity="center"
            android:padding="4dp"
            android:text="ViewPager+RadioGroup+Fragment"
            android:textColor="@color/black"
            android:textSize="18sp"
            android:textStyle="bold" />

        <androidx.viewpager.widget.ViewPager
            android:id="@+id/fragment_container_viewpager"
            android:layout_width="match_parent"
            android:layout_height="match_parent