Android中使用Fragment与RadioGroup实现页面布局切换

关注

VIP免费原创最新推荐文章于 2024-02-03 15:35:12 发布 4.2k 阅读 AI 写同款· GEO 优化 ›

Android底部导航栏创建——ViewPager + RadioGroup 2，当用户点击RadioGroup部分中的RadioButton，被点击的RadioButton出现被选中时的颜色，ViewPager界面对应于RadioButton的页面会出现在当前界面。1，ViewPager部分触摸左右滑动切换页面，RadioGroup部分中的RadioButton随着自己对应的ViewPager页面出现选中时的状态，包括改变背景颜色，这个状态选择器是放置在res/drawable目录下的一个普通状态选择器，该选择器的属性android:drawable的属性值不能直接设置颜色，阅读详情

现在的APP主页面界面设计，一般采用的是几个按钮加上不同的Fragment来切换页面，看起来层次很清晰，让用户一目了然，下面就用Fragment和RadioGroup来实现页面之间的切换，界面设计如下图所示：
这里写图片描述

代码如下：

titlebar.xml(Titlebar标题栏)

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="50dp"
    android:background="@android:color/holo_blue_light"
    android:gravity="center"
    android:orientation="horizontal">

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="标题"
        android:textColor="@android:color/white"
        android:textSize="20sp" />
</LinearLayout>

styles.xml

<resources>
    ...
    <style name="bottom_tag_style" >
        <!-- Customize your theme here. -->
        <item name="android:layout_width">wrap_content</item>
        <item name="android:layout_height">wrap_content</item>
        <item name="android:layout_weight">1</item>
        <item name="android:button">@android:color/transparent</item>
        <item name="android:drawablePadding">3dp</item>
        <item name="android:gravity">center</item>
        <item name="android:textColor">@drawable/bottom_textcolor_drawable_selector</item>
        <item name="android:textSize">10sp</item>
    </style>
</resources>

bottom_textcolor_drawable_selector.xml

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:state_checked="false" android:color="#363636"/>
    <item android:state_checked="true" android:color="#3097FD"/>
</selector>

activity_main.xml
主页面的布局，采用的是线性布局，头部是标题栏，中间是FrameLayout并且设置权重1，用来显示内容，底部是RadioGroup

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical">

    <!--标题栏-->
    <include