码迷,mamicode.com
首页 > 其他好文 > 详细

墨刀原型教程:如何轻松做出菜单导航动态效果

时间:2018-10-28 19:16:16      阅读:194      评论:0      收藏:0      [点我收藏+]

标签:原型项目   bubuko   target   原型   菜单   img   play   lock   教程   

文章作者:小龙

来自公众号:产品原型工匠

技术分享图片

 

 技术分享图片

可通过变形实现,让顶部菜单更加丰富

技术分享图片

 

技术分享图片

 技术分享图片

 

1、拉取一个矩形,大小为宽375,高60,位置是X:0,Y:202、一个向左图标大小默认,位置X:26,Y:383、一个向右图标大小默认,位置同向左图标,隐藏掉

 

                                                                     技术分享图片

 

 技术分享图片

 

1、先拉取一个全局手势2、添加状态23、隐藏向左,显示向右4、矩形设定圆角100,大小为宽60,高60,位置改为X:8,Y:20

 技术分享图片

技术分享图片

 

1、默认状态的全局手势链接到状态22、状态2的全局手势链接到默认状态3、大功告成

技术分享图片

技术分享图片

 

 

技术分享图片

 技术分享图片

                          

https://pro.modao.cc/app/Q7iWmMXRsRbtt0PwmQWp8Mw3EsWY1Mp

技术分享图片

 

 点击查看原型项目

 

 

 再次感谢作者小龙,为我们带来了此分享~

                       

墨刀原型教程:如何轻松做出菜单导航动态效果

标签:原型项目   bubuko   target   原型   菜单   img   play   lock   教程   

原文地址:https://www.cnblogs.com/productcompass/p/9866442.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!