您的位置：首页 > 产品设计 > UI/UE

蓝懿IOS学习UICollectionView实战轮播图

2016-01-12 20:04 495 查看

今天刘国斌老师讲了关于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];

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航