码迷,mamicode.com
首页 > 移动开发 > 详细

蓝懿IOS学习UICollectionView实战轮播图

时间:2016-01-12 21:13:45      阅读:214      评论:0      收藏:0      [点我收藏+]

标签:

 今天刘国斌老师讲了关于JSON数据源的获取与利用,通过微博的实战项目进行练习,获取的数据都是网络上请求的真实数据,这种方式学起来很轻松,很容易理解。
 刘国斌老师把今天做的练习题UICollectionView轮播图实现功能的方法步骤都下了下来,我们学起来很方便。
   实现轮播图 效果的步骤:

1.创建layout (UICollectionViewFlowLayout)

2.设置layout的方向 默认上下

3.创建UICollectionView

4.设置delegate dataSource  并遵守协议(3个协议)

5.实现dataSource协议里面必须的两个方法

6.创建自定义的Cell类 在cell的初始化方法中把控件创建好

7.注册Cell

8.添加控制组数的协议方法 在dataSourceDelegate里面的第三个

9.添加控制Cell大小的方法

10.添加 行间距为0

11.让collectionView 上来就滚动到第2500组的第0个

12.添加timer 每隔2秒钟 执行一个jumpPage方法

13.在jumpPage方法中 获取当前显示的Cell的位置

14.在当前位置的基础上 让item+1  得到新位置  并让 collectionView滚动到新位置

15.实现scrollViewDelegate的协议方法 在开始拖动的时候 timer停止

16.在拖动结束的时候timer重新开始
 - (void)viewDidLoad {

    [super viewDidLoad];

    UICollectionViewFlowLayout *layout=[[UICollectionViewFlowLayout alloc]init];

    layout.scrollDirection=UICollectionViewScrollDirectionHorizontal;

    UICollectionView *cv=[[UICollectionView alloc]initWithFrame:CGRectMake(33, 33, 300, 100) collectionViewLayout:layout];

    cv.dataSource=self;

    cv.delegate=self;

    cv.pagingEnabled=YES;

    [self.view addSubview:cv];

    // 注册

    [cv registerClass:[myCollectionViewCell class] forCellWithReuseIdentifier:@"cell"];

    //  让collectionview开始时直接移动的位置

    [cv scrollToItemAtIndexPath:[NSIndexPath indexPathForItem:0 inSection:500] atScrollPosition:UICollectionViewScrollPositionLeft animated:YES];

 

蓝懿IOS学习UICollectionView实战轮播图

标签:

原文地址:http://www.cnblogs.com/lanyisanqqi/p/5125466.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!