表单组件

表单组件位于【组件】-【发现】中，双击或拖拽至画布即可使用。

单行/多行输入

使用【单行/多行输入】组件工具，可以在原型中添加一个在预览演示时，可以输入文字的输入框。查看/使用文件的人点击此组件即可输入内容。

1.单行输入与多行输入的区别：

• 单行输入中，无论输入内容多长，始终以一行显示，不会自动换行，可以左右滑动查看所有输入内容；
• 多行输入中，在输入内容长度超过输入框宽度时，会进行自动换行，可以上下滑动查看所有输入内容。

2.输入框内的文案修改：

选中组件，在右侧【外观】栏中，可对组件默认提示词以及默认提示词的颜色进行修改。

3.弹出键盘样式设置：

单行输入组件可以设置点击输入框时弹出键盘，键盘样式设置路径：

右侧【外观】面板——键盘样式。

下拉选择器

下拉选择器支持点击右侧的下拉箭头弹出多个选项，点击选项即可选择。

下拉选择器默认3个选项，可以修改选项的文本内容。

1.添加选项： 双击该组件，在最后一个选项后点击enter，即可输入新的选项内容。

2.删除选项： 双击该组件，将多余的选项行删除即可。

3.设置默认选项： 默认选项为第一个选项，如需更改，只需更改第一个选项即可。

下拉选择器为一整个组件，目前本组件不支持选项触发交互事件。

选择文件

使用这一组件，文件运行时可以点击左侧【选择文件】按钮，出现文件选择弹窗，选择文件后会在右侧名称栏中显示名称。

单选/复选

【单选】只能选择一个选项，【复选】则能选择多个选项。在右侧的外观设置面板可以对这两个组件进行具体的设置。

1.设置类型：

• 可以快速修改组件是单选或复选（圆形为单选，方框形为复选）；
• 打开「禁用」按钮，则整个组件会成为灰色，不支持进行选择操作；
• 修改下方「尺寸」，可以调整选项的字号和整体大小；
• 支持两种对齐方式：选项等间距和列表等间距，最右侧的数值框可以调整等间距的具体间距大小。

2.设置选项：

• 点击右上角的「加号」按钮，可以添加选项；
• 点击选项框右侧的「减号」按钮，可以删除此选项；

• 点击选项框的文字可以修改选项文本；

  

• 鼠标置于选项框上，拖动左侧出现的按钮，可以修改选项的顺序；

  

• 闪电按钮右侧的「圆点」，点击可以切换选项的选中/未选中状态。

  

• 鼠标置于选项框上，点击右侧的「闪电」按钮，可以为选项添加事件，选中时进行跳转交互，具体步骤可参考添加交互事件。

3.设置按钮与选中项：

• 可以修改未选中项的按钮颜色及文字颜色;
• 可以修改选中项的按钮颜色及文字颜色。

开关组件

从「组件-发现-表单组件」内拖拽到画布内即可直接使用。共有安卓开关和IOS开关两种类型。

• 右侧属性面板可设置禁用开关、开启样式和关闭样式；
• 点击禁用后，组件将无法进行点击，同时会增加一定的蒙层效果。

滑动条

滑动条是用于选择数值区间的一种常见组件，常用场景为调节音量、亮度或各种效果参数等。

但需要注意的是，滑动条与滚动条不同，不能作为滑动页面等效果展示。

• 右侧属性面板可以设置滑动条的轨道及滑块设置。轨道可设置圆角、轨道线条粗细、颜色填充、阴影等，滑块可设置位置、大小、圆角、填充色、描边样式和阴影；
• 轨道宽度限制为2-20，属性面板下拉框只显示2-20的偶数数字，但支持自定义输入数字；滑块直径限制为8-80，滑块描边最大限制为9，支持自定义输入数字。

数字步进器

当你想对数值进行小幅度的调整时，可以使用此组件。

比如：购物车数量由1增加到2，百分比从10%调整到11%等。

• 修改步进器数值： 右侧属性面板可修改数字步进器的文本样式、数值区间及默认值； 数值可选择的最大/最小值无上下限，也可设置为负数，默认区间为0-10；默认值为1，当前区间变动超出默认值后，自动变更为当前区间的边界值。
• 修改步进器外观： 可以为步进器设置圆角及独立圆角，也可以调整宽度、图标大小及颜色、填充色及描边样式。