横向分页滚动的UICollectionView，cell左右排版

最新推荐文章于 2023-05-23 11:32:58 发布

浅浅青丘

最新推荐文章于 2023-05-23 11:32:58 发布

阅读量8.1k

点赞数 1

分类专栏： iOS开发 iOS开发文章标签： iOS collectionView cell排版

本文链接：https://blog.csdn.net/aaaaazq/article/details/73134772

版权

这篇博客介绍了如何在iOS开发中实现类似微信聊天的表情功能，即UICollectionView在横向滚动时，cell按从左到右、从上到下的方式进行排列。通过自定义collectionView的布局，设定了itemCountPerRow为7，rowCount为3，从而达到预期效果。

摘要由CSDN通过智能技术生成

做IMl聊天,实现自定义表情功能的时候，需要实现微信聊天时那样的表情排版，主要要实现collectionView能横向滑动cell左右排版。默认的cell排版方向是跟随滚动方向的，例如竖向滚动的话，cell的排版是从左到右、从上到下；横向滚动的话，cell是从上到下、然后从左到右。那么要实现collectionView横向滚动，cell从左到右、从上到下的排版，只需要自定义重写下collectionView的layout。自定义的layout代码如下：

#import <UIKit/UIKit.h>

@interface QQIMEmotionsCollectionViewFlowLayout : UICollectionViewFlowLayout

//  一行中 cell 的个数
@property (nonatomic,assign) NSUInteger itemCountPerRow;

//    一页显示多少行
@property (nonatomic,assign) NSUInteger rowCount;

@end

#import "QQIMEmotionsCollectionViewFlowLayout.h"

@interface QQIMEmotionsCollectionViewFlowLayout () <UICollectionViewDelegateFlowLayout>
@property (strong, nonatomic) NSMutableArray *allAttributes;

@end

@implementation QQIMEmotionsCollectionViewFlowLayout

-(instancetype)init
{
    if (self = [super ini