Axure如何制作微信开关效果

我们在利用微信时, 经常用到微信开关按钮, 它的样式很受大师喜爱 。 在Axure中, 也能建造出这种开关结果 。 那么, Axure若何建造微信开关结果呢?本文就由小编带大师领会一下, 一路来看看吧~

Axure如何制作微信开关效果

文章插图

需要这些哦
Axure版本:企业版8.0.0.3338
PC电脑:Windows 7
方式/
1.打开Axure, 从左侧元件库拖取一个【矩形】元件到页面, 设置【大小】为132*62, 【圆角半径】为45 。 如图
Axure如何制作微信开关效果

文章插图

2.从左侧元件库拖取一个【卵形】元件到页面, 设置【大小】为56*56 。 如图
Axure如何制作微信开关效果

文章插图

3.调整【卵形】元件到【矩形】元件的位置, 然后设置【矩形】元件的颜色为灰色, 如图
Axure如何制作微信开关效果

文章插图

4.全选元件, 鼠标右键在弹出框选择【转换为动态面板】, 如图
Axure如何制作微信开关效果

文章插图

【Axure如何制作微信开关效果】5.复制动态面板【State1】生当作【State2】, 如图
Axure如何制作微信开关效果

文章插图

6.设置【State2】的【矩形】元件颜色为绿色, 同时调整【卵形】元件的位置, 如图
Axure如何制作微信开关效果

文章插图

7.别离设置State1的矩形点击事务【鼠标单击时】跳转为State2, State2的矩形点击事务【鼠标单击时】跳转为State1, 如图
Axure如何制作微信开关效果

文章插图

8.完当作设置后, 预览成果, 实现了微信开关结果 。 如图
Axure如何制作微信开关效果

文章插图


以上内容就是Axure如何制作微信开关效果的内容啦, 希望对你有所帮助哦!

    推荐阅读