这是在原作者pixate team（我也不知道谁创作的，但我知道他是pixate team里的一个成员）创作的作品，由于它只给我们提供源文件（可以去这里的链接里下载），没有给我们提供教程（就算提供了我也不知道在哪里看到。。。。表吐槽我），所以给大家写一篇关于这个作品的教程，方便大家易懂。（我真是废话连篇。。。）

好了，开始说正事了，首先先放上图片，（图片另行存找或者去源文件里面下载空文件）图片要确保文字部分那张图片在有照片的图片的前面。

然后新建一个空白图层，（点击左上方的layers里的“＋”）并设置为界面大小（如果你用phone 5尺寸大小做就把界面设置为与iPhone 5同等大小，iPhone 6就是iPhone 6大小）

注：这样做的目的是设置我们观看的界面大小，用来手机里观看（我可能说的不清楚，总之差不多这个意思）

在右上方中有一个选项是“Appearance”，点击它使我们刚新建的图层为透明，如果有不理解看图片得知。

接下来我们给刚刚那个新建得图层添加一个动作，就是scroll，意为滚动。怎么添加？将scroll拖动到所选图层。

这时候我想给大家讲解各种例子。

首先第一个，我们把两张图片所在层都放入新建的透明层内，也就是如下图。

然后我们打开电脑预览效果来看一下，具体为方法如下图，点击run就可以（如果不能预览的话那么需要下载Xcode才能预览）

那么第二步就是把图片那一图层放在外面，如下图。

然后在进行预览，你就会发现有所不同。当然还是第二个比较好一些，但效果可能不是那么完善，那么我们给图片添加一个效果，在这里我给大家示范scale，意为“缩放”。

首先我将“scale”拖动到图片那一图层中，给他进行一些设置，设置的地方在如下图

我们给他设置如下选项（忽略下图左侧，重点在于右侧，因为强迫症，所以想保持队列，请见谅。。。。。）

有些人可能不明白，我大体给大家讲解下，但这还是需要大家多做才能明白，不是说说就能完全明白的

第一，我们想让图片跟随滚动的时候会放大或者缩小，所以这个图片是基于透明图层的位置来进行操作（因为上面我跟大家提到透明图层带有滚动效果，即scroll）

第二，关于最后的scale是一个比值，大家做实验就可以得知，当然也可以自行调整，包括begin和end你们都可以自行调整，这个不是强制性的。

就这样做好，其他的也是同样的方法来做的。关于如何水平滑动？

新建透明图层，大小依旧和界面一样大，然后在设置中给它设置paging就可以。

第一次写，写得不好，如有问题提出问题即可。