单选框控件: radio

设置单选框控件色调

1"ui";
2// 以下为不同色调的单选框控件示例
3ui.layout(
4    <vertical gravity="center">
5        <radiogroup>
6            <radio id="radio" checked="true" tint="#ff0000|#00ff00" text="单选1" textColor="#00ff00" />
7            <radio tint="#ff0000|#A895FF" text="单选2" />
8            <radio tint="#A895FF|#00ff00" text="单选3" />
9        </radiogroup>
10        <button id="btn">点我</button>
11    </vertical>
12);
13// 动态改变单选框控件的色调
14ui.btn.click(() => {
15    ui.radio.setTint("#00ff00|#ff0000");
16});

Radio.setTint(args)

  • args 色调颜色(不同颜色使用 | 分隔)
  • return void

设置单选框控件的色调(未选中|选中)