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

UICollectionView

2015-09-06 18:58 295 查看
// 创建collectView

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

// 设置item的大小
flowLaout.itemSize = CGSizeMake(180, 240);

// 设置section之间的间距
flowLaout.sectionInset = UIEdgeInsetsMake(0, 100, 100, 100);

// 设置头分区
flowLaout.headerReferenceSize = CGSizeMake(self.view.frame.size.width, 30);

// 设置脚分区
flowLaout.footerReferenceSize = CGSizeMake(self.view.frame.size.width, 100);

// item之间的间距
flowLaout.minimumInteritemSpacing = 10;

// item 行之间的间距
flowLaout.minimumLineSpacing = 30;

// 改变滑动方向


// flowLaout.scrollDirection = UICollectionViewScrollDirectionHorizontal;

// 创建collectionView(并用布局类对象初始化集合视图)
self.collectionView = [[UICollectionView alloc] initWithFrame:self.view.frame collectionViewLayout:flowLaout];


self.collectionView.backgroundColor = [UIColor orangeColor];

self.collectionView.delegate = self;
self.collectionView.dataSource = self;

// 给collectionView注册cell
[self.collectionView registerClass:[RootCollectionViewCell class] forCellWithReuseIdentifier:@"cellId"];

// 给collectionView注册头分区的id
[self.collectionView registerClass:[UICollectionReusableView class] forSupplementaryViewOfKind:UICollectionElementKindSectionHeader withReuseIdentifier:@"headerId"];

// 给collectionView注册脚分区的id
[self.collectionView registerClass:[UICollectionReusableView class] forSupplementaryViewOfKind:UICollectionElementKindSectionFooter withReuseIdentifier:@"footerId"];

[self.view addSubview:self.collectionView];


pragma mark - 返回头分区和脚分区

(UICollectionReusableView )collectionView:(UICollectionView )collectionView viewForSupplementaryElementOfKind:(NSString )kind atIndexPath:(NSIndexPath )indexPath

{

if ([kind isEqualToString:UICollectionElementKindSectionHeader]) {

UICollectionReusableView *view = [collectionView dequeueReusableSupplementaryViewOfKind:UICollectionElementKindSectionHeader withReuseIdentifier:@”headerId” forIndexPath:indexPath];

view.backgroundColor = [UIColor yellowColor];

return view;


} else {

UICollectionReusableView *view = [collectionView dequeueReusableSupplementaryViewOfKind:UICollectionElementKindSectionFooter withReuseIdentifier:@”footerId” forIndexPath:indexPath];

view.backgroundColor = [UIColor brownColor];

return view;


}

}

(NSInteger)numberOfSectionsInCollectionView:(UICollectionView *)collectionView

{

return 1;

}

(NSInteger)collectionView:(UICollectionView *)collectionView numberOfItemsInSection:(NSInteger)section

{

return self.urlsArray.count;

}

(UICollectionViewCell )collectionView:(UICollectionView )collectionView cellForItemAtIndexPath:(NSIndexPath *)indexPath

{

// RootCollectionViewCell 已经注册给collectionView了所以直接重用就行 , 如果没有.collectionView会自己来的创建,不用我们管创建过程

RootCollectionViewCell *cell = [collectionView dequeueReusableCellWithReuseIdentifier:@”cellId” forIndexPath:indexPath];

cell.label.text = [NSString stringWithFormat:@”贝爷的第%ld个小妾” , indexPath.row + 1];

NSString *urlString = self.urlsArray[indexPath.row];

cell.imageView.imageURL = [NSURL URLWithString:urlString];

// cell.backgroundColor = [UIColor cyanColor];

return cell;

}
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: