单选按钮

  • 更新时间:2026-03-14 22:04:43

单选按钮-radio

原生类型:{com.google.android.material.radiobutton.MaterialRadioButton}

单选按钮:一般需要配合单选按钮组(radio-group)的配合才能实现互相排斥的效果,这个控件常用在只需要在多个选择中选择一个的情况。

一、常用属性

主题颜色 - 主题颜色

设置主题颜色

<界面>
    <状态条 />
    <单选按钮组="最大" 方向="横向">
        <单选按钮 主题颜色="#3574F0" 文本="吃饭" />
        <单选按钮 主题颜色="#518855" 文本="睡觉" />
        <单选按钮 主题颜色="#B44A4A" 文本="游戏" />
    </单选按钮组>
</界面>

选中 - 选中状态

设置选中状态

<界面>
    <状态条 />
    <单选按钮组="最大" 方向="横向">
        <单选按钮 主题颜色="#3574F0" 文本="吃饭" />
        <单选按钮 主题颜色="#518855" 文本="睡觉" 选中="是" />
        <单选按钮 主题颜色="#B44A4A" 文本="游戏" />
    </单选按钮组>
</界面>

文本 - 文本

设置文本

<界面>
    <状态条 />
    <单选按钮组="最大" 方向="横向">
        <单选按钮 主题颜色="#3574F0" 文本="我是文本1" />
        <单选按钮 主题颜色="#518855" 文本="我是文本2" />
    </单选按钮组>
</界面>

文本颜色 - 文本颜色

设置文本颜色

<界面>
    <状态条 />
    <单选按钮组="最大" 方向="横向">
        <单选按钮 主题颜色="#3574F0" 文本="我是文本1" 文本颜色="#57965C" />
        <单选按钮 主题颜色="#518855" 文本="我是文本2" 文本颜色="#C94F4F" />
    </单选按钮组>
</界面>

最小宽度 - 最小宽度

设置最小宽度

<界面>
    <状态条 />
    <单选按钮组="最大" 方向="竖向">
        <单选按钮 文本="最小宽度:100" 最小宽度="100" 背景颜色="#57965C" />
        <单选按钮 文本="最小宽度:150" 最小宽度="150" 背景颜色="#3574F0" />
        <单选按钮 文本="最小宽度:200" 最小宽度="200" 背景颜色="#C94F4F" />
    </单选按钮组>
</界面>

最小高度 - 最小高度

设置最小高度

<界面>
    <状态条 />
    <单选按钮组="最大" 方向="横向">
        <单选按钮 文本="最小高度:50" 最小高度="50" 背景颜色="#57965C" />
        <单选按钮 文本="最小高度:60" 最小高度="60" 背景颜色="#3574F0" />
        <单选按钮 文本="最小高度:70" 最小高度="70" 背景颜色="#C94F4F" />
    </单选按钮组>
</界面>

内边距 - 内边距

设置内边距

<界面>
    <状态条 />
    <单选按钮组="最大" 方向="竖向">
        <单选按钮 内边距="10" 文本="内边距:10" 背景颜色="#57965C" />
        <单选按钮 内边距="20" 文本="内边距:20" 背景颜色="#3574F0" />
        <单选按钮 内边距="30" 文本="内边距:30" 背景颜色="#C94F4F" />
    </单选按钮组>
</界面>

重力 - 重力

设置重力

<界面>
    <状态条 />
    <!--将宽度设置到最大才能看到效果-->
    <单选按钮组="最大" 方向="竖向">
        <单选按钮="最大" 文本="开始" 重力="开始" />
        <单选按钮="最大" 文本="中间" 重力="中间" />
        <单选按钮="最大" 文本="结束" 重力="结束" />
    </单选按钮组>
</界面>

背景颜色 - 背景颜色

设置背景颜色

<界面>
    <状态条 />
    <单选按钮组="最大" 方向="竖向">
        <单选按钮 文本="看我背景颜色" 背景颜色="#57965C" />
        <单选按钮 文本="看我背景颜色" 背景颜色="#3574F0" />
    </单选按钮组>
</界面>

背景图片 - 背景图片

设置背景图片

<界面>
    <状态条 />
    <单选按钮组="最大" 方向="横向">
        <单选按钮 主题颜色="背景" 文本="睡觉" 文本颜色="背景" 权重="0.2"
            背景图片="example/$ui - 交互界面/17.radio-单选按钮/img/img.png"
            重力="中间" />
        <单选按钮 主题颜色="背景" 文本="游戏" 文本颜色="背景" 权重="0.2"
            背景图片="example/$ui - 交互界面/17.radio-单选按钮/img/img_1.png"
            重力="中间" />
        <单选按钮 主题颜色="背景" 文本="吃饭" 文本颜色="背景" 权重="0.2"
            背景图片="example/$ui - 交互界面/17.radio-单选按钮/img/img_2.png"
            重力="中间" />
    </单选按钮组>
</界面>

二、常用函数

是选中的()

判断选中状态

  • 返回 : {布尔值} 是否选中
  • 版本 : 1.8.2
//解析布局,获得界面对象
定义 界面 = $界面.解析布局("./资源/主界面.xml");
//获取控件
定义 单选按钮 = 界面.找控件("我的单选按钮");
//判断选中状态
如果(单选按钮.是选中的()){
    日志("选中了");
}

设置选中(状态)

设置选中状态

  • 参数 : 状态 {boolean} 是否选中
//解析布局,获得界面对象
定义 界面 = $界面.解析布局("./主界面.xml");
//获取控件
定义 单选按钮 = 界面.找控件("我的单选按钮");
//设置选中状态
单选按钮.设置选中(是);

监听选中(回调)

监听选中事件

  • 参数 : 回调 {(是否选中)=>{}} 选中事件回调
//解析布局,获得界面对象
定义 界面 = $界面.解析布局("./主界面.xml");
//获取控件
定义 单选按钮 = 界面.找控件("我的单选按钮");
//监听选中事件
单选按钮.监听选中((是否选中)=>{
    //..
});

设置重力(重力)

设置重力

  • 参数 : 重力 {String} 重力值,例如:"中|下"
//解析布局,获得界面对象
定义 界面 = $界面.解析布局("./主界面.xml");
//获取控件
定义 单选按钮 = 界面.找控件("我的单选按钮");
//设置重力
单选按钮.设置重力("中|下");

设置文字(文本)

设置文字

  • 参数 : 文本 {String} 文字内容
//解析布局,获得界面对象
定义 界面 = $界面.解析布局("./主界面.xml");
//获取控件
定义 单选按钮 = 界面.找控件("我的单选按钮");
//设置文字
单选按钮.设置文字("吃饭");

获取文字()

获取文字

  • 返回 : {String} 文字内容
//解析布局,获得界面对象
定义 界面 = $界面.解析布局("./主界面.xml");
//获取控件
定义 单选按钮 = 界面.找控件("我的单选按钮");
//获得文字
定义 文本 = 单选按钮.获取文字();

设置主题颜色(颜色)

设置主题颜色

  • 参数 : 颜色 {String} 颜色值
//解析布局,获得界面对象
定义 界面 = $界面.解析布局("./主界面.xml");
//获取控件
定义 单选按钮 = 界面.找控件("我的单选按钮");
//设置主题颜色
单选按钮.设置主题颜色("#26282E");

设置文本颜色(颜色)

设置文本颜色

  • 参数 : 颜色 {String} 颜色值
//解析布局,获得界面对象
定义 界面 = $界面.解析布局("./主界面.xml");
//获取控件
定义 单选按钮 = 界面.找控件("我的单选按钮");
//设置文本颜色
单选按钮.设置文本颜色("#26282E");