产品经理实用手册:Axure RP原型设计实践(Web+App)
上QQ阅读APP看书,第一时间看更新

3.8 组合元件

将多个元件组合在一起叫作组合元件,在主界面的“概要”面板可显示组合元件,组合元件的好处在于可以将多个元件当作一个元件来进行操作。在“概要面板”中可以修改组合名称、隐藏组合、显示组合操作,还可以在整个组合上添加交互动作。

在“页面设计”面板,拖入按钮元件和两个文本标签元件,之后选中这三个元件,右击选择“组合”选项,并设置该组合的名称为“组合案例”,如图3-38所示。

此时,在“概要”面板可看到该组合信息,如图3-39 所示。勾选该组合的右侧勾选框,表示显示该组合,取消勾选表示隐藏该组合。

选中该组合,在“样式”和“交互”面板可设置该组合的名称、交互事件等信息,如图3-40所示。

图3-38 组合元件

图3-39 概要面板中的组合元件

图3-40 设置组合元件设计