本文通过Axure教程展示了如何利用中继器创建菜单和页签联动的效果。首先介绍了所需绘制的元件，包括中继器1（菜单）、中继器2（页签）和中继器3（页面），并设置了相应的交互样式。接着，添加了全局变量sort、id和ids用于中继器交互。然后，详细说明了中继器的各项加载和单击事件的动作设置，确保菜单选择能影响页签显示。最后，对形状“关闭”的单击事件也进行了交互设置。通过这个教程，读者可以学会如何在Axure中实现复杂的选项联动功能。
一、效果
展示效果如下：
二、绘制元件
1、【中继器1】：命名为“菜单”，将中继器中的矩形命名为“菜单矩形”，矩形大小设置为230*184。备选数据的列：id，menu，url。
添加的备选数据如下：
2、【中继器2】：命名为“页签”，将中继器中的矩形为“页签矩形”，矩形大小设置为120*30。备选数据的列：id，menu。不设置备选数据。设置矩形“页签矩形”的交互样式：选中设置为紫色背景，白色字体。
3、【形状】：命名为“关闭”。大小设置为15*15。
4、【中继器3】：命名为“页面”，将中继器中的矩形为“页面矩形”，矩形大小设置为1200*800。备选数据的列：id，url，sort。不设置备选数据。
三、添加全局变量
添加三个全局变量sort、id、ids。中继器交互时使用。
四、添加交互
1、为中继器“菜单”【每项加载】事件添加动作，详细动作见图：
为中继器“菜单”中的矩形“菜单矩形”【单击时】事件添加动作，详细动作见图：
2、为中继器“页签”【每项加载】事件添加动作，详细动作见图：
为中继器“页签”中的矩形“页签矩形”【单击时】事件添加动作，详细动作见图：
3、为形状“关闭”【单击时】事件添加动作，详细动作见图：
4、为中继器“页面”【载入时】、【每项加载】事件添加动作，详细动作见图：
扫一扫
1456
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
