项目介绍:
github
-
GitHub地址(欢迎Star):
《 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
.