应用/搭建用户界面/网页端组件/开关
开关
更新于: 2026-06-24 15:44:40
开关组件用于开启或关闭某个选项,常用于设置。
开关组件支持丰富的属性设置,例如常用设置、位置设置、尺寸设置、样式设置、变换设置、状态设置和可见性设置。
|
属性 |
说明 |
|---|---|
|
标签 |
配置是否显示开关组件的标签,标签可以为开关组件提供文字描述,使用户能够更直观地理解开关的状态或功能。 |
|
标签内容 |
配置开关组件的标签内容,支持配置静态内容和动态绑定数据,详情请参见设置组件内容参数。 |
|
默认值 |
配置开关组件默认值为开或关。 |
|
组件布局 |
配置标签与开关按钮的布局方式,支持上下布局和左右布局。 |
|
标签宽度 |
以百分比方式配置开关组件的标签的宽度。 |
|
垂直对齐 |
配置开关组件的垂直对齐方式。
|
|
禁用态 |
可控制开关组件在什么情况下展示禁用状态。
例如,通过一个开关组件来控制此组件是否禁用,可以将表达式设置为 |
|
加载态 |
可控制开关组件在什么情况下展示加载状态。
例如,希望工作流在执行过程中,此组件呈加载状态,则可以在输入框中输入 |
开关组件提供三种位置类型选项,以灵活配置组件在界面中的位置。
|
属性 |
说明 |
|---|---|
|
宽度 |
配置开关组件的宽度值,支持以下宽度设置方式:
|
|
高度 |
配置开关组件的高度值,支持以下高度设置方式:
|
|
尺寸限制 |
配置开关组件的尺寸限制,支持配置最大高度、最小高度、最大宽度、最小宽度。 |
|
属性 |
说明 |
|---|---|
|
填充 |
配置开关组件背景的显示颜色。 |
|
圆角 |
配置开关组件背景的圆角,支持单独设置四个角的圆角。 |
|
内边距 |
配置开关组件背景的内边距,可以单独设置四个方向的内边距。 |
|
外边距 |
配置开关组件背景的外边距,可以单独设置四个方向的外边距。 |
|
边框 |
配置开关组件背景的边框样式。支持如下设置方式:
|
|
阴影 |
配置开关组件背景的阴影样式,增强组件的立体感。支持如下设置方式:
|
|
模糊 |
配置开关组件的模糊效果,数值越大,模糊效果越明显。支持设置图层模糊和背景模糊。
|
丰富界面视觉效果的参数。
|
属性 |
说明 |
|---|---|
|
缩放 |
配置开关组件大小的缩放比例。 |
|
旋转 |
配置开关组件围绕中心点旋转的角度。 |
|
位移 |
配置开关组件在水平和垂直方向上的移动距离。 |
|
倾斜 |
配置开关组件在水平和垂直方向上的倾斜角度。 |
控制开关组件悬浮态、点击态和出现态的视觉效果参数。
|
属性 |
说明 |
|---|---|
|
悬浮效果 |
配置开关组件的悬浮态效果。具体配置说明如下: |
|
点击效果 |
配置开关组件的点击态效果。具体配置说明如下: |
|
出场效果 |
设置开关组件在界面中出现时的动画效果。目前支持设置为淡入、缩放、模糊、水平翻转、垂直翻转、从下滑入、从上滑入、从左滑入、从右滑入。 |
控制开关组件隐藏或显示的参数,支持在特定条件下隐藏开关组件。
Textarea1,当你将开关组件的可见性设置为{{ Textarea1.value}}后,在文本输入组件中输入文本时,{{ Textarea1.value}}值为 true,开关组件将被隐藏。通过配置开关组件的事件,可以为开关组件添加丰富的交互功能,以增强用户体验和界面的互动性。
|
事件项 |
说明 |
|---|---|
|
事件类型 |
支持当开关组件的状态发生变化时,触发预定义的事件。 |
|
组件方法 |
支持以下方法:
|