使用Axure RP 8 模拟Tab页切换效果

使用Axure RP 8 模拟Tab页切换效果

实现思路

1. 从“基本元件”库中将矩形，一级标题，文本等元件拖入画布，绘制基本静态形状

2. 根据原图，对各个元件进行填色

3. 从“基本元件”中，将动态面板，拖入画布

4. 双击动态面板，添加面板状态（一个状态为登录界面，一个状态为注册界面）【如图一】

5. 给“登录”/“注册”按钮设置鼠标单击事件，点击对应按钮切换至对应的动态面板状态【属性-鼠标单击时-元件-设置动态面板状态，如图二】

6. 给“登录”/“注册”按钮设置初始样式为背景颜色为紫色，50%透明度，字体为白色

7. 给“登录”/“注册”按钮设置选中样式为背景色为白色，字体为紫色【右键-交互样式-选中-填充/字体颜色，如图三】

8. 按住ctrl或者shift键，或者鼠标框选，同时选中“登录”/“注册”按钮，并设置选项组名称，将“登录”/“注册”按钮绑定为选项组，后续点击时，点击选中一个按钮，其他按钮自动为非选中状态，实现按钮切换。【属性-设置选项组名称，如图四】

9. Axure Share 链接：https://9ewiwm.axshare.com/

10. Axure 源文件地址：