UIcollectionView 使用masonry自适应布局

灰太狼 2022-03-22 02:20 806阅读 0赞

UICollectionViewFlowLayout *flowlayout = [UICollectionViewFlowLayout new];
        self.collectionView = [[MyUICollectionView alloc] initWithFrame:CGRectZero collectionViewLayout:flowlayout];
        [self.view addSubview:self.collectionView];
        [self.collectionView addObserver:self forKeyPath:@"contentSize" options:0 context:NULL];
        [self.collectionView mas_makeConstraints:^(MASConstraintMaker *make) {
            make.left.right.mas_equalTo(self.view);
            make.top.mas_equalTo(self.view.mas_top).offset(ADAPT_W(100));
        }];
        self.collectionView.btnTitles = self.btnTitles;

#import <UIKit/UIKit.h>
    
    NS_ASSUME_NONNULL_BEGIN
    
    @interface MyCollectionViewCell : UICollectionViewCell
    @property (nonatomic,copy) NSString *titleStr;
    @end
    
    
    @interface MyUICollectionView : UICollectionView
    @property (nonatomic,strong)NSMutableArray *btnTitles;
    @end
    
    NS_ASSUME_NONNULL_END

#import "MyUICollectionView.h"
    #import "UIUtil.h"
    #import "UIColor+Hex.h"
    #import <Masonry/Masonry.h>
    
    @interface MyCollectionViewCell()
    @property (nonatomic,strong) UILabel *label;
    @end
    
    @implementation MyCollectionViewCell
    
    
    -(instancetype)initWithFrame:(CGRect)frame{
        if (self = [super initWithFrame:frame]) {
            [self setBackgroundColor:[UIColor greenColor]];
        }
        return self;
    }
    
    
    -(void)setTitleStr:(NSString *)titleStr{
        _titleStr = titleStr;
        self.label.text = titleStr;
    }
    
    -(UILabel*)label{
        
        if (!_label) {
            _label = [[UILabel alloc] initWithFrame:self.contentView.bounds];
            [self.contentView addSubview:_label];
            [_label setBackgroundColor:[UIColor colorWithHexString:@"#F5F5F5"]];
            _label.textColor = [UIColor colorWithHexString:@"#333333"];
            _label.font = [UIFont systemFontOfSize:13];
            _label.textAlignment = NSTextAlignmentCenter;
            _label.layer.cornerRadius = ADAPT_W(4);
            _label.layer.masksToBounds = YES;
            [_label mas_makeConstraints:^(MASConstraintMaker *make) {
                make.edges.mas_equalTo(UIEdgeInsetsMake(5, 10, 0, 20));
            }];
        }
        return _label;
        
    }
    
    @end
    
    
    
    
    @interface MyUICollectionView()<UICollectionViewDataSource, UICollectionViewDelegate, UICollectionViewDelegateFlowLayout>
    
    @end
    
    
    static NSString *CollectionViewCellReuseIdentifier = @"CollectionViewCellReuseIdentifier";
    
    @implementation MyUICollectionView
    
    -(instancetype)initWithFrame:(CGRect)frame collectionViewLayout:(UICollectionViewLayout *)layout{
        if (self = [super initWithFrame:frame collectionViewLayout:layout]) {
            self.delegate = self;
            self.dataSource = self;
            [self setBackgroundColor:[UIColor blueColor]];
            [self registerClass:[MyCollectionViewCell class] forCellWithReuseIdentifier:CollectionViewCellReuseIdentifier];
        }
        return self;
    }
    
    
    #pragma mark <UICollectionViewDelegateFlowLayout>
    /**
     * 改变Cell的尺寸
     */
    - (CGSize)collectionView: (UICollectionView *)collectionView
                      layout: (UICollectionViewLayout*)collectionViewLayout
      sizeForItemAtIndexPath: (NSIndexPath *)indexPath{
        
        return CGSizeMake(ADAPT_W(100), ADAPT_W(32));
        
    }
    
    //配置item的边距
    - (UIEdgeInsets)collectionView:(UICollectionView *)collectionView layout:(UICollectionViewLayout *)collectionViewLayout insetForSectionAtIndex:(NSInteger)section
    {
        return UIEdgeInsetsMake(ADAPT_W(10), ADAPT_W(10), ADAPT_W(10), ADAPT_W(10));
    }
    
    
    /**
     * Section中每个Cell的上下边距
     */
    - (CGFloat)collectionView: (UICollectionView *)collectionView
                       layout: (UICollectionViewLayout*)collectionViewLayout
    minimumLineSpacingForSectionAtIndex: (NSInteger)section{
        return  ADAPT_W(9);
    }
    
    /**
     * Section中每个Cell的左右边距
     */
    - (CGFloat)collectionView: (UICollectionView *)collectionView
                       layout: (UICollectionViewLayout*)collectionViewLayout
    minimumInteritemSpacingForSectionAtIndex: (NSInteger)section{
        return  ADAPT_W(2);
    }
    
    
    #pragma mark <UICollectionViewDelegate>
    - (void)collectionView:(UICollectionView *)collectionView didSelectItemAtIndexPath:(NSIndexPath *)indexPath{
        
        
        
    }
    #pragma mark <UICollectionViewDataSource>
    
    
    - (NSInteger)collectionView:(UICollectionView *)collectionView numberOfItemsInSection:(NSInteger)section{
    //    return self.modelArray.count;
        return self.btnTitles.count;
    }
    
    
    - (NSInteger)numberOfSectionsInCollectionView:(UICollectionView *)collectionView{
        return 1;
    }
    
    - (UICollectionViewCell *)collectionView:(UICollectionView *)collectionView cellForItemAtIndexPath:(NSIndexPath *)indexPath{
        //通过Cell重用标示符来获取Cell
        MyCollectionViewCell *cell = [collectionView dequeueReusableCellWithReuseIdentifier: CollectionViewCellReuseIdentifier
                                                                                         forIndexPath: indexPath];
        cell.titleStr = [self.btnTitles objectAtIndex:indexPath.row];
        return cell;
    }
    
    
    
    -(void)setBtnTitles:(NSMutableArray *)btnTitles{
        _btnTitles = [btnTitles copy];
        [self reloadData];
    }

[demo源码链接][demo]

[demo]: https://download.csdn.net/download/liuyinghui523/10937993