分组的自定义流布局方法二

wjymark wjymark 博客等级 墨衍会员 · AI 创作全网分发 墨衍智能分发 本文由作者通过墨衍一键同步至各平台 1分发平台 600+累计阅读 691平均单平台 已同步平台 优快云 微信公众号 微博 知乎 掘金 百家号 博客园 抖音 小红书 你的文章也可以这样分发 墨衍会员 ¥399起/年，写一次发全网 我也要 码龄10年
关注
原创 最新推荐文章于 2026-09-02 13:12:52 发布 691 阅读 AI 写同款· GEO 优化 ›
分组列表设计与实现：StickyHeaders-RecyclerView进阶应用 RecyclerView是Android平台上处理列表数据的强大工具，它通过灵活的Adapter模式，可以展示不同类型的视图。作为ListView的改进版，RecyclerView解决了众多性能问题，并提供了更多高级特性。分组列表是一种常见的用户界面元素，通常用于展示大量信息数据，使用户能够按类别浏览。例如，通讯录应用中的联系人列表，通常会根据首字母进行分组，以便用户可以快速定位到某个特定联系人的位置。 阅读详情

上次介绍了分组自定义流布局方法一，这次介绍方法二，这次的主要思路是在layout里直接解决。好了废话不多说，直接上代码。

.h文件中：

#import <UIKit/UIKit.h>


@protocol JYCollectionViewFlowLayoutDelegate <UICollectionViewDelegateFlowLayout>

@optional


-(UIEdgeInsets)collectionView:(UICollectionView *)collectionView layout:(UICollectionViewLayout *)collectionViewLayout insetForSectionAtIndex:(NSInteger)section;

- (CGFloat)collectionView:(UICollectionView *)collectionView layout:(UICollectionViewLayout *)collectionViewLayout heightForHeaderInSection:(NSInteger)section;

- (CGFloat)collectionView:(UICollectionView *)collectionView layout:(UICollectionViewLayout *)collectionViewLayout heightForFooterInSection:(NSInteger)section;


@end

@interface JYCollectionViewFlowLayout :UICollectionViewFlowLayout

@property (nonatomic,weak) id<JYCollectionViewFlowLayoutDelegate> delegate;

@property (nonatomic,assign) CGFloat headerHeight;// default 0

@property (nonatomic,assign) CGFloat footerHeight;// default 0

@end

.m文件中：

#import "JYCollectionViewFlowLayout.h"

#define WIDTH self.collectionView.frame.size.width

@interface JYCollectionViewFlowLayout ()


@property(nonatomic,strong)NSArray <UICollectionViewLayoutAttributes *> *itemsAttributes;

@property (nonatomic,assign) CGFloat contentHeight;

@property (nonatomic,strong) NSMutableArray *supplementaryAttributes;

@end

@implementation JYCollectionViewFlowLayout

-(instancetype)init{

    if (self = [superinit]) {

        self.minimumLineSpacing =0;

        self.minimumInteritemSpacing =0;

        _supplementaryAttributes = [[NSMutableArrayalloc]init];

    }

    returnself;

}

-(void)prepareLayout{

    NSInteger countSection = [self.collectionViewnumberOfSections];

    

    //创建一个临时可变数组暂时盛放布局

    NSMutableArray *arr=[[NSMutableArrayalloc]init];

    for (NSInteger section =0; section < countSection; section++) {//

        NSInteger count = [self.collectionViewnumberOfItemsInSection:section];

    //这个属性，这里暂时用不到

//        CGFloat minimumInteritemSpacing = [self minimumInteritemSpacingForSection:section];

//        CGFloat minimumLineSpacing = [self minimumLineSpacingForSection:section];

        UIEdgeInsets sectionInset = [selfsectionInsetForSection:section];

        CGFloat headerHeight = [selfheaderHeightForSection:section];

        CGFloat footerHeight = [selffooterHeightForSection:section];

        

        self.contentHeight += sectionInset.top;

        NSMutableDictionary *supplementary = [[NSMutableDictionaryalloc] initWithCapacity:2];

        UICollectionViewLayoutAttributes *attributes = [UICollectionViewLayoutAttributeslayoutAttributesForSupplementaryViewOfKind:UICollectionElementKindSectionHeaderwithIndexPath:[NSIndexPathindexPathForItem:0inSection:section]];

        

        attributes.frame =CGRectMake(0,self.contentHeight,self.collectionView.frame.size.width, headerHeight);

        self.contentHeight += headerHeight;

        [arr addObject:attributes];

        [supplementary setObject:attributesforKey:UICollectionElementKindSectionHeader];

        

        

        for (NSInteger row =0; row<count; row++) {

            //创建布局属性

            UICollectionViewLayoutAttributes *att = [UICollectionViewLayoutAttributeslayoutAttributesForCellWithIndexPath:[NSIndexPathindexPathForItem:rowinSection:section]];

            CGRect itemFrame;

            switch (count) {

                case1:

                    itemFrame = [selfimagesOfOneWith:row];

                    break;

                case2:

                    itemFrame = [selfimagesOfTwoWith:row];

                    break;

                case3:

                    itemFrame = [selfimagesOfThreeWith:row];

                    break;

                case4:

                    itemFrame = [selfimagesOfFourWith:row];

                    break;

                case5:

                    itemFrame = [selfimagesOfFiveWith:row];

                    break;

                case6:

                    itemFrame = [selfimagesOfSixWith:row];

                    break;

                case7:

                    itemFrame = [selfimagesOfSevenWith:row];

                    break;

                case8:

                    itemFrame = [selfimagesOfEightWith:row];

                    break;

                case9:

                    itemFrame = [selfimagesOfNineWith:row];

                    break;

                case10:

                    itemFrame = [selfimagesOfTenWith:row];

                    break;

                default:

                    break;

            }

            CGRect rect = itemFrame;

            att.frame =CGRectMake(rect.origin.x, rect.origin.y+self.contentHeight, rect.size.width, rect.size.height);

            [arr addObject:att];

        }

        switch (count) {

            case1:

                self.contentHeight+=WIDTH/2;

                break;

            case2:

                self.contentHeight+=WIDTH/2;

                break;

            case3:

                self.contentHeight+=WIDTH;

                break;

            case4:

                self.contentHeight+=WIDTH*5/6;

                break;

            case5:

                self.contentHeight+=WIDTH*7/6;

                break;

            case6:

                self.contentHeight+=WIDTH;

                break;

            case7:

                self.contentHeight+=WIDTH*7/6;

                break;

            case8:

                self.contentHeight+=WIDTH*7/6;

                break;

            case9:

                self.contentHeight+=WIDTH;

                break;

            case10:

                self.contentHeight+=WIDTH;

                break;

            default:

                break;

        }

        UICollectionViewLayoutAttributes *attributes1 = [UICollectionViewLayoutAttributeslayoutAttributesForSupplementaryViewOfKind:UICollectionElementKindSectionFooterwithIndexPath:[NSIndexPathindexPathForItem:0inSection:section]];

        attributes1.frame =CGRectMake(0,self.contentHeight,self.collectionView.frame.size.width, footerHeight);

        self.contentHeight +=footerHeight;

        [arr addObject:attributes1];

        [supplementary setObject:attributes1forKey:UICollectionElementKindSectionFooter];

        [self.supplementaryAttributesaddObject:supplementary];

        self.contentHeight += sectionInset.bottom;

//        self.contentHeight += minimumLineSpacing;

    }


    self.itemsAttributes = [arrcopy];

}


- (CGSize)collectionViewContentSize

{

    returnCGSizeMake(self.collectionView.frame.size.width,self.contentHeight);

}


- (nullableNSArray<__kindofUICollectionViewLayoutAttributes *> *)layoutAttributesForElementsInRect:(CGRect)rect

{

    NSPredicate *pred = [NSPredicatepredicateWithBlock:^BOOL(UICollectionViewLayoutAttributes *evaluatedObject,NSDictionary<NSString *,id> *_Nullable bindings) {

        returnCGRectIntersectsRect(rect, evaluatedObject.frame);

    }];

    NSArray *arr = [self.itemsAttributesfilteredArrayUsingPredicate:pred];

    return arr;

    returnself.itemsAttributes;

}

- (UICollectionViewLayoutAttributes *)layoutAttributesForSupplementaryViewOfKind:(NSString *)kind atIndexPath:(NSIndexPath *)indexPath

{

    returnself.supplementaryAttributes[indexPath.section][kind];

}

#pragma mark-不同数量的布局

-(CGRect)imagesOfOneWith:(NSInteger)row{

    returnCGRectMake(0,0, WIDTH,WIDTH/2);

}



-(CGRect)imagesOfTwoWith:(NSInteger)row{

    CGFloat _w =WIDTH/2;

    CGRect itemFrame;

    switch (row) {

        case0:

            itemFrame = CGRectMake(0,0, _w, WIDTH/2);

            break;

        case1:

            itemFrame = CGRectMake(_w,0, _w, WIDTH/2);

            break;

        default:

            break;

    }

    return itemFrame;

}


-(CGRect)imagesOfThreeWith:(NSInteger)row{

    CGFloat bigH =WIDTH/2;

    CGFloat smallH = bigH;

    CGFloat smallW =WIDTH/2;

    CGRect itemFrame;

    switch (row) {

        case0:

            itemFrame = CGRectMake(0,0, WIDTH, bigH);

            break;

        case1:

            itemFrame = CGRectMake(0, bigH, smallW, smallH);

            break;

        case2:

            itemFrame = CGRectMake(smallW, bigH, smallW, smallH);

            break;

        default:

            break;

    }

    return itemFrame;

}


-(CGRect)imagesOfFourWith:(NSInteger)row{

    CGFloat bigH =WIDTH/2;

    CGFloat smallW =WIDTH/3;

    CGRect itemFrame;

    switch (row) {

        case0:

            itemFrame = CGRectMake(0,0, WIDTH, bigH);

            break;

        case1:

            itemFrame = CGRectMake(0, bigH, smallW, smallW);

            break;

        case2:

            itemFrame = CGRectMake(smallW, bigH, smallW, smallW);

            break;

        case3:

            itemFrame = CGRectMake(smallW*2, bigH, smallW, smallW);

            break;

        default:

            break;

    }

    return itemFrame;

}


-(CGRect)imagesOfFiveWith:(NSInteger)row{

    CGFloat rightW =WIDTH/3;

    CGFloat bigH = rightW *2;

    CGFloat downW =WIDTH/2;

    CGRect itemFrame;

    switch (row) {

        case0:

            itemFrame = CGRectMake(0,0, bigH, bigH);

            break;

        case1:

            itemFrame = CGRectMake(bigH,0, rightW, rightW);

            break;

        case2:

            itemFrame = CGRectMake(bigH, rightW, rightW, rightW);

            break;

        case3:

            itemFrame = CGRectMake(0, bigH, downW, downW);

            break;

        case4:

            itemFrame = CGRectMake(downW, bigH, downW, downW);

            break;

        default:

            break;

    }

    return itemFrame;

}


-(CGRect)imagesOfSixWith:(NSInteger)row{

    CGFloat small =WIDTH/3;

    CGFloat bigH = small *2;

    CGRect itemFrame;

    switch (row) {

        case0:

            itemFrame = CGRectMake(0,0, bigH, bigH);

            break;

        case1:

            itemFrame = CGRectMake(bigH,0, small, small);

            break;

        case2:

            itemFrame = CGRectMake(bigH, small, small, small);

            break;

        case3:

            itemFrame = CGRectMake(0, bigH, small, small);

            break;

        case4:

            itemFrame = CGRectMake(small, bigH, small, small);

            break;

        case5:

            itemFrame = CGRectMake(small*2, bigH, small, small);

            break;

        default:

            break;

    }

    return itemFrame;

}


-(CGRect)imagesOfSevenWith:(NSInteger)row{

    CGFloat bigH =WIDTH/2;

    CGFloat small =WIDTH/3;

    CGRect itemFrame;

    switch (row) {

        case0:

            itemFrame = CGRectMake(0,0, WIDTH, bigH);

            break;

        case1:

            itemFrame = CGRectMake(0, bigH, small, small);

            break;

        case2:

            itemFrame = CGRectMake(small, bigH, small, small);

            break;

        case3:

            itemFrame = CGRectMake(small*2, bigH, small, small);

            break;

        case4:

            itemFrame = CGRectMake(0, bigH+small, small, small);

            break;

        case5:

            itemFrame = CGRectMake(small, bigH+small, small, small);

            break;

        case6:

            itemFrame = CGRectMake(small*2, bigH+small, small, small);

            break;

        default:

            break;

    }

    return itemFrame;

}


-(CGRect)imagesOfEightWith:(NSInteger)row{

    CGFloat bigH =WIDTH/2;

    CGFloat small =WIDTH/3;

    CGRect itemFrame;

    switch (row) {

        case0:

            itemFrame = CGRectMake(0,0, bigH, bigH);

            break;

        case1:

            itemFrame = CGRectMake(bigH,0, bigH, bigH);

            break;

        case2:

            itemFrame = CGRectMake(0, bigH, small, small);

            break;

        case3:

            itemFrame = CGRectMake(small, bigH, small, small);

            break;

        case4:

            itemFrame = CGRectMake(small*2, bigH, small, small);

            break;

        case5:

            itemFrame = CGRectMake(0, bigH+small, small, small);

            break;

        case6:

            itemFrame = CGRectMake(small, bigH+small, small, small);

            break;

        case7:

            itemFrame = CGRectMake(small*2, bigH+small, small, small);

            break;

        default:

            break;

    }

    return itemFrame;

}


-(CGRect)imagesOfNineWith:(NSInteger)row{

    CGFloat bigH =WIDTH/2;

    CGFloat small =WIDTH/4;

    CGRect itemFrame;

    switch (row) {

        case0:

            itemFrame = CGRectMake(0,0, WIDTH, bigH);

            break;

        case1:

            itemFrame = CGRectMake(0, bigH, small, small);

            break;

        case2:

            itemFrame = CGRectMake(small, bigH, small, small);

            break;

        case3:

            itemFrame = CGRectMake(small*2, bigH, small, small);

            break;

        case4:

            itemFrame = CGRectMake(small*3, bigH, small, small);

            break;

        case5:

            itemFrame = CGRectMake(0, bigH+small, small, small);

            break;

        case6:

            itemFrame = CGRectMake(small, bigH+small, small, small);

            break;

        case7:

            itemFrame = CGRectMake(small*2, bigH+small, small, small);

            break;

        case8:

            itemFrame = CGRectMake(small*3, bigH+small, small, small);

            break;

        default:

            break;

    }

    return itemFrame;

}

-(CGRect)imagesOfTenWith:(NSInteger)row{

    CGFloat bigH =WIDTH/2;

    CGFloat small =WIDTH/4;

    CGRect itemFrame;

    switch (row) {

        case0:

            itemFrame = CGRectMake(0,0, bigH, bigH);

            break;

        case1:

            itemFrame = CGRectMake(bigH,0, bigH, bigH);

            break;

        case2:

            itemFrame = CGRectMake(0, bigH, small, small);

            break;

        case3:

            itemFrame = CGRectMake(small, bigH, small, small);

            break;

        case4:

            itemFrame = CGRectMake(small*2, bigH, small, small);

            break;

        case5:

            itemFrame = CGRectMake(small*3, bigH, small, small);

            break;

        case6:

            itemFrame = CGRectMake(0, bigH+small, small, small);

            break;

        case7:

            itemFrame = CGRectMake(small, bigH+small, small, small);

            break;

        case8:

            itemFrame = CGRectMake(small*2, bigH+small, small, small);

            break;

        case9:

            itemFrame = CGRectMake(small*3, bigH+small, small, small);

            break;

        default:

            break;

    }

    return itemFrame;

}

#pragma mark -

- (CGFloat)headerHeightForSection:(NSInteger)section

{

    if ([self.delegaterespondsToSelector:@selector(collectionView:layout:heightForHeaderInSection:)]) {

        self.headerHeight = [self.delegatecollectionView:self.collectionViewlayout:selfheightForHeaderInSection:section];

    }

    

    returnself.headerHeight;

}

- (CGFloat)footerHeightForSection:(NSInteger)section

{

    if ([self.delegaterespondsToSelector:@selector(collectionView:layout:heightForFooterInSection:)]) {

        self.footerHeight = [self.delegatecollectionView:self.collectionViewlayout:selfheightForFooterInSection:section];

    }

    

    returnself.footerHeight;

}

- (UIEdgeInsets)sectionInsetForSection:(NSInteger)section

{

    if ([self.delegaterespondsToSelector:@selector(collectionView:layout:insetForSectionAtIndex:)]) {

        self.sectionInset = [self.delegatecollectionView:self.collectionViewlayout:selfinsetForSectionAtIndex:section];

    }

    

    returnself.sectionInset;

}

#pragma mark -这个demo里面用不到，这里先先写上

- (CGFloat)minimumLineSpacingForSection:(NSInteger)section

{

    if ([self.delegaterespondsToSelector:@selector(collectionView:layout:minimumLineSpacingForSectionAtIndex:)]) {

        self.minimumLineSpacing = [self.delegatecollectionView:self.collectionViewlayout:selfminimumLineSpacingForSectionAtIndex:section];

    }

    

    returnself.minimumLineSpacing;

}

- (CGFloat)minimumInteritemSpacingForSection:(NSInteger)section

{

    if ([self.delegaterespondsToSelector:@selector(collectionView:layout:minimumInteritemSpacingForSectionAtIndex:)]) {

        self.minimumInteritemSpacing = [self.delegatecollectionView:self.collectionViewlayout:selfminimumInteritemSpacingForSectionAtIndex:section];

    }

    

    returnself.minimumInteritemSpacing;

}

@end

下面是效果图：


下面是下载地址：https://github.com/markwangjy/SectionCollectionView_two.git

谢谢大家阅读，我是ios_mark  qq：1124728522  欢迎大家多多批评指正。




收录于
iOS开发

当前文章被收录于：

iOS开发
4 篇文章 0 人学习
订阅专栏 查看详情
标签
#UICollectionView #ios #ios开发 #布局
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
ABAP动态填充Word模板：基于cl_docx_document的XML替换方案 本文详细介绍了ABAP中基于cl_docx_document类的动态Word模板填充方案。该方案通过直接操作DOCX文件的XML核心，完美解决了传统OLE/DOI方法在格式保真、性能和后台运行方面的痛点，是实现复杂、批量Word文档生成的优雅解决方案。 阅读详情

相关推荐

ISCC练习题MISC

解题技巧：看最后括号应该是IceCTF，先用了一键解码啥也没有啊，不对不对！好像是字符频率统计，转换网站：http://quipqiup.com/有人给你发了一串信息，你能解开吗？

m0_62737381的博客 1119

iOS开发实战——CollectionView中cell的间距设置

2019独角兽企业重金招聘Python工程师标准>>> ...

weixin_34413357的博客 1549

使用模拟工具Modbus poll 和PLC 通讯

使用模拟工具Modbus poll 和PLC 通讯 简介 Modbus Poll 是一个模拟Modbus 主站的工具。不用在现场调试，在家也能使用，方便快捷的调试验证程序。使用它可以和PLC进行Modbus TCP /RTU 通讯等功能，接下来为大家介绍使用Modbus Poll 和 PLC 进行 Modbus TCP 通讯。 组态PLC PLC作为我们的从站和Modbus Poll 通讯，那我们组态一个PLC。 创建通信DB 创建一个DB块，在数据类型处输入：TCON_IP_V4

weixin_61398412的博客 1万+

UICollectionView的使用（补充）——大小间距

1、行间距 示例代码 1）协议方法实现 - (CGFloat)collectionView:(UICollectionView *)collectionView layout:(UICollectionViewLayout*)collectionViewLayout minimumLineSpacingForSectionAtIndex:(NSInteger)section { retu...

番薯大佬的专栏 904

解决mamba_ssm库安装难题：两种高效方法详解

本文详细解析了mamba_ssm库安装失败的常见原因，并提供了两种高效的解决方案。针对其依赖C++/CUDA扩展编译的特性，文章手把手指导用户通过GitHub克隆源码编译安装，或寻找匹配的预编译Wheel文件直接安装，帮助开发者彻底解决环境配置难题，顺利部署Mamba模型。

weixin_29056865的博客 554

【墨者学院 】uWSGI 漏洞复现（CVE-2018-7490）

0x01 漏洞详情 uWSGI是一款Web应用程序服务器，它实现了WSGI、uwsgi和http等协议。 uWSGI 2.0.17之前版本中存在路径遍历漏洞，该漏洞源于程序没有正确的处理DOCUMENT_ROOT检测。攻击者可通过发送带有‘…’序列的特制URL请求利用该漏洞查看系统上的任意文件。 uWSGI 2.0.17之前版本中存在路径遍历漏洞，该漏洞源于程序没有正确的处理DOCUMENT_RO...

Summer's blog 1万+

iOS UIKit：CollectionView之布局（2）

Collection view使用UICollectionViewFlowLayout对象来管理section中的cell，该对象是一种流布局方式，即在collection view中的section之间默认是往垂直方向分布，但在section中的cell则是往水平方向排列，若在一行中没有足够的空间容纳section的所有cell，则将剩下的cell放在下一行，如图 3...

a567676的博客 297

Python爬虫实战：巧用HEAD请求和Cookie令牌绕过沃尔玛反爬（附完整代码）

本文详细介绍了如何利用Python爬虫技术，通过HEAD请求和Cookie令牌绕过沃尔玛的反爬机制。文章深入解析了人机验证系统的运作原理，并提供了完整的工程化实现代码，包括令牌池设计、高并发架构和异常处理策略，帮助开发者高效采集电商数据。

weixin_29046035的博客 1007

iOS开发64-UICollectionView设置间距的技巧

iOS开发64-UICollectionView设置间距的技巧 有时候设置UICollectionView的cell间距总是不满意，慢慢才搞明白如何设置具体的间距。弄清楚下面的方法非常有用。 //定义每个Cell的大小 -(CGSize)collectionView:(UICollectionView *)collectionView layout:(UICollectionViewLa

Pandakingli的博客 2万+

1.triton镜像使用

1）拉取镜像2）启动容器指定模型仓库时可以执行server下的./fetch_model.sh,见2.2部分GPU版本的启动CPU版本的启动区别只在于--gpus=1这个参数注意：docker19.03之前的版本使用gpu要指定显卡硬件名，docker19.03之后的需要安装nvidia-container-toolkit或nvidia-container-runtime安装之后要重启docker查看gpus参数是否安装成功重新执行我遇到了如下错误先使用非GPU版本的。

天启的博客 2077

ADS 使用教程（一）Workspace, Library and Cell

简要介绍ADS的基本内容

Dirge19的博客 6613

ios UICollectionViewController集合视图（三）

流式布局 由UICollectionViewFlowLayout类所提供的流式布局会在应用程序里创建出网格状的界面。他们有一些内置的属性，开发者既可以直接设置这些属性，也可以通过委托回调来提供属性的值。这些属性用来指定布局对象应该如何配置自己，才能把各条目适当的显示在屏幕上面。从最简单的角度来说，这些布局属性可以看作一份与几何特征有关的字典，他们描述了行间、缩进，以及条目之间的留白等特性。 1

ChasingDreamsCoder的博客 792

基于聚类特征工程的水果销量预测：聚类算法对比与多模型评估

水果销量预测研究：聚类分群与多模型对比 摘要 本研究提出了一种融合聚类分析与机器学习的水果销量预测方法。基于包含12个维度的销售数据集，首先采用K-Means、BIRCH和DBSCAN三种聚类算法对水果品类进行分群，通过轮廓系数等指标评估显示BIRCH算法表现最优（0.387）。随后针对不同群组构建差异化特征工程，并比较XGBoost、LightGBM和LSTM三种预测模型性能。实验结果表明：基于聚类特征工程的LightGBM模型预测效果最佳（RMSE=2.34，R²=0.87）.

huanghm88的专栏 137

分组的自定义流布局方法一

谢谢大家阅读，我是ios_mark qq：1124728522 欢迎大家多多批评指正。demo下载地址：https://github.com/markwangjy/SectionCollectionView.git

iOS_mark的博客 1092

计算机控制技术及应用

《计算机控制技术及应用》通过总结作者的科研成果和吸收国内外的先进理论、方法和技术，以计算机控制系统的网络化、开放化、智能化和集成化发展趋势为主线索，主要介绍计算机控制系统的基本概念和计算机控制系统的典型形式，计算机控制系统的数学描述与基本分析方法，以及数字PID控制器、最少拍控制系统、达林算法、状态变量设计法等设计方法及其各种改进算法。重点突出计算机控制系统输入输出通道接口的设计方法和典型控制系统的设计案例与实现方法等。

SAP B1中文培訓教材_SDK

公司内部培训资料，对开发工具 ，DIAPI， UIAPI，Add-ON有详细解说

三行代码实现流布局

demo地址:点击打开链接 效果图: 一,先讲怎么用: 第一行.设置flowLayout的padding和条目之间的距离 flowLayout.setPaddingAndSpacing(padding, hPadding, vPadding); 第二行.设置textview监听,这里用来自定义每个Textview flowLayout.setmTextViewListener

yangernang的博客 492

TMS_WebGMaps_1.9.8.0_Full_Source

TMS_WebGMaps_1.9.8.0_Full_Source 全源码 delphi cbuilder

iOS流布局UICollectionView系列四——自定义FlowLayout进行瀑布流布局

iOS流布局UICollectionView系列四——自定义FlowLayout进行瀑布流布局 一、引言 前几篇博客从UICollectionView的基础应用到设置UICollectionViewFlowLayout更加灵活的进行布局，但都限制在系统为我们准备好的布局框架中，还是有一些局限性，例如，如果我要进行瀑布流似的不定高布局，...

weixin_34349320的博客 127

iOS中瀑布流布局详解

前段时间在逛淘宝的时候发现淘宝的商品界面的布局是瀑布流(我记得明明之前不是瀑布流的????)。刚好手上活忙完了，写了一个瀑布流的布局，简单的封装了下，以便日后使用????。其实说到底瀑布流也就是UICollectionView做的，只是修改了CollectionView的流式布局(FlowLayout)，以后要用就直接把自定义的FlowLayout拿过来用就行了。 瀑布流 1.要有瀑布流首先得有colletionView，所以先在viewController中把我们的colletionView弄

az44yao的专栏 2995

代码编写中的“瀑布流布局（Waterfall Layout）”原则

瀑布流布局是一种源代码词法排列策略，它按照深度优先遍历（DFS）的顺序，将函数的定义顺序镜像其在运行时（或逻辑上）的调用顺序，使得代码的静态文本结构与动态执行逻辑在垂直方向上高度重合。

davied9的专栏 285

Android学习笔记：自定义实现流式布局

前几天在开发项目的时候，有一个需求是展示历史搜索启示 ，展示的样式是像瀑布流一样（每一行展示的控件个数根据控件的内容不同而不相同，当一行展示满后，自动换行展示）。最开始是自定义LinearLayout，通过判断view的位置和大小来换行。效果是实现了，但是在用的时候遇到bug了。前天学习的时候，正好看到老师讲的自定义ViewGroup实现流式布局样式，所以果断学习了。写个笔记 ，方便下次使用，感谢

true100的专栏 2555

android 自定义流布局。实现热门标签。开源库SimpleFlowLayout

前言 实际项目中需要实现一个 热门搜索 的栏目，类似下图： 由于 子项（子view) 中的文字是可变的，一行能显示的 子项 的个数也无法确定。需要支持自动换行和计算位置。 开源类库 我自己写了个 自定义view ，继承自viewGroup， 来实现它，托管到github开源平台。 名称：SimpleFlowLayout 地址：https://github.com/vir56k...

weixin_34318326的博客 84

RecyclerView自定义LayoutManager实现横向瀑布流

最近由于公司项目需要，做了一个横向瀑布流的组件，如下图；这个组件是通过自定义LayoutManager实现，LayoutManager为我们提供了强大的自定义功能，但是实现过程却不简单，捣鼓了两天，也就算基本可以用了；Demo源码在最下面，这里主要记录一些自定义LayoutManager过程中需要注意的细节和关键点； （这个Demo以及下面的记录参考文章：http://blog.youkuaiyun.com

super_spy的专栏 6643

Android 手把手教你View绘制过程--自动排列View的容器

瀑布流瀑布流大家都太熟悉了，经常听说，最出名的恐怕就是pinterest瀑布流的应用已经很普遍了，最初是开源库的瀑布流，大家用的也是不亦乐乎开源瀑布流随便一搜，就有很多很成熟的开源的瀑布流官方瀑布流可能是鉴于瀑布流的使用确实非常多，在google推出RecyclerView时除了以往的线性布局跟网格布局，也推出了瀑布流布局。API地址瀑布流的ViewGroup不管是开源的，还是官方的Staggere

coder_nice的专栏 2087

Svelte分组滚动视图实战：吸顶标题与长列表性能优化指南

在构建复杂信息型前端界面时，长列表分组展示与流畅滚动始终是核心体验问题。Svelte 凭借编译时优化特性，为渲染性能提供了良好基础，但面对数千条记录、多分组吸顶标题和快速滑动场景，仍需借助虚拟滚动与节流策略控制 DOM 节点。分组滚动视图通过按可视区域裁剪渲染、固定分组头部与事件节流，有效降低主线程压力，让联系人或消息列表保持稳定的滚动帧率。此类方案特别适用于 SvelteKit 开发的移动端 H5、后台表格分区以及日期归档列表。本文以实际项目为切入点，探讨在 Svelte 生态中搭建分组长列表、验证吸顶效

weixin_27240351的博客 332

FlowLayout自定义扩展：如何创建自己的Android流式布局变体

FlowLayout是Android开发中非常实用的流式布局组件，它能够根据子视图的宽度自动换行排列，特别适合标签云、筛选器、动态标签等场景。本文将为你详细介绍如何基于FlowLayout进行自定义扩展，创建符合特定需求的Android流式布局变体，帮助你在项目中实现更加灵活的UI布局方案。😊 ## 为什么需要自定义FlowLayout？ 标准的FlowLayout已经能够满足大部分流式布局

gitblog_00849的博客 761

iOS开发基础 - UITableView

UITableView基本设置 UITableView * tableV = [[UITableView alloc] initWithFrame:self.view.bounds style:UITableViewStyleGrouped]; /* UITableViewStylePlain, //分区没间隔 区头置顶替换 UITableViewStyleGroup

Cry4tal的博客 393

ReactNative进阶（四十一）：应用 FlatList 实现分组列表

功能简介属性说明方法集合简单应用示例高阶应用示例拓展阅读 功能简介 FlatList高性能的简单列表组件，支持下面这些常用的功能： 完全跨平台。 支持水平布局模式。 行组件显示或隐藏时可配置回调事件。 支持单独的头部组件。 支持单独的尾部组件。 支持自定义行间分隔线。 支持下拉刷新。 支持上拉加载。 支持跳转到指定行（ScrollToIndex）。 如果需要分组/类/区（section），请使用SectionList。 FlatList和SectionList都是以VirtualizedList.

IT全栈 华强工作室 2395
上一篇： 分组的自定义流布局方法一
下一篇： NSLayoutConstraint 动态布局
点赞 1
评论 0
书签 书签 0
wjymark
wjymark
博客等级 码龄10年 7粉丝 13原创
+ 关注 专栏目录 订阅专栏
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值