我们在利用微信时, 经常用到微信开关按钮, 它的样式很受大师喜爱 。 在Axure中, 也能建造出这种开关结果 。 那么, Axure若何建造微信开关结果呢?本文就由小编带大师领会一下, 一路来看看吧~
文章插图
需要这些哦
Axure版本:企业版8.0.0.3338
PC电脑:Windows 7
方式/
1.打开Axure, 从左侧元件库拖取一个【矩形】元件到页面, 设置【大小】为132*62, 【圆角半径】为45 。 如图
文章插图
2.从左侧元件库拖取一个【卵形】元件到页面, 设置【大小】为56*56 。 如图
文章插图
3.调整【卵形】元件到【矩形】元件的位置, 然后设置【矩形】元件的颜色为灰色, 如图
文章插图
4.全选元件, 鼠标右键在弹出框选择【转换为动态面板】, 如图
文章插图
【Axure如何制作微信开关效果】5.复制动态面板【State1】生当作【State2】, 如图
文章插图
6.设置【State2】的【矩形】元件颜色为绿色, 同时调整【卵形】元件的位置, 如图
文章插图
7.别离设置State1的矩形点击事务【鼠标单击时】跳转为State2, State2的矩形点击事务【鼠标单击时】跳转为State1, 如图
文章插图
8.完当作设置后, 预览成果, 实现了微信开关结果 。 如图
文章插图
以上内容就是Axure如何制作微信开关效果的内容啦, 希望对你有所帮助哦!
推荐阅读
- 如何用美图秀秀调整图片角度
- 闪照如何第二次查看
- 如何使用Iphone手机桌面快捷键
- 微信如何更换绑定的QQ号
- 教你如何加微信群
- 华为手机如何给公交卡充值
- 微信聊天记录如何从安卓迁移到苹果?
- 手机如何开启悬浮球?
- 如何使用悦动圈进行运动?
- 如何加快手机网速