通过将元件组合，能够对多个元件进行交互的设置，并且也能对多个元件进行控制。
在《元件组合的应用（2）》一文中，通过案例能够看到，多个元件组合在一起之后，可以为组合添加交互。
而且，在交互设置中，也能通过选中组合，实现选中组合中多个元件的交互需求。
除此之外，当我们将多个元件组合之后，还能够实现统一的移动、旋转、显示以及隐藏等操作。
例如，一个下拉菜单。
当鼠标指针进入下拉菜单时，会显示包含多个菜单项的灰色子菜单。鼠标指针从下拉菜单或子菜单离开时，子菜单恢复隐藏状态。
首先，我们准备好四个矩形元件，并设置好形状的填充颜色、文字颜色以及边框线宽。
为了能够让组成子菜单的三个矩形能够统一显示隐藏，我们需要将它们组合，并命名。
子菜单初始状态是隐藏的，需要在样式面板中弄瞎小眼睛。
当然，你在画布上方的快捷工具栏中将它弄瞎也可以。
最后，我们需要通过给下拉菜单添加[鼠标移入时]的交互，来[显示][子菜单]。
并且，还可以添加[动画]，让子菜单的显示更加动感。
除此之外，在更多选项中，我们还可以选择[弹出效果]。
选择这一项之后，鼠标移出下拉菜单时，子菜单会自动隐藏，无需再添加相应的交互。
试想一下，如果不选择弹出效果，需要如何实现子菜单的隐藏？
给下拉菜单添加鼠标移出时隐藏子菜单的交互吗？
肯定不行！
因为这样的话，从下拉菜单进入子菜单时，子菜单会被隐藏。
那么，给子菜单添加鼠标移出时隐藏子菜单的交互吗？
也不行！
这样从下拉菜单上移出鼠标指针时，子菜单不会被隐藏。
这也不行，那也不行，小楼老师也不行吗？
放心！小楼老师这种钢枪直男必须行！
答案就在本教程的源文件中，仍然是通过组合解决问题。
不习惯看文字教程？还有《Axure RP 9萌新修炼视频》奉上！
转载请注明：iaxure.com » 元件组合的应用（3）