自定义：RadioGroup

最新推荐文章于 2024-08-24 17:38:43 发布

原创最新推荐文章于 2024-08-24 17:38:43 发布 · 261 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#RadioGroup

自定义选择按钮专栏收录该内容

1 篇文章

订阅专栏

本文详细介绍了Android应用中一种特定的主界面布局设计方案，利用TabHost结合RadioGroup实现导航栏的功能，通过设置RadioButton的宽度为0dp使它们能平均分配空间，并通过XML选择器设置不同状态下的样式。

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

效果图：
直播画面
点播画面

主界面：

<?xml version="1.0" encoding="UTF-8"?>
<TabHost xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@android:id/tabhost"
    android:layout_width="fill_parent"
    android:background="@color/white"
    android:layout_height="fill_parent" >

    <LinearLayout
        android:layout_width="fill_parent"
        android:layout_height="fill_parent"
        android:orientation="vertical" >


        <LinearLayout android:layout_width="fill_parent"
                android:layout_height="50dp"
                android:background="@color/gren_nav"
                android:orientation="vertical">

            <RadioGroup
                android:id="@+id/main_radio"
                android:layout_width="180dip"
                android:layout_height="50dp"
                android:background="@color/gren_nav"
                android:gravity="center"
                android:layout_gravity="center_horizontal"
                android:orientation="horizontal" >

                <RadioButton
                    android:id="@+id/radio_livePlay"
                    android:layout_width="0dp"
                    android:layout_height="match_parent"
                    android:layout_weight="1"
                    android:background="@drawable/radio_check"
                    android:button="@null"
                    android:checked="true"
                    android:gravity="center"
                    android:textStyle="bold"
                    android:text="直播"
                    android:textColor="@drawable/radio_text_check" />





                <RadioButton
                    android:id="@+id/radio_clickPlay"
                    android:layout_width="0dp"
                    android:layout_height="match_parent"
                    android:layout_weight="1"
                    android:background="@drawable/radio_check"
                    android:button="@null"
                    android:gravity="center"
                    android:textStyle="bold"
                    android:text="点播"
                    android:textColor="@drawable/radio_text_check" />
            </RadioGroup>
           </LinearLayout>

        <FrameLayout
            android:id="@android:id/tabcontent"
            android:layout_width="fill_parent"
            android:layout_height="0.0dip"
            android:layout_weight="1.0" >
        </FrameLayout>

        <TabWidget
            android:id="@android:id/tabs"
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:layout_weight="0.0"
            android:visibility="gone" />
    </LinearLayout>

</TabHost>

上面，RadioButton中，
android:layout_width=”0dp”
设0表示：radio_livePlay与radio_clickPlay才可以平分宽度

被选中的radioButton的背景图片selected.png
drawable中：radio_check.xml

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

    <item android:drawable="@drawable/selected" android:state_checked="true"/>

</selector>

设置字体颜色
drawable中：radio_text_check.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="@android:color/white"/>
    <item android:state_checked="true" android:color="@android:color/black"/>


</selector>