iOS 簡單的橫向多區(qū)自適應(yīng) UICollectionViewLayout

因為項目需求奠货,需要實現(xiàn)多區(qū)標(biāo)簽選擇,標(biāo)簽的長度還是不固定的座掘,網(wǎng)上沒有找到合適的递惋,所以自己研究了下自定義Layout,實現(xiàn)了多行分區(qū)不定寬高的CustomLayout溢陪,一下是代碼:
.h文件代碼

#import <UIKit/UIKit.h>

NS_ASSUME_NONNULL_BEGIN
@protocol SSLCollectionViewLayoutDelegate <NSObject>
@optional;
//如果注冊區(qū)頭萍虽,則必須實現(xiàn)改代理方法
-(CGFloat)heightOfSectionHeaderForIndexPath:(NSIndexPath *)indexPath;
//如果注冊區(qū)頭,則必須實現(xiàn)改代理方法
-(CGFloat)heightOfSectionFooterForIndexPath:(NSIndexPath *)indexPath;
//單元格返回寬度
- (CGFloat)collectionView:(UICollectionView *)collectionView wideForItemAtIndexPath:(NSIndexPath *)indexPath;
@end
@interface SSLCollectionViewLayout : UICollectionViewLayout
//item 的高度
@property (nonatomic,assign) CGFloat  itemHeight ;
//item左右的間距
@property (nonatomic,assign) CGFloat  itemLRSpace;
//區(qū)邊距
@property (nonatomic, assign) UIEdgeInsets sectionEdge;
@property (nonatomic, assign) CGFloat collectionViewWidth;
//item上下的間距
@property (nonatomic,assign) CGFloat  itemHVSpace;
@property (nonatomic, assign) id<SSLCollectionViewLayoutDelegate>delegate;
@end


NS_ASSUME_NONNULL_END

.m文件代碼

#import "SSLCollectionViewLayout.h"
#define SCREEN_WIDTH [UIScreen mainScreen].bounds.size.width
#define SCREEN_HEIGHT [UIScreen mainScreen].bounds.size.height
#define kBaseLine(a) (CGFloat)a * SCREEN_WIDTH / 375.0
@interface SSLCollectionViewLayout ()
@property (nonatomic, assign) CGFloat totalHeight; ///總高度
@property (nonatomic, assign) CGFloat itemX;//單元格的x
@property (nonatomic, strong) NSMutableArray *attrsArr; /// item布局屬性數(shù)組
@property (nonatomic, assign) NSInteger currentSection;
@end
@implementation SSLCollectionViewLayout
-(void)prepareLayout {
    [super prepareLayout];
    self.totalHeight = 0;
    NSMutableArray *attributesArr = [NSMutableArray array];
    NSInteger sectionCount = [self.collectionView numberOfSections];
    for (int i = 0; i < sectionCount; i++) {
        NSIndexPath *indexP = [NSIndexPath indexPathWithIndex:i];
        /// header布局
        if (self.delegate && [self.delegate respondsToSelector:@selector(heightOfSectionHeaderForIndexPath:)])
        {
            UICollectionViewLayoutAttributes *attr = [self layoutAttributesForSupplementaryViewOfKind:UICollectionElementKindSectionHeader atIndexPath:indexP];
            [attributesArr addObject:attr];
        }
        /// item布局
        if (self.delegate && [self.delegate respondsToSelector:@selector(collectionView: wideForItemAtIndexPath:)])
        {
            NSInteger itemCount = [self.collectionView numberOfItemsInSection:i];
            for (int j = 0; j < itemCount; j++) {
                NSIndexPath *indexPath = [NSIndexPath indexPathForItem:j inSection:i];
                UICollectionViewLayoutAttributes *attrs = [self layoutAttributesForItemAtIndexPath:indexPath];
                [attributesArr addObject:attrs];
            }
        }
        /// footer布局
        if (self.delegate && [self.delegate respondsToSelector:@selector(heightOfSectionFooterForIndexPath:)])
        {
            UICollectionViewLayoutAttributes *attr1 = [self layoutAttributesForSupplementaryViewOfKind:UICollectionElementKindSectionFooter atIndexPath:indexP];
            [attributesArr addObject:attr1];
        }
    }
    self.attrsArr = [NSMutableArray arrayWithArray:attributesArr];
}
/// contentSize
-(CGSize)collectionViewContentSize {
    return CGSizeMake(self.collectionView.bounds.size.width, self.totalHeight + self.sectionEdge.bottom);
}
-(UICollectionViewLayoutAttributes *)layoutAttributesForSupplementaryViewOfKind:(NSString *)elementKind atIndexPath:(NSIndexPath *)indexPath {
    UICollectionViewLayoutAttributes *layoutAttrs = [UICollectionViewLayoutAttributes layoutAttributesForSupplementaryViewOfKind:elementKind withIndexPath:indexPath];
    
    CGFloat height = 0;
    self.itemX = self.sectionEdge.left;
    
    if (elementKind == UICollectionElementKindSectionHeader) {
        if (layoutAttrs.indexPath.section >0)
        {
            self.totalHeight += self.itemHeight;
            self.totalHeight = self.totalHeight + self.sectionEdge.bottom;
        }
        
        CGFloat itemY = self.totalHeight;
        if (_delegate != nil && [_delegate respondsToSelector:@selector(heightOfSectionHeaderForIndexPath:)]) {
            height = [_delegate heightOfSectionHeaderForIndexPath:indexPath];
            self.totalHeight += height;
            layoutAttrs.frame = CGRectMake(0, itemY, self.collectionView.frame.size.width, height);
        }
        self.totalHeight = self.totalHeight + self.sectionEdge.top;
    } else {
        CGFloat itemY = self.totalHeight;
        if (_delegate != nil && [_delegate respondsToSelector:@selector(heightOfSectionFooterForIndexPath:)]) {
            height = [_delegate heightOfSectionFooterForIndexPath:indexPath];
            self.totalHeight += height;
            layoutAttrs.frame = CGRectMake(0, itemY, self.collectionView.frame.size.width, height);
        }
        
    }
    return layoutAttrs;
}

-(NSArray<UICollectionViewLayoutAttributes *> *)layoutAttributesForElementsInRect:(CGRect)rect{
    return self.attrsArr;
}
- (UICollectionViewLayoutAttributes *)layoutAttributesForItemAtIndexPath:(NSIndexPath *)indexPath {
    UICollectionViewLayoutAttributes *layoutAttributes = [UICollectionViewLayoutAttributes layoutAttributesForCellWithIndexPath:indexPath];
    
    CGFloat W = 30+ arc4random_uniform(50);
    
    
    if ([self.delegate respondsToSelector:@selector(collectionView:wideForItemAtIndexPath:)])
    {
        W = [self.delegate collectionView:self.collectionView wideForItemAtIndexPath:indexPath];
    }
    
    if (self.itemX + W > self.collectionView.frame.size.width - self.sectionEdge.left - self.sectionEdge.right)
    {
        self.totalHeight = self.totalHeight + self.itemHeight + self.itemHVSpace;
        self.itemX = self.sectionEdge.left;
        
    }
   CGFloat itemY = self.totalHeight;
    layoutAttributes.frame = CGRectMake(self.itemX, itemY , W, self.itemHeight);
    self.itemX = self.itemX + W + self.itemLRSpace;
    
    return layoutAttributes;
}

@end


有出現(xiàn)問題的請聯(lián)系我形真,歡迎關(guān)注杉编、點贊、溝通

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末咆霜,一起剝皮案震驚了整個濱河市邓馒,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌蛾坯,老刑警劉巖光酣,帶你破解...
    沈念sama閱讀 210,978評論 6 490
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異脉课,居然都是意外死亡救军,警方通過查閱死者的電腦和手機改览,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 89,954評論 2 384
  • 文/潘曉璐 我一進店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來缤言,“玉大人宝当,你說我怎么就攤上這事〉ㄏ簦” “怎么了庆揩?”我有些...
    開封第一講書人閱讀 156,623評論 0 345
  • 文/不壞的土叔 我叫張陵,是天一觀的道長跌穗。 經(jīng)常有香客問我订晌,道長,這世上最難降的妖魔是什么蚌吸? 我笑而不...
    開封第一講書人閱讀 56,324評論 1 282
  • 正文 為了忘掉前任锈拨,我火速辦了婚禮,結(jié)果婚禮上羹唠,老公的妹妹穿的比我還像新娘奕枢。我一直安慰自己,他們只是感情好佩微,可當(dāng)我...
    茶點故事閱讀 65,390評論 5 384
  • 文/花漫 我一把揭開白布缝彬。 她就那樣靜靜地躺著,像睡著了一般哺眯。 火紅的嫁衣襯著肌膚如雪谷浅。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 49,741評論 1 289
  • 那天奶卓,我揣著相機與錄音一疯,去河邊找鬼。 笑死夺姑,一個胖子當(dāng)著我的面吹牛墩邀,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播瑟幕,決...
    沈念sama閱讀 38,892評論 3 405
  • 文/蒼蘭香墨 我猛地睜開眼磕蒲,長吁一口氣:“原來是場噩夢啊……” “哼留潦!你這毒婦竟也來了只盹?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 37,655評論 0 266
  • 序言:老撾萬榮一對情侶失蹤兔院,失蹤者是張志新(化名)和其女友劉穎殖卑,沒想到半個月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體坊萝,經(jīng)...
    沈念sama閱讀 44,104評論 1 303
  • 正文 獨居荒郊野嶺守林人離奇死亡孵稽,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 36,451評論 2 325
  • 正文 我和宋清朗相戀三年许起,在試婚紗的時候發(fā)現(xiàn)自己被綠了。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片菩鲜。...
    茶點故事閱讀 38,569評論 1 340
  • 序言:一個原本活蹦亂跳的男人離奇死亡园细,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出接校,到底是詐尸還是另有隱情猛频,我是刑警寧澤,帶...
    沈念sama閱讀 34,254評論 4 328
  • 正文 年R本政府宣布蛛勉,位于F島的核電站鹿寻,受9級特大地震影響,放射性物質(zhì)發(fā)生泄漏诽凌。R本人自食惡果不足惜毡熏,卻給世界環(huán)境...
    茶點故事閱讀 39,834評論 3 312
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望侣诵。 院中可真熱鬧痢法,春花似錦、人聲如沸杜顺。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,725評論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽哑舒。三九已至妇拯,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間洗鸵,已是汗流浹背越锈。 一陣腳步聲響...
    開封第一講書人閱讀 31,950評論 1 264
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留膘滨,地道東北人甘凭。 一個月前我還...
    沈念sama閱讀 46,260評論 2 360
  • 正文 我出身青樓,卻偏偏與公主長得像火邓,于是被迫代替她去往敵國和親丹弱。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點故事閱讀 43,446評論 2 348

推薦閱讀更多精彩內(nèi)容

  • 1铲咨、通過CocoaPods安裝項目名稱項目信息 AFNetworking網(wǎng)絡(luò)請求組件 FMDB本地數(shù)據(jù)庫組件 SD...
    陽明先生_X自主閱讀 15,969評論 3 119
  • 二零一八年 四月二十四 這兩天手機出了點問題躲胳,東西都刪了,這是昨天聽的課記錄在備忘錄里纤勒。一天也不能少坯苹。 重要的11...
    子小木又同學(xué)閱讀 181評論 2 1
  • 母親皈依了,她自己說她降服不了自己內(nèi)心的恨摇天,她也無法好好教育引導(dǎo)我們粹湃,母親已經(jīng)六十多了恐仑,而我也四十歲了,小妹...
    袁大錢閱讀 260評論 1 0
  • 沿著天空的邊緣上升 穿越密林深處的險徑 孤獨不可避免 你早已知曉为鳄,那里空無所有 春天也不過是繁花一場 幾只燕子呢喃...
    2fdec78480d5閱讀 193評論 0 0