学习Axure:如何制作点击切换效果的交互教程

接上一篇本人的Axure中级教程,让我们来继续学习点击切换效果的具体教程内容。

效果图:

Screen-2022-12-30-105626.gif

1.插入两张图片并设置为动态面板,一个state一张图片

1.jpg


2.设置另一点击区域为动态面板且设置选中状态,对应设置填充颜色及字体颜色

6.jpg

3.jpg


3.分别对两个点击动图面板设置交互动作,设置交互动作为“单击时”,动态面板状态切换为“state1”;同理另一个点击动态面板设置交互动作为“单击时”,动态面板状态切换为“state2”即完成。实操请参照例图进行。

2.png