小伙伴们好,周末愉快!
从分享秀米笔记开始,很感恩收到大家的赞和关注,在这里非常非常感谢小伙伴们。日子在继续,之前的六篇关于秀米的排版布局分享完,接下来分享秀米avg动画布局。


· 普通排版:文字内容、图片、模版、框架、布局
· svg动画:设置动画效果、控制svg动画效果

例如:我们需要一个点击换图效果。我们先思考一下,首先换图是需要“自动换图”还是“点击换图”。
需求:我们需要一个点击换图的效果。确定需求逻辑之后,需要的材料首先是两张图,因为一张图是没有办法进行点击换图的。
我们需要怎么实现这个效果。这里有两种方式可以做到,第一个是采用现有的模版“点击换图”;第二种是直接在svg布局编辑操作。
第一种方式:



点击下面图片看看效果

这里会遇到一个问题,为啥默认的图一直在。这个问题很好解决,直接在编辑-眼睛这里删除第一张图片即可。

第二种方式:在这里分为两种动画,一转场动画、二组件动画。

01











点击下图看看svg组件动画效果

02




点击下图看看svg转场动画效果


Thanks for watching!
夜雨聆风