单选按钮组

  • 更新时间:2025-12-02 10:12:47

单选按钮组-radio-group

在此布局中,单选按钮会自动取消和选中,保证一组按钮只被选中一个

是布局父类的(XLayout)的子类

原生类型:{android.widget.RadioGroup}

一、常用属性

dir - 排列方向

设置排列方向

可选:v:竖向排列,h:横向排列

<radio-group dir="h" />

color - 主题颜色

设置主题颜色

<radio-group color="#57965C" text="主题色为绿色" />

padding - 内边距

设置内边距

<!--padding顺序是:左,上,右,下-->
<!--padding只设置一个值:则设置所有方向的内边距-->
<!--padding只设置两个值:则设置左右和上下方向的内边距-->
<radio-group padding="20" text="内边距" />

gravity - 重力

设置重力

<radio-group gravity="start" h="100" margin="20" text="重力:start" w="max" />

bg - 背景颜色

设置背景颜色

<radio-group bg="#1E1F22" text="背景颜色" />

bgImg - 背景图片

设置背景图片

<radio-group bgImg="./img.png" text="背景图片" />

check(index)

设置选中的下标

  • 参数 : index {int} 下标

//解析布局,获得ui对象
let ui = $ui.layout("./mUi.xml");
//获取控件
let rg = ui.id("mRadioGroup");
//设置选中的下标
rg.check(0);

onCheck(callback)

设置选中下标的事件回调

  • 参数 : callback {(index)=>{}} 回调

//解析布局,获得ui对象
let ui = $ui.layout("./mUi.xml");
//获取控件
let rg = ui.id("mRadioGroup");
//设置选中下标的事件回调
rg.onCheck((index)=>{
    //..
});

getCheckedIndex()

获取选择下标

  • 返回 : {int} 下标 (-1表示没有选择)

//解析布局,获得ui对象
let ui = $ui.layout("./mUi.xml");
//获取控件
let rg = ui.id("mRadioGroup");
//获得选择下标
let index = rg.getCheckedIndex();

getCheckedText()

获取选择的文本

  • 返回 : {string} 名称 (null表示没有选择)

//解析布局,获得ui对象
let ui = $ui.layout("./mUi.xml");
//获取控件
let rg = ui.id("mRadioGroup");
//获得选择的文本
let text = rg.getCheckedText();