欢迎光临
我们一直在努力

高仿即刻首页滚动效果

建站超值云服务器,限时71元/月

高仿即刻首页滚动效果

项目介绍:

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中分为了三部分,除了完整代码,还有是把基础组件单个使用的的JiKeScrollImageViewVCJiKeScrollLabelVC.

JiKeScrollLabelVC
JiKeScrollImageViewVC

code4app

赞(0)
版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com 特别注意:本站所有转载文章言论不代表本站观点! 本站所提供的图片等素材,版权归原作者所有,如需使用,请与原作者联系。未经允许不得转载:IDC资讯中心 » 高仿即刻首页滚动效果
分享到: 更多 (0)