![Axure RP 原型设计实践(Web+APP)](https://wfqqreader-1252317822.image.myqcloud.com/cover/788/26688788/b_26688788.jpg)
上QQ阅读APP看书,第一时间看更新
3.8 组合元件
在主界面的“概要”面板可显示组合元件,将多个元件组合在一起叫作组合元件,拆开是使用取消组合对象功能,组合元件的好处在于可以将多个元件当作一个元件来进行操作。在“概要面板”中还可以修改组合名称、隐藏组合、显示组合操作。不仅如此,还可以在整个组合上添加交互动作。
在“页面设计”面板,拖入按钮元件、两个文本标签元件,之后选中这三个元件,右击选择“组合”选项,并设置该组合的名称为“组合案例”,如图3-39所示。
此时,在“概要”面板可看到该组合信息,如图 3-40 所示。勾选该组合的右侧勾选框,表示显示该组合,取消勾选表示隐藏该组合。
选中该组合,在“检视”面板的“属性”选项卡可设置该组合的名称、交互事件等信息,如图3-41所示。
![](https://epubservercos.yuewen.com/6ACC54/15169318705331206/epubprivate/OEBPS/Images/49_01.jpg?sign=1739277999-76LE1UA3Ypow94yBccL9lLapsqm4IZYz-0-9c5a606999259f5fe6aa206783384a18)
图3-39 组合元件
![](https://epubservercos.yuewen.com/6ACC54/15169318705331206/epubprivate/OEBPS/Images/49_02.jpg?sign=1739277999-4HB9Afvw9HaRGcUwb9qQcuD1Hvd4vTSm-0-874dc64b73d43c5917a50427175c8c52)
图3-40 概要面板中的组合元件
![](https://epubservercos.yuewen.com/6ACC54/15169318705331206/epubprivate/OEBPS/Images/49_03.jpg?sign=1739277999-XhtQKgCiQpI1crn1DtXd84Dg57h4JyGS-0-4d9a266b612bc92a9941c327862b586c)
图3-41 设置组合元件属性