Axure如何制作微信开关效果

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

0b55b319ebc4b7453044f91ec0fc1e178b8215e1.jpg

东西/原料

  • Axure版本:企业版8.0.0.3338
  • PC电脑:Windows 7

方式/步调

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

    8694a4c27d1ed21b471a60eda26eddc450da3fe2.jpg
  • 2.从左侧元件库拖取一个【卵形】元件到页面,设置【巨细】为56*56。如图

    d000baa1cd11728b7bd9c22ac7fcc3cec2fd2cc5.jpg
  • 3.调整【卵形】元件到【矩形】元件的位置,然后设置【矩形】元件的颜色为灰色,如图

    8c1001e93901213f4a0b07d45be736d12f2e95fa.jpg
  • 4.全选元件,鼠标右键在弹出框选择【转换为动态面板】,如图

    d043ad4bd11373f0e1042697ab0f4bfbfbed04fa.jpg
  • 5.复制动态面板【State1】生当作【State2】,如图

    a5c27d1ed21b0ef452d2d156d2c451da81cb3efb.jpg
  • 6.设置【State2】【矩形】元件颜色为绿色,同时调整【卵形】元件的位置,如图

    1e30e924b899a901de00123e12950a7b0208f585.jpg
  • 7.别离设置State1的矩形点击事务【鼠标单击时】跳转为State2,State2的矩形点击事务【鼠标单击时】跳转为State1,如图

    f3d3572c11dfa9ec141a1f1f6dd0f703918fc186.jpg
  • 8.完当作设置后,预览成果,实现了微信开关结果。如图

    4610b912c8fcc3ce8333873b9d45d688d53f20c2.jpg
  • 发表于 2019-10-16 10:49
  • 阅读 ( 974 )
  • 分类:其他类型

0 条评论

请先 登录 后评论
联系我们:uytrv@hotmail.com 问答工具