html点击按钮切换图片代码_Axure RP8：如何做出点击按钮切换页面效果？

如何利用Axure RP8做出点击按钮切换页面效果？一起来文中看看~

先来看一下页面的效果图：点击不同的按钮，切换不同的页面。(是web端和手机端都很常见的交互效果)

实现这一效果大致要分为三个步骤：

1. 为按钮添加“选中”后的效果；
2. 设置动态面板，并对其进行状态编辑；
3. 通过对“鼠标单击”命令的编辑，完成交互设置。(其中一、二顺序谁先谁后都ok)

先来讲第一个步骤，为按钮添加“选中”状态的效果(我会对其分为几个小的步骤)。

1. 搭建出一个类似的原型，根据按钮的数量对文件逐一进行命名(重新命名是为了方便后面的操作)；
2. 选中其中想要做变化的按钮，在鼠标状态中 单击“选中”(selected)选项，调出编辑器，对按钮颜色和字体颜色进行编辑，确定后，检查“选中”状