登录 立即注册
金钱:

Code4App-iOS开发-iOS 开源代码库-iOS代码实例搜索-iOS特效示例-iOS代码例子下载-Code4App.com

高仿即刻首页滚动效果

[复制链接]
来自: lilongcnc 分类: iOS精品源码 上传时间: 2016-11-25 16:43:14

项目介绍:

github

摘要

优秀的应用总是值得我们去模仿,即刻的首页的推荐主题内容滚动效果个人信息页面的头像拖动效果,还有视频播放等效果都值得我们去模仿和学习。 前段时间看到的巴巴巴巴巴巴掌的模仿首页滚动效果的安卓代码,并且分析实现的原理,于是便想着用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

相关源码推荐:

我来说两句
*滑动验证:
所有评论(11)
code4app热心网友 2016-11-25 18:04:35
虽不明,但觉厉!
回复
code4app热心网友 2016-11-26 13:48:07
我只是路过打酱油的。
回复
星夜无月 2016-11-26 15:38:01
正需要啊,感谢楼主无私分享!
回复
code4app热心网友 2016-11-26 19:49:47
很给力,Code4App有你更精彩!
回复
龙雀大环刀 2016-11-26 23:24:56
感谢分享,Code4App有你更精彩:)
回复
HQcoder 2016-11-28 09:33:55
很给力,Code4App有你更精彩!
回复
pchy苒 2016-11-28 10:24:00
正需要啊,感谢楼主无私分享!
回复
code4app热心网友 2016-11-28 11:01:28
感谢分享,Code4App有你更精彩:)
回复
code4app热心网友 2016-11-28 11:01:43
精华内容,楼主V5!
回复
12下一页
提取码:  下载次数:121 状态:已购或VIP 售价:0(原价:10)金钱 下载权限:初级码农 
2144 0 121
联系我们
首页/微信公众账号投稿

帖子代码编辑/版权问题

QQ:435399051,742864542

如何获得代码达人称号?

代码贡献英雄榜
用户名 下载数
通过邮件订阅最新 Code4App 信息
上一条 /4 下一条
联系我们
关闭
合作电话:
13802416937
Email:
435399051@qq.com
商务市场合作/投稿
问题反馈及帮助
联系我们

广告投放| Github|申请友链|手机版|Code4App ( 粤ICP备15117877号-1 )

快速回复 返回顶部 返回列表