【鸿蒙 HarmonyOS】UI 组件 ( 单选按钮 | RadioButton 与 RadioContainer 组件 )（二）-阿里云开发者社区

【鸿蒙 HarmonyOS】UI 组件 ( 单选按钮 | RadioButton 与 RadioContainer 组件 )（二）

2022-01-28 255

版权

本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。

简介： 【鸿蒙 HarmonyOS】UI 组件 ( 单选按钮 | RadioButton 与 RadioContainer 组件 )（二）

布局文件 :

<?xml version="1.0" encoding="utf-8"?>
<DirectionalLayout
    xmlns:ohos="http://schemas.huawei.com/res/ohos"
    ohos:height="match_parent"
    ohos:width="match_parent"
    ohos:orientation="vertical">
    <!-- 单选按钮容器 -->
    <RadioContainer
        ohos:id="$+id:radioContainer"
        ohos:height="match_content"
        ohos:width="match_parent"
        ohos:orientation="vertical">
        <RadioButton
            ohos:id="$+id:radioButton1"
            ohos:height="match_content"
            ohos:width="match_content"
            ohos:layout_alignment="horizontal_center"
            ohos:text="单选按钮 0"
            ohos:text_size="100"/>
        <RadioButton
            ohos:id="$+id:radioButton2"
            ohos:height="match_content"
            ohos:width="match_content"
            ohos:layout_alignment="horizontal_center"
            ohos:text="单选按钮 1"
            ohos:text_size="100"/>
        <RadioButton
            ohos:id="$+id:radioButton3"
            ohos:height="match_content"
            ohos:width="match_content"
            ohos:layout_alignment="horizontal_center"
            ohos:text="单选按钮 2"
            ohos:text_size="100"/>
    </RadioContainer>
    <Text
        ohos:id="$+id:text"
        ohos:height="match_content"
        ohos:width="match_content"
        ohos:layout_alignment="horizontal_center"
        ohos:text="当前选中 : "
        ohos:text_size="100"
        ohos:text_color="#FF0000"/>
</DirectionalLayout>