8.7 发布—WinterCG 兼容性第一部分
了解更多

<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)
})

参见 PropertyChangeData.

原生组件

上一个
Slider
下一个
TabView