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

文章作者:小龙

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

技术分享图片

 

 技术分享图片

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

技术分享图片

 

技术分享图片

 技术分享图片

 

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
© 2021 jiaocheng.bubufx.com  联系我们
ICP备案:鲁ICP备09046678号-3