Android 顶部切换实现（二）

最新推荐文章于 2024-07-26 21:24:56 发布

cswhale

最新推荐文章于 2024-07-26 21:24:56 发布

阅读量4.2k

点赞数 1

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

本文链接：https://blog.csdn.net/cswhale/article/details/53067988

版权

本文详细讲解了如何在Android应用中实现在导航栏上方的切换效果。通过布局文件和代码实现动态添加切换按钮，利用RadioGroup和RadioButton进行内容切换，并展示了如何根据选中状态改变布局背景。同时，文中提到了数据加载和刷新的逻辑，以便在用户选择不同分类时展示对应数据。

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

上篇介绍了导航栏下的滑动切换实现，这次要介绍的是导航栏上的切换，在很多应用中经常见到，先看效果图。

这里写图片描述

当点击导航条上的分类的时候，会根据选中的分类显示下面的数据。

先看布局文件。

<RelativeLayout
    android:id="@+id/tab3"
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"
    android:background="@color/color_white">

    <!-- 标题栏 -->

    <RelativeLayout
        android:id="@+id/frameHead"
        style="@style/head_style"
        android:gravity="center_vertical">

        <RelativeLayout
            android:id="@+id/returnBtn"
            android:layout_width="50dp"
            android:layout_height="fill_parent"
            android:background="@drawable/btn_right">

            <ImageView
                android:id="@+id/returnBtn1"
                style="@style/font5"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_centerHorizontal="true"
                android:layout_centerVertical="true"
                android:contentDescription="@string/no_word"
                android:enabled="false"
                android:background="@drawable/btn_back_new"
                android:duplicateParentState="true"
                android:gravity="center"/>
        </RelativeLayout>

        <Button
            android:id="@+id/returnBtn2"
            style="@style/font5"
            android:layout_width="wrap_content"
            android:layout_height="fill_parent"
            android:layout_alignParentLeft="true"
            android:layout_centerVertical="true"
            android:background="@drawable/btn_right"
            android:gravity="center"
            android:paddingLeft="18dp"
            android:paddingRight="18dp"
            android:visibility="gone"/>

        <TextView
            android:id="@+id/title"
            style="@style/font1"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_centerInParent="true"
            android:layout_marginLeft="130dp"
            android:ellipsize="end"
            android:gravity="center_vertical"
            android:singleLine="true"
            />

        <LinearLayout
            android:id="@+id/searchBtnArea"
            android:layout_width="50dp"
            android:layout_height="match_parent"
            android:layout_alignParentRight="true"
            android:layout_centerVertical="true"
            android:background="@drawable/btn_right"
            android:gravity="center"
            android:visibility="gone"
            android:orientation=