基础表单控件

原型文件内置了常用的表单控件，可直接从资源库拖拽到画布使用。

按钮

按钮主要用于触发特定操作，如提交、保存、取消等，是界面交互的主要控制元素。

创建按钮

在「资源库 - 基础资源 - 基础」中，选择「按钮」拖拽到画布。

切换按钮类型

选中按钮，在上方的浮动窗格中，点击「样式」可切换「填充按钮」或「描边按钮」。

编辑按钮

选中按钮，在右侧属性栏中可以调整按钮大小、设置圆角数值、编辑按钮名称与颜色、增加特效阴影等。

输入框

输入框主要用于输入文本或数字信息，如填写表单、搜索内容或提供反馈等。

创建输入框

在「资源库 - 基础资源 - 表单」中，选择「输入框」拖拽到画布。

切换输入框类型

选中输入框，在上方的浮动窗格中，点击「类型」可切换「单行输入框」或「多行输入框」。

编辑输入框

选中输入框，在上方的浮动窗格中，点击「编辑」按钮，可修改提示语的内容与颜色，支持选择隐藏提示语。或双击提示语进入编辑状态进行编辑。

开关

开关通常用于表示两个状态之间的切换，可直观了解当前的选择状态，广泛应用于设置界面、功能开关、偏好设置等场景。

创建开关

在「资源库 - 基础资源 - 表单」中，选择「开关」拖拽到画布。

调整大小

选中开关，在右侧属性栏中输入具体的宽高数值，或直接拖动开关的边框调整大小。

设置颜色

选中开关，在右侧属性栏的「背景」中设置背景颜色，在「滑块」中设置滑块颜色，同时可设置开关的透明度。

下拉选择

下拉选择是一种常见的交互式界面元素，可对预设选项进行单选或多选，支持对子选项添加交互，常用于制作菜单、筛选器等场景。

创建下拉选择

在「资源库 - 基础资源 - 表单」中，选择「下拉选择」拖拽到画布。

切换单选/多选

选中下拉选择，在上方的浮动窗格中，点击「类型」选项进行切换：

• 单选：最多选择 1 个预设选项
• 多选：可选择任意个预设选项

编辑下拉选择

编辑提示语：选中下拉选择，在上方的浮动窗格中，点击「编辑」按钮，可修改提示语的内容与颜色，支持选择隐藏提示语。或双击提示语进入编辑状态。

编辑选项：选中下拉选择，在右侧属性栏中的「选项」区域，点击选项名称进行编辑。或双击选项名称进入编辑状态。

增加或删除选项：选中下拉选择，点击右侧属性栏中「选项」区域的「+」号增加选项，点击「-」号删除选项。

选择回显

回显是指在重新打开下拉选择框时，系统会自动显示当前选中的选项。点击属性栏「选项」区域的回显开关即可打开。

调整行高/列宽

选中下拉选择，拖动外侧边框即可调整行高/列宽，或在属性栏直接输入数值。

注意：当选项栏展开时，属性栏的高度代表下拉选项整体高度；当选项栏收起时，属性栏的行高仅代表单行高度。修改行高时，选项框、空隙、选项列表的高度将等比更新。

设置颜色

在右侧属性栏中，使用「文字体」区域调整字体、字重、字号、字符间距等。在「填充」中设置背景颜色，在「描边」中设置边框颜色和粗细。