UICollectionView详解:5-自定义Cell

与UITableViewCell不同,UICollectionViewCell中默认情况下没有什么附带的控件,因此,如果在开发中使用到CollectionView,100%都需要定制。

1、新建自定义UICollectionViewCell类

添加控件:根据项目开发的需要,设计界面;

UICollectionView详解:5-自定义Cell_第1张图片

设置自动布局约束:由于需要适配多种尺寸的屏幕,所以在添加约束时,尽量不要设置子控件的绝对高度和宽度,否则当屏幕尺寸不同时,会影响显示效果。尽量设置边距约束。

UICollectionView详解:5-自定义Cell_第2张图片

连线,添加属性:把自定义Cell中的控件,连线到.h文件中,以便提供数据源。

#import

@interfaceMYCollectionCell:UICollectionViewCell

@property(weak,nonatomic)IBOutletUIImageView*photoImageView;

@property(weak,nonatomic)IBOutletUILabel*label;

@end

2、设置Cell的数据源

在cellForItemAtIndexPath:方法中,设置Cell的UI控件数据源。

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

MYCollectionCell*cell=[collectionView dequeueReusableCellWithReuseIdentifier:cellID forIndexPath:indexPath];

cell.backgroundColor=[UIColoryellowColor];

cell.photoImageView.image=[UIImageimageNamed:@"photo"];

cell.label.text=[NSStringstringWithFormat:@"%d-%d",indexPath.section,indexPath.row];

returncell;

}

你可能感兴趣的:(UICollectionView详解:5-自定义Cell)