提交需求
赛事与广告咨询合作,请填写需求表单,我们会在第一时间与您联系!
Paging的效果在App中很常见,接下来的这篇文章将讲讲Paging效果的应用。 Floid可以创建Paging的效果,最简单的Paging应用效果如封面图所示。
paging效果要求图层的建立顺序和排列比较特殊,如下图。
按照以上的图,图层建立的顺序有两种:
rectangle1&rectangle2 -> group1 -> group paging -> copy group1 & move & rename group2(正确)
rectangle1&rectangle2 -> group1 -> copy group1 & move & rename group2 -> group paging (错误)
为什么要这样的顺序?以下举例说明:
rectangle1&rectangle2(大小为160x300px) -> group1 -> group paging(paging动画的每一页大小为160x300px) -> copy group1 & move & rename group2
rectangle1&rectangle2(大小为160x300px) -> group1 -> copy group1 &move&rename group2(两个group大小共为320x300px) -> group paging (paging动画的每一页大小为320x300px)
按照上面正确的创建顺序,在group paging后打开该组paging开关,封面的动画就完成了。
这是最简单的paging动画,paging还能玩出更多的效果来。
看看官网上的slack demo。(gif上传失败多次,放弃了)
http://floidio.github.io/prototypes/slack/
也先附上另一个:
http://floidio.github.io/prototypes/if-by-ifttt/
下面的后补。
大牛,别默默的看了,快登录帮我点评一下吧!:)
登录 立即注册