如何利用AXURE实现点击切换效果

第一步：建立一个如下的界面：

第二步：选中英文部分和白色边框：

第三步：点击鼠标右键，将选中部分设定为“动态面板”

第四步：双击所设定的动态面板，会弹出如下界面：

点击绿色部分，然后会出现

再次点击绿色部分，然后会出现

这样一来，就有三个动态面板了，就可以依次对应上“优势A”“优势B”"优势C”

我们依次双击“State1"“State2"“State3"得到如下界面：

点击打开“State1" 复制粘贴其界里的内容到“State2"和“State3"

这里为了图方便，就不改变“State2"和“State3"里面的文字讯息（当然文字是可以被任意编辑的）这里仅用颜色标记区分；如下图：

关键步骤来了：注意

选择“优势A”——“元件交互与说明”——“鼠标单击时”

然后会弹出如下界面：

我们选择：动态面板——设置动态面板

如下图：

勾选动态面板：

选择状态为“State1"然后设置进入和退出动画时间我们统一设置为50毫秒 点击确定

然后依次设置“优势B"和"优势C”

注意选择状态为：

一定要对应住，“优势B”对应“State2” 、“优势C”对应“State3”动作和时间则保持不变即可

点击F5预览即可，得到想要的简单交互效果；