UICollectionView的使用方法

最新推荐文章于 2020-07-24 10:42:06 发布

星光系子

最新推荐文章于 2020-07-24 10:42:06 发布

阅读量257

点赞数

文章标签：布局 UICollectionView

本文链接：https://blog.csdn.net/u014264666/article/details/51659258

版权

在项目开发中，我们经常需要实现一些特殊的排列方式，并且对于其排列方式还经常需要有更换的需求，UICollectionView可以满足我们。看看该怎么实现吧。

1.UICollectionView和UITableView是很类似的，包括其代理方法。在collectionView中，没有行的概念，只有section和item的概念，当我们想实现某种排列方式的collectionView时，我们需要先实现一种排列方式（layout），我们先创建一个继承于UICollectionViewLayout的类，然后重写这个类的三个方法：

- (void)prepareLayout：

这个方法是比较重要的，也是比较核心的（个人认为），因为在这个方法里面我们需要设置所有需要展示出来的item的位置和大小，例子：

- (void)prepareLayout

{

_rect = [UIScreen mainScreen].bounds;

_allLayoutAttributes = [NSMutableArray arrayWithCapacity:0];

long items = [self.collectionView numberOfItemsInSection:0];

for (int i = 0; i < items; i ++) {

NSIndexPath* indexPath = [NSIndexPath indexPathForItem:i inSection:0];

UICollectionViewLayoutAttributes* attributes = [UICollectionViewLayoutAttributes layoutAttributesForCellWithIndexPath:indexPath];

[_allLayoutAttributes addObject:attributes];

if (i == 0) {

attributes.frame = CGRectMake(0, 0, _rect.size.width, (_rect.size.height - 68) * 0.25);

_height = CGRectGetMaxY(attributes.frame);

}else{

if ((i % 2) == 1) {

attributes.frame = CGRectMake(0, _height + 0.5, _rect.size.width / 2.0 - 0.25, (_rect.size.height - 68 - 1.5) * 0.25);

// _height = CGRectGetMaxY(attributes.frame);

}else{

attributes.frame = CGRectMake(_rect.size.width / 2.0 + 0.5, _height + 0.5, _rect.size.width / 2.0 - 0.25, (_rect.size.height - 68 - 1.5) * 0.25);

_height = CGRectGetMaxY(attributes.frame);

}

- (CGSize)collectionViewContentSize：

这个方法是用来返回collectionView可滑动的范围的，例子：

//返回UICollectionView可滑动区域

- (CGSize)collectionViewContentSize {

//如果高度为0.collectionView不能滑动

_height = _height == 0 ? self.collectionView.bounds.size.height + 1 : _height;

return CGSizeMake(CGRectGetWidth(self.collectionView.bounds), _height);

}

- (NSArray* )layoutAttributesForElementsInRect:(CGRect)rect：

这个方法是用来返回所有rect范围内的item的layoutAttributes，例子：

//返回Rect区域内需要显示的item的layoutAttributes

- (NSArray* )layoutAttributesForElementsInRect:(CGRect)rect {

NSLog(@"%@", NSStringFromCGRect(rect));

NSMutableArray* layoutAttributes = [[NSMutableArray alloc] initWithCapacity:0];

//遍历全的item位置,判断item的frame和rect是否相交,有重合的地方,如果有,就放入数组,返回

for (UICollectionViewLayoutAttributes* attributes in _allLayoutAttributes) {

//判断两个矩形是否相交

if (CGRectIntersectsRect(attributes.frame, rect)) {

[layoutAttributes addObject:attributes];

}

return layoutAttributes;

}

在controller中的ViewDidLoad方法中创建UICollectionView，创建过程中需要一个layout，加上我们上面创建的就好了，同样collectionView需要实现两个代理方法 < UICollectionViewDelegate , UICollectionViewDataSource >

例子：

- (void)viewDidLoad {

[super viewDidLoad];

// Do any additional setup after loading the view from its nib.

[super initLeftBarButtonItemAndWithTitle:BLOOD_P_NAME];

//创建collectionView

self.collectionView = [[UICollectionView alloc] initWithFrame:CGRectMake(0, 0, mainWidth, mainHeight - 68) collectionViewLayout:[[BloodBannerLayout alloc]init]];