首页 > 其他 > 详细

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

时间:2018-10-28 18:41:17      阅读:3741      评论:0      收藏:0      [点我收藏+]

文章作者:小龙

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

技术分享图片

 

 技术分享图片

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

技术分享图片

 

技术分享图片

 技术分享图片

 

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

技术分享图片

 

 点击查看原型项目

 

 

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

                       

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

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

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!