ArkUI---常用组件---切换按钮 (Toggle)

  

   Toggle组件提供状态按钮样式、勾选框样式和开关样式，一样平常用于两种状态之间的切换。

  创建切换按钮

Toggle通过调用接口来创建，接口调用情势如下：
   Toggle(options: { type: ToggleType, isOn?: boolean })
    ToggleType为开关范例，包罗Button、Checkbox和Switch
isOn: 为切换按钮的状态。
  API version 11开始，Checkbox默认样式由圆角方形变为*圆形*。
创建不包罗子组件的Toggle

   当ToggleType为Checkbox大概Switch时，用于创建不包罗子组件的Toggle：
  1.当ToggleType为Checkbox

1.         Row(){
2.    
3.    
4.       Toggle({
5.    
6.    type:ToggleType.Checkbox,isOn:false})
7.       Toggle({
8.    
9.    type:ToggleType.Checkbox,isOn:true})
10.     }

复制代码

2.当ToggleType为Switch

1.         Row(){
2.    
3.    
4.        Toggle({
5.    
6.    type:ToggleType.Switch,isOn:false})
7.        Toggle({
8.    
9.    type:ToggleType.Switch,isOn:true})
10.      }

复制代码

创建包罗子组件的Toggle。

   当ToggleType为Button时，只能包罗一个子组件，如果子组件有文本设置，则相应的文本内容会表如今按钮上。
  3.当ToggleType为Button时

1. Row({
2.    
3.    space:10}){
4.    
5.    
6.     Toggle({
7.    
8.    type:ToggleType.Button, isOn:false}){
9.    
10.    
11.       Text('Status button')
12.         .fontSize(12)
13.     }
15.      Toggle({
16.    
17.    type:ToggleType.Button, isOn:true}){
18.    
19.    
20.       Text('Status button')
21.        .fontSize(12)
22.     }
23.    }

复制代码

自界说样式

1.通过selectedColor属性设置Toggle打开选中后的配景颜色。

1. Row

复制代码