Axure如何制作微信开关效果

1、1.打开Axure，从左侧元件库拖取一个【矩形】元件到页面，设置【大小】为132*62，【圆角半径】为45。如图

2、2.从左侧元件库拖取一个【椭圆形】元件到页面，设置【大小】为56*56。如图

3、3.调整【椭圆形】元件到【矩形】元件的位置，然后设置【矩形】元件的颜色为灰色，如图

4、4.全选元件，鼠标右键在弹出框选择【转换为动态面板】，如图

5、5.复制动态面板【State1】生成【State2】，如图

6、6.设置【State2】的【矩形】元件颜色为绿色，同时调整【椭圆形】元件的位置，如图

7、7.分别设置State1的矩形点击事件【鼠标单击时】跳转为State2，State2的矩形点击事件【鼠标单击时】跳转为State1，如图

8、8.完成设置后，预览结果，实现了微信开关效果。如图