UI 组件
Switch
用于切换开启或关闭状态的 UI 组件。
<Switch>
允许用户在两个状态之间切换的 UI 组件。


xml
<Switch checked="true" />
示例
样式化开关
xml
<Switch checked="true"
color="#BFCDAC"
backgroundColor="green"
offBackgroundColor="#DC493D"
/>
属性
checked
ts
checked: boolean
获取或设置开关状态。
默认值为 false
。
offBackgroundColor
ts
offBackgroundColor: Color
获取或设置关闭状态的背景颜色。
参见 颜色.
...继承
有关其他继承属性,请参阅 API 参考.
事件
checkedChange
ts
on('checkedChange', (args: PropertyChangeData) => {
const switch = args.object as Switch
console.log('Switch checked:', args.value)
})
原生组件
- Android:
android.widget.Switch
- iOS:
UISwitch