Android Fragment应用实战（音乐播放器界面）

最新推荐文章于 2025-04-19 12:24:16 发布

LLLTHero

最新推荐文章于 2025-04-19 12:24:16 发布

阅读量7.7k

点赞数 7

文章标签： android 布局界面

本文链接：https://blog.csdn.net/LLLTHero/article/details/51679106

版权

本文介绍了如何使用Android的Fragment来实现底部标签式的布局，常见于音乐播放器等应用。文章指出TabHost由于可扩展性差已被废弃，现在推荐使用Fragment。详细讲解了如何创建XML布局文件、初始化Fragment、处理点击事件以及切换Fragment的方法，强调了使用hide()和show()方法来避免Fragment生命周期的重复。最后鼓励读者尝试实践并指出横屏模式下同样适用。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

当下很多手机应用都会有一个非常类似的功能，即屏幕的下方显示一行Tab标签选项，点击不同的标签就可以切换到不同的界面，如以下几个应用所示：

以上底部这四个标签，每一个分别对应一个Fragment，这种底部标签式的布局策略真的非常常见，那么话说回来，这种效果到底是如何的呢？熟悉Android的朋友一定都会知道，很简单嘛，使用TabHost就OK了！但是殊不知，TabHost并非是那么的简单，它的可扩展性非常的差，不能随意地定制Tab项显示的内容，而且运行还要依赖于ActivityGroup。ActivityGroup原本主要是用于为每一个TabHost的子项管理一个单独的Activity，但目前已经被废弃了。为什么呢？当然就是因为Fragment的出现了！

下面就开始真正的编程吧！

打开或者新建一个xml文件作为程序的主布局文件，这里直接采用activity_main.xml作为程序的主布局文件，在里面加入如下代码：

<LinearLayout 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"
    android:orientation="vertical"
    tools:context=".MainActivity" >

    <FrameLayout
        android:id="@+id/Content"
        android:layout_width="match_parent"
        android:layout_height="0dp"
        android:layout_weight="1" >

        <RelativeLayout
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:background="#eee" >

            
            <android.support.v4.view.ViewPager
                android:id="@+id/discover_music_view_pager"
                android:layout_width="match_parent"
                android:layout_height="match_parent" />
        </RelativeLayout>
    </FrameLayout>

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="60dp"
        android:background="#ffffff" >

        
        <RelativeLayout
            android:id="@+id/discover_layout"
            android:layout_width="0dp"
            android:layout_height="match_parent"
            android:layout_weight="1" >

            
            <LinearLayout
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:layout_centerVertical="true"
                android:orientation="vertical" >

                <ImageView
                    android:id="@+id/discover_image"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:layout_gravity="center_horizontal"
                    android:src="@drawable/ic_launcher" />

                <TextView
                    android:id="@+id/discover_text"
                    android:layout_width="wrap_content"
                    andro