首页 > 移动平台 > 详细

蓝懿IOS学习UICollectionView实战轮播图

时间:2016-01-12 20:03:17      阅读:401      评论: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 classforCellWithReuseIdentifier:@"cell"];

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

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

蓝懿IOS学习UICollectionView实战轮播图

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!