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/

下面的后补。