Fragment实现页面切换

最新推荐文章于 2024-09-23 17:05:38 发布

半甜去冰

最新推荐文章于 2024-09-23 17:05:38 发布

阅读量3k

点赞数 4

分类专栏： Android 文章标签： android java Fragment

本文链接：https://blog.csdn.net/weixin_44536148/article/details/107049858

版权

本文介绍如何在Android应用中使用Fragment实现底部导航栏的页面切换。通过创建多个Fragment并将其添加到FrameLayout中，结合BottomNavigationView进行切换操作。详细步骤包括布局文件的设计和Fragment的管理。

摘要由CSDN通过智能技术生成

先看效果
在这里插入图片描述

Bottom.xml 底部选项条
共四个按钮，每个页面的按钮由一个linerlayout组成，包括icon和text

<LinearLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/bottom"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_alignParentBottom="true"
    android:background="@color/DarkGray"
    android:orientation="horizontal"
    android:padding="3dp">

        <LinearLayout
            android:id="@+id/home"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginLeft="40dp"
            android:layout_marginRight="@dimen/dig_l"
            android:layout_marginTop="@dimen/dig_s"
            android:orientation="vertical">
            <ImageView
                android:id="@+id/iv_home"
                android:layout_width="@dimen/icon"
                android:layout_height="@dimen/icon"
                android:src="@drawable/main_home_gray" />
            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_marginTop="@dimen/dig_s"
                android:textSize="12sp"
                android:layout_gravity="center"
                android:textColor="@color/colorGray"
                android:text="首页"/>
        </LinearLayout>

        <LinearLayout
            android:id="@+id/mall"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginLeft="@dimen/icon_margin"
            android:layout_marginRight="@dimen/dig_l"
            android:layout_marginTop="@dimen/dig_s"
            android:orientation="vertical">
            <ImageView
                android:id="@+id/iv_mall"
                android:layout_width="@dimen/icon"
                android:layout_height="@dimen/icon"
                android:src="@drawable/main_mall_gray" />
            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_marginTop="@dimen/dig_s"
                android:textSize="12sp"
                android:layout_gravity="center"
                android:textColor="@color/colorGray"
                android:text="商城"/>
        </LinearLayout>


        <LinearLayout
            android:id="@+id/message"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginLeft=