RadioGroup应用于各种切换功能需求知识点

最新推荐文章于 2024-04-19 14:50:31 发布

原创最新推荐文章于 2024-04-19 14:50:31 发布 · 476 阅读

1 ·

CC 4.0 BY-SA版权

android 专栏收录该内容

3 篇文章

订阅专栏

本文介绍了RadioGroup在Android开发中的应用，包括如何设置横向或竖向布局，通过styles.xml统一配置RadioButton样式，实现按钮均匀分布、无圆点、文字居中等效果。同时，讲解了通过drawable属性设置按钮图片，以及利用selector配置文件实现按钮不同状态的显示效果，包括文字颜色的切换。

RadioGroup在布局文件中的设置

1、android:orientation="horizontal"横向布局，vertical竖向布局（默认）

2、将各个RadioButton相同的属性配置在res/values/styles.xml中做一个公用的配置信息，并调用style="@style/TabButton"，如下

	<style name="TabButton">
			<item name="android:layout_width">0dp</item>
			<item name="android:layout_weight">1.0</item>
			<item name="android:button">@null</item>
			<item name="android:gravity">center_horizontal</item>
			<item name="android:drawablePadding">5dip</item>
	</style>

以上配置有几个作用：按钮均布于RadioGroup中，取消圆点按钮，文字垂直居中，图片文字间隔5dp

3、各个RadioButton的图片可通过android:drawable***属性设置，***代表了图片与文字的相对位置（左右上下），如

android:drawableTop="@drawable/selector_tab_home"

4、RadioButton的图片不直接使用图片格式，而是在res/drawable/下创建一个selector配置文件（如selector_tab_home.xml），从而实现按钮的各种状态显示，一般每个RadioButton需各自配置一个，如

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android" >
    <item android:drawable="@drawable/menu_icon_0_pressed" android:state_checked="true"></item>
    <item android:drawable="@drawable/menu_icon_0_pressed" android:state_pressed="true"></item>
    <item android:drawable="@drawable/menu_icon_0_normal"></item>
</selector>

4、RadioButton的文字显示状态（颜色切换）类似图片的配置，在res/color/下创建一个selector配置文件（如color_radiobutton.xml"）,一般各个RadioButton可以使用同一个配置，如

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
	<item android:state_checked="true" android:color="@color/color_text_selected"/> 
	<item android:state_pressed="true" android:color="@color/color_text_selected"/>   
	<!-- not selected -->  
	<item android:color="@color/color_text_normal"/>  
</selector>

在RadioButton的属性中设置android:textColor="@color/color_radiobutton"