JiKeScrollView

模仿即刻首页滚动效果

• 简书地址： 《 仿『即刻』首页滚动效果》
• 个站地址： 《 仿『即刻』首页滚动效果》

摘要

优秀的应用总是值得我们去模仿，即刻的首页的推荐主题内容滚动效果和个人信息页面的头像拖动效果，还有视频播放等效果都值得我们去模仿和学习。 前段时间看到的巴巴巴巴巴巴掌的模仿首页滚动效果的安卓代码，并且分析实现的原理，于是便想着用iOS的代码也写一下。 上边提到的文章地址:巴巴巴巴巴巴掌的《手摸手教你写炫酷控件》

实现效果

实现说明

执行动画效果是直接用的UIView自带的动画方法. 我是图片滚动再写到文字滚动，然后再包含到外边的动态数据传入.所以整个JiKeScrollView的项目结构如下，每个文件都是一个单独的控件，都可以单独提取出来使用。

数据驱动显示

这个名字有点大了,其实就是就考虑到我们在实际使用时候怎么方便一点.我这里的逻辑是:

先传入初始化的信息,代码如下:

_myJikeScrollView.myFirstShowImageLinkArray = @[
                                                @[@"11",@"12"],
                                                @[@"13",@"14"],
                                                @[@"15",@"16"]
                                                ];
_myJikeScrollView.myFirstShowLabelDesArray = @[
                                               @[@"左边初始描述文字1",@"左边初始描述文字2"],
                                               @[@"中间初始描述文字3",@"中间初始描述文字4"],
                                               @[@"右边初始描述文字5",@"右边初始描述文字6"]
                                               ];

如果想要执行滚动的时候,我们只需要传入下一组数据就行了,如下代码:

_myJikeScrollView.myNextShowImageLinkArray = self.tempImageLinkDataArray[dataShowIndex];
_myJikeScrollView.myNextShowLabelDesArray = self.tempImageDesDataArray[dataShowIndex];

其实我们仔细观察『即刻』点击换一换,左边是有个圆形指针再转的,我想这个时候是在请求下下次我们要显示的数据.这样便可以保持每次次点击换一换之后能够马上有数据滚动.

其他

因为完整代码有点多,所以Demo中分为了三部分,除了完整代码,还有是把基础组件单个使用的的JiKeScrollImageViewVC和JiKeScrollLabelVC.