使用小组件 > 2D > 切换
  
切换
这个小组件有什么功能？
“切换”小组件与“复选框”小组件类似，但是它还需要遵循移动惯例针对触控进行优化。
何时会用到这个小组件？
当您想要为体验查看者提供一个可切换开启或关闭的选项或设置时，会用到“切换”小组件。例如，如果您想为用户提供一个可显示或隐藏工具栏的选项，则可使用“切换”来显示或隐藏工具栏。
这个小组件中是否有专用的属性、服务、事件或操作？
此小组件没有任何具有唯一性的属性、服务或事件。
若要查看小组件常用的属性、服务和事件的列表，请参阅小组件的通用属性、服务和事件。
小组件的显示效果
以下是小组件的显示效果示例！
使用时的必要步骤
显示效果
1. 将“切换”小组件拖放到工作区。
2. 将“值”属性或“切换”小组件的“单击”事件绑定到其他小组件或服务。在本示例中，我们将“切换”小组件的“值”属性与其下方的图像绑定，并选择了“选择绑定目标”窗口上的“可见”。当按下“切换”时，将显示或隐藏图像。
使用 CSS 设置小组件样式
您可以使用 CSS 设置小组件样式！下面是您可以创建和应用的 CSS 类的示例：
* 
请注意，最好为您的类指定唯一名称，以避免与其他类或预装属性发生冲突。
CSS 示例
显示效果
.ptc-toggle {
border-width: 5px;
border-style: solid;
border-radius: 25px;
background: rgb(200, 201, 199);
font-size: 20px;
font-family: Arial;
color: black;
}
有关实现 CSS 类的详细信息，请参阅应用程序样式。