分段控件是指一组分段按钮，点击之后切换到相应视图。俗称分段器、标签页。
典型应用场景
原型画法(无交互)
分段控件通常由多个分段组成，每个分段由按钮和图标组成。位于导航栏内部或者下方。
（1）先画第一个分段。从“默认元件库”拖动“矩形3”到工作区，修改尺寸为125*30，移动到导航栏下方。代表该分段处于选中状态并显示选中样式。
（2）再画第二个分段。从“默认元件库”拖动“矩形1”到工作区，修改尺寸为125*30，移动到第一个分段后面，代表该分段处于未选中状态并显示未选中样式。
（3）再画第三个分段。复制第二个分段，然后移动到后面。
（4）生成原型HTML并在浏览器中查看效果。
原型画法(有交互)
分段控件的常见交互效果：
- 默认展示第一个分段的选中样式。
- 点击任一分段，则该分段被选中且显示选中样式，同时显示对应的内容。
- 同一时间，有且只有一个分段被选中且显示选中样式。
接下来详细讲解分段控件的交互如何画出来。
（5）按照上述的方法，重新画出三个分段。
（6）选中3个分段，然后在“属性-交互样式设置”中，点击“选中”弹出框。
（7）设置选中的样式：文本颜色为白色#00000，填充颜色为#A1A1A1。
（8）继续选中这3个分段，设置选项组名称为“分段”或者其他任意名称。
（9）选中第一个分段，设置事件“鼠标单击时”，添加动作“选中”，组织动作“选择当前元件”。
（10）同理设置其他分段的交互事件，可以复制交互事件。
（11）选中第一个分段，勾选“选中”，这样查看原型的时候默认选中该分段并展示选中交互样式。
（12）生成原型HTML并在浏览器中查看效果。
添加到APP功能库
不同场景下的分段控件功能，内容不一样，样式相对固定。
声明：本站所有文章，如无特殊说明或标注，均为本站原创发布。任何个人或组织，在未征得本站同意时，禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益，可联系我们进行处理。