RadioButton
RadioButton用于多选一的操作,需要搭配RadioContainer使用,实现单选效果。
支持的XML属性
RadioButton的共有XML属性继承自:Text
RadioButton的自有XML属性见下表:
属性名称 | 中文描述 | 取值 | 取值说明 | 使用案例 |
---|---|---|---|---|
marked | 当前状态 | boolean类型 | 可以直接设置true/false,也可以引用boolean资源。 | ohos:marked="true"ohos:marked="$boolean:true" |
text_color_on | 处于选中状态的文本颜色 | color类型 | 可以直接设置色值,也可以引用color资源。 | ohos:text_color_on="#FFFFFFFF"ohos:text_color_on="$color:black" |
text_color_off | 处于未选中状态的文本颜色 | color类型 | 可以直接设置色值,也可以引用color资源。 | ohos:text_color_off="#FFFFFFFF"ohos:text_color_off="$color:black" |
check_element | 状态标志样式 | Element类型 | 可直接配置色值,也可引用color资源或引用media/graphic下的图片资源。 | ohos:check_element="#000000"ohos:check_element="$color:black"ohos:check_element="$media:media_src"ohos:check_element="$graphic:graphic_src" |
创建RadioButton
在layout目录下的xml文件中创建RadioButton。
<RadioButton ohos:id="$+id:rb_1" ohos:height="40vp" ohos:width="match_content" ohos:text="A.Learning" ohos:text_size="20fp"/>
图1 RadioButton效果
设置RadioButton
设置单选按钮的字体颜色:
在xml中设置:text_color_on为选中状态的字体颜色,text_color_off为未选中状态的字体颜色。
<RadioButton ... ohos:text_color_on="#00BFFF" ohos:text_color_off="#808080"/>
在Java代码中设置:
rBtn.setTextColorOn(new Color(Color.getIntColor("#0066FF")));rBtn.setTextColorOff(new Color(Color.getIntColor("#505050")));
图2 设置单选按钮字体颜色效果