UICollectionView

已于 2022-12-05 19:00:28 修改
阅读量584 收藏
点赞数
文章标签： ios
于 2020-06-03 17:52:29 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/u011224726/article/details/106529697
版权

顶部悬浮

layout.sectionHeadersPinToVisibleBounds = YES;

cell右对齐

if (@available(iOS 9.0, *)) {
      _collectionView.semanticContentAttribute = UISemanticContentAttributeForceRightToLeft;
}

cell居左

UICollectionViewCell「居左显示」 - SegmentFault 思否

GitHub - mokagio/UICollectionViewLeftAlignedLayout: A layout for UICollectionView that aligns the cells to the left.

collectionView居中

for(int i=0;i<_dqArr.count;i++){
                NSDictionary *dic = _dqArr[i];
                float wid0 = [SocialTool getWid:dic[@"name"] font:[UIFont fontWithName:@"PingFangSC-Regular" size:14]]+40*wzoom+10+20*wzoom;
                
                if (wid + wid0>ScreenWidths-80*wzoom) {
                    if (wid0>wid) {
                        wid = wid0;
                    }
                    break;
                }else{
                    wid  = wid + wid0 ;
                }
            }

获取cell位置

NSIndexPath *ind =  [NSIndexPath indexPathForItem:_systemSetArr.count-1 inSection:0];
            UICollectionViewLayoutAttributes *attributes = [_selCollectionView1 layoutAttributesForItemAtIndexPath:ind];
            
             CGPoint cellCenter = attributes.center;
             CGPoint anchorPoint = [_selCollectionView1 convertPoint:cellCenter toView:_selCollectionView1
             ];

防重用

NSString *identifier=[NSString stringWithFormat:@"%ld%ld",(long)indexPath.section,(long)indexPath.row];

     

     [collectionView registerClass:[MoreGoodShopCollectionViewCell class] forCellWithReuseIdentifier:identifier];

     
    MoreGoodShopCollectionViewCell *cell=[collectionView dequeueReusableCellWithReuseIdentifier:identifier forIndexPath:indexPath];

手势冲突

- (BOOL)gestureRecognizer:(UIGestureRecognizer *)gestureRecognizer shouldReceiveTouch:(UITouch *)touch{
    //注意传入的参数是当前的CollectionView对象
    if ([touch.view isDescendantOfView:self.currentCollectionView]) {
        return NO;
    }
    return YES;
}

多个UICollectionView

不能用同个UICollectionViewFlowLayout

目录

1、刷新无效

1、刷新无效

[collectionView reloadData];无效

以下两种方法均有效：(原因未知)

[self.collectionViewreloadItemsAtIndexPaths:@[[NSIndexPathindexPathForRow:7inSection:0]]];
或者

[self.collectionViewreloadSections:[NSIndexSetindexSetWithIndex:0]];
 

1.Cell的大小

-(CGSize)collectionView:(UICollectionView *)collectionView layout:(UICollectionViewLayout *)collectionViewLayout sizeForItemAtIndexPath:(NSIndexPath *)indexPath{

CGSize size = CGSizeMake(80,80);

return size;

｝

2.每个Section的四边间距

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

{

return UIEdgeInsetsMake(15, 15, 5, 15);//分别为上、左、下、右

}

3.两行cell之间的间距（上下行cell的间距）

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

4.两个cell之间的间距（同一行的cell的间距）

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

5.拖拽排序

1)不带删除

@interface CollectionVVVVV :UIViewController

@end

#import "CollectionVVVVV.h"
@interface CollectionViewCelll : UICollectionViewCell
@property (nonatomic, strong) UILabel *title;
@property (nonatomic , copy) NSString *titleStr;
@end
@implementation CollectionViewCelll
- (instancetype)initWithFrame:(CGRect)frame {
    self = [super initWithFrame:frame];
    if (self) {
        UILabel *title = [[UILabel alloc] init];
        title.backgroundColor = [UIColor whiteColor];
        title.frame = self.contentView.bounds;
        [self.contentView addSubview:title];
        self.title = title;
    }
    return self;
}

-(void)cellTitleStr:(NSString *)titleStr{
    self.title.text = titleStr;
}
@end

@interface CollectionVVVVV ()<UICollectionViewDelegate,UICollectionViewDataSource>
@property (nonatomic , strong) UICollectionView *collectionV;
@property (nonatomic , strong) NSMutableArray *dataArray;
@end
#define SCwidth  self.view.frame.size.width
@implementation CollectionVVVVV
-(UICollectionView *)collectionV{
    
    if (!_collectionV) {
        
        UICollectionViewFlowLayout *flowLayout = [[UICollectionViewFlowLayout alloc] init];
        flowLayout.itemSize = CGSizeMake(SCwidth/4-15, SCwidth/4 -15);
        flowLayout.minimumLineSpacing = 10;
        flowLayout.minimumInteritemSpacing = 10;
        flowLayout.sectionInset = UIEdgeInsetsMake(10, 10, 10, 10);
        _collectionV = [[UICollectionView alloc] initWithFrame:CGRectMake(0, self.originaHeight, SCwidth, self.view.frame.size.height) collectionViewLayout:flowLayout];
        _collectionV.delegate = self;
        _collectionV.dataSource = self;
        //        _collectionV.backgroundColor = [UIColor grayColor];
        [_collectionV registerClass:[CollectionViewCelll class] forCellWithReuseIdentifier:@"cell"];
        _collectionV.backgroundColor = [UIColor orangeColor];
    }
    UILongPressGestureRecognizer *longp = [[UILongPressGestureRecognizer alloc] initWithTarget:self action:@selector(LongPress:)];
    [_collectionV addGestureRecognizer:longp];
    return _collectionV;
}

- (void)viewDidLoad {
    [super viewDidLoad];
    self.dataArray = [NSMutableArray array];
    for (int i = 0;  i <20 ; i ++) {
        NSString *title = [NSString stringWithFormat:@"南玻 %d",i];
        [self.dataArray addObject:title];
    }
    [self.view addSubview:self.collectionV];
    [self.collectionV reloadData];
    self.view.backgroundColor = [UIColor whiteColor];
}
-(void)LongPress:(UILongPressGestureRecognizer*)longp{
    CGPoint point = [longp locationInView:self.collectionV];
    NSIndexPath *index = [self.collectionV indexPathForItemAtPoint:point];
    CollectionViewCelll *cell = (CollectionViewCelll*)[self.collectionV cellForItemAtIndexPath:index];
    switch (longp.state) {
        case UIGestureRecognizerStateBegan:
        {
            [UIView animateWithDuration:0.2 animations:^{
                cell.transform = CGAffineTransformMakeScale(1.3, 1.3);
            } completion:^(BOOL finished) {
            }];
            
            if (!index) {
                break;
            }
            
            BOOL canMove = [self.collectionV beginInteractiveMovementForItemAtIndexPath:index];
            if (!canMove) {
                break;
            }
        }
            break;
        case UIGestureRecognizerStateChanged:
        {
            [self.collectionV updateInteractiveMovementTargetPosition:point];
        }
            break;
        case UIGestureRecognizerStateEnded:
        {
            [self.collectionV endInteractiveMovement];
        }
            break;
        default:
        {
            [self.collectionV cancelInteractiveMovement];
        }
            break;
    }
}

- (NSInteger)collectionView:(UICollectionView *)collectionView numberOfItemsInSection:(NSInteger)section{
    return self.dataArray.count;
}
- (BOOL)collectionView:(UICollectionView *)collectionView canMoveItemAtIndexPath:(NSIndexPath *)indexPath{
    return YES;
}
-(void)collectionView:(UICollectionView *)collectionView moveItemAtIndexPath:(NSIndexPath *)sourceIndexPath toIndexPath:(NSIndexPath *)destinationIndexPath{
    NSString *temp = [_dataArray objectAtIndex:sourceIndexPath.row];
    [_dataArray removeObjectAtIndex:sourceIndexPath.row];
    [_dataArray insertObject:temp atIndex:destinationIndexPath.row];
}
- (__kindof UICollectionViewCell *)collectionView:(UICollectionView *)collectionView cellForItemAtIndexPath:(NSIndexPath *)indexPath{
    CollectionViewCelll* cell = [collectionView dequeueReusableCellWithReuseIdentifier:@"cell" forIndexPath:indexPath];
    [cell.title setText:_dataArray[indexPath.row]];   
    return cell;
}
@end

2)带删除

1.先懒加载数据以及CollectionView
@property (nonatomic, strong) NSMutableArray *dataArr;
@property (nonatomic, strong) UICollectionView *collectionView;
- (NSMutableArray *)dataArr {
    if (!_dataArr) {
        _dataArr = [NSMutableArray new];
        for (int i = 0 ; i < 20; i ++) {
            [_dataArr addObject:[NSString stringWithFormat:@"%d",i]];
        }
    }
    return _dataArr;
}

- (UICollectionView *)collectionView {
    if (!_collectionView) {
        UICollectionViewFlowLayout *layout = [[UICollectionViewFlowLayout alloc] init];
        _collectionView = [[UICollectionView alloc] initWithFrame:self.view.bounds collectionViewLayout:layout];
        _collectionView.delegate = self;
        _collectionView.dataSource = self;
        _collectionView.backgroundColor = [UIColor whiteColor];
        [_collectionView registerNib:[UINib nibWithNibName:@"CollectionViewCell" bundle:nil] forCellWithReuseIdentifier:@"cell"];
    }
    return _collectionView;
}

2.实现collectionView的代理方法
- (NSInteger)collectionView:(UICollectionView *)collectionView numberOfItemsInSection:(NSInteger)section {
    return [self.dataArr count];
}

- (CGSize)collectionView:(UICollectionView *)collectionView layout:(UICollectionViewLayout *)collectionViewLayout sizeForItemAtIndexPath:(NSIndexPath *)indexPath {
    return CGSizeMake(100, 50);
}

- (UICollectionViewCell *)collectionView:(UICollectionView *)collectionView cellForItemAtIndexPath:(NSIndexPath *)indexPath {
    CollectionViewCell *cell = [collectionView dequeueReusableCellWithReuseIdentifier:@"cell" forIndexPath:indexPath];
    cell.textLabel.text = self.dataArr[indexPath.item];
    cell.deleteBtn.hidden = YES;
    return cell;
}

3.在collectionView上添加一个长按手势
 UILongPressGestureRecognizer *longPressGesture = [[UILongPressGestureRecognizer alloc] initWithTarget:self action:@selector(moveAction:)];
 _collectionView.userInteractionEnabled = YES;
 [_collectionView addGestureRecognizer:longPressGesture];

4.实现手势的方法
- (void)moveAction:(UILongPressGestureRecognizer *)longGes {
    if (longGes.state == UIGestureRecognizerStateBegan) {
        NSIndexPath *selectPath = [self.collectionView indexPathForItemAtPoint:[longGes locationInView:longGes.view]];
        CollectionViewCell *cell = (CollectionViewCell *)[self.collectionView cellForItemAtIndexPath:selectPath];
        cell.deleteBtn.hidden = NO;
        [cell.deleteBtn addTarget:self action:@selector(deleteItemAction:) forControlEvents:UIControlEventTouchUpInside];
        cell.deleteBtn.tag = selectPath.item;
        [self.collectionView beginInteractiveMovementForItemAtIndexPath:selectPath];
    }else if (longGes.state == UIGestureRecognizerStateChanged) {
        [self.collectionView updateInteractiveMovementTargetPosition:[longGes locationInView:longGes.view]];
    }else if (longGes.state == UIGestureRecognizerStateEnded) {
        [self.collectionView endInteractiveMovement];
    }else {
        [self.collectionView cancelInteractiveMovement];
    }
}

5.删除cell方法
- (void)deleteItemAction:(UIButton *)btn {
    [self.dataArr removeObjectAtIndex:btn.tag];
    [self.collectionView reloadData];
}

6.移动cell方法
- (void)collectionView:(UICollectionView *)collectionView moveItemAtIndexPath:(NSIndexPath *)sourceIndexPath toIndexPath:(NSIndexPath *)destinationIndexPath {
    id obj = self.dataArr[sourceIndexPath.item];
    [self.dataArr removeObjectAtIndex:sourceIndexPath.item];
    [self.dataArr insertObject:obj atIndex:destinationIndexPath.item];
    [self.collectionView reloadData];
}

7.不显示滑动条

View.showsVerticalScrollIndicator = NO;
View.showsHorizontalScrollIndicator = NO;

8.设置可滑动

self.myCollectionView.alwaysBounceVertical = YES;

9.头尾视图

非自定义

 [_collectView registerClass:[UICollectionReusableView class] forSupplementaryViewOfKind:UICollectionElementKindSectionHeader withReuseIdentifier:@"head"];

       // 注册尾部
       [_collectView registerClass:[UICollectionReusableView class] forSupplementaryViewOfKind:UICollectionElementKindSectionFooter withReuseIdentifier:@"foot"];

   
}
- (UICollectionReusableView *)collectionView:(UICollectionView *)collectionView viewForSupplementaryElementOfKind:(NSString *)kind atIndexPath:(NSIndexPath *)indexPath {

    // 如果当前想要的是头部视图
    // UICollectionElementKindSectionHeader是一个const修饰的字符串常量,所以可以直接使用==比较
    if (kind == UICollectionElementKindSectionHeader) {
        UICollectionReusableView *headerView = [collectionView dequeueReusableSupplementaryViewOfKind:UICollectionElementKindSectionHeader withReuseIdentifier:@"head" forIndexPath:indexPath];
        return headerView;
    } else { // 返回每一组的尾部视图
        UICollectionReusableView *footerView =  [collectionView dequeueReusableSupplementaryViewOfKind:UICollectionElementKindSectionFooter withReuseIdentifier:@"foot" forIndexPath:indexPath];
        return footerView;
    }
}
// 设置区头尺寸高度
-(CGSize)collectionView:(UICollectionView *)collectionView layout:(UICollectionViewLayout *)collectionViewLayout referenceSizeForHeaderInSection:(NSInteger)section{
    CGSize size = CGSizeMake(ScreenWidths, 60);
    return size;
}
// 设置区尾尺寸高度
-(CGSize)collectionView:(UICollectionView *)collectionView layout:(UICollectionViewLayout *)collectionViewLayout referenceSizeForFooterInSection:(NSInteger)section{
    CGSize size = CGSizeMake(ScreenWidths, 30);
    return size;
}

自定义

   // 注册区头
   [_collectionView registerClass:[CNCollectionReusableHeaderView class] forSupplementaryViewOfKind:UICollectionElementKindSectionHeader withReuseIdentifier:headerIdentifier];
   // 注册区尾
   [_collectionView registerClass:[CNCollectionReusableFooterView class] forSupplementaryViewOfKind:UICollectionElementKindSectionFooter withReuseIdentifier:footerIdentifier];

// 设置区头尺寸高度
-(CGSize)collectionView:(UICollectionView *)collectionView layout:(UICollectionViewLayout *)collectionViewLayout referenceSizeForHeaderInSection:(NSInteger)section{
    CGSize size = CGSizeMake(SCREEN_WIDTH, 60);
    return size;
}
// 设置区尾尺寸高度
-(CGSize)collectionView:(UICollectionView *)collectionView layout:(UICollectionViewLayout *)collectionViewLayout referenceSizeForFooterInSection:(NSInteger)section{
    CGSize size = CGSizeMake(SCREEN_WIDTH, 1);
    return size;
}

- (UICollectionReusableView *)collectionView:(UICollectionView *)collectionView viewForSupplementaryElementOfKind:(NSString *)kind atIndexPath:(NSIndexPath *)indexPath{

    UICollectionReusableView *reusableView = nil;
    // 区头
    if (kind == UICollectionElementKindSectionHeader) {
        CNCollectionReusableHeaderView *headerView = (CNCollectionReusableHeaderView *)[collectionView dequeueReusableSupplementaryViewOfKind:UICollectionElementKindSectionHeader withReuseIdentifier:headerIdentifier forIndexPath:indexPath];
        headerView.titleLab.text = _titleArray[indexPath.section];
        reusableView = headerView;

    }
    // 区尾
    if (kind == UICollectionElementKindSectionFooter) {
        CNCollectionReusableFooterView *footerView = [collectionView dequeueReusableSupplementaryViewOfKind:UICollectionElementKindSectionFooter withReuseIdentifier:footerIdentifier forIndexPath:indexPath];
        reusableView = footerView;
    }
    return reusableView;
}

10、居左显示

GitHub - mokagio/UICollectionViewLeftAlignedLayout: A layout for UICollectionView that aligns the cells to the left.



 

十一月的淡然
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
ios uicollectionview实现横向滚动
08-19
iOS UICollectionView实现横向滚动 iOS 开发中，UICollectionView 是一个非常常用的组件，用于展示一个可滚动的列表或网格视图。在本文中，我们将详细介绍如何使用 UICollectionView 实现横向滚动，达到卡片效果。 ...
iOS 多语言RTL 方向布局
u012490014的专栏
05-17 3887
    在做国际化适配的时候，有时候会遇到一些坑，大部分国家的书写以及排列习惯都是从左往右，是LTR方向布局，而对于一些阿拉伯国家，文字的书写以及展示的顺序都是从右往左方向的。    做个实验，建一个简单的工程，并在英文环境下运行结果：把模拟器改成阿拉伯语环境下再次运行：...
UICollectionView的item长按移动编辑
扬帆追梦人
06-20 6911
iOS9.0之后，UICollectionView多了两个代理方法，可以通过这俩个方法来对其上的item进行移动编辑，本文主要说下移动功能，移动前加了个抖动手势（类似APP删除时的抖动效果），然后拖动改变item的位置 - (BOOL)collectionView:(UICollectionView *)collectionView canMoveItemAtIndexPath:(NSI
UICollectionView 拖动菜单的实现
ForeverMyheart的博客
06-04 993
- (void)viewDidLoad {    [super viewDidLoad];        self.array = [NSMutableArray arrayWithObjects:@"红包", @"转账", @"手机充值", @"芝麻信用",                  @"天猫", @"生活缴费", @"蚂蚁呗", @"世界那么大&q
UICollectionView 刷新指定单元格或刷指定分区
jia12216的专栏
01-18 3785
为了避免重新加载时出现不需要的动画（又名“闪烁”) BOOL animationsEnabled = [UIView areAnimationsEnabled]; [UIView setAnimationsEnabled:NO]; NSIndexPath *indexPath=[NSIndexPath indexPathForRow:2 inSection:0]; [self.collectionView reloadItemsAtIndexPaths:[NSArray arrayWithObjects:i
iOS UICollectionView 和 UITableView cell更新 详解
chenshun123的博客
01-07 4580
1> 更新全部数据 UICollectionView 与 UITableView类似，都可以使用 reloadData 方法来进行所有 cell内容的更新，reloadData 过程没有默认的动画过程 2> 更新特定 cell 中的数据 UICollectionView 可以采用 reloadItemsAtIndexPaths方法 [self.collectionView rel
iOS UICollectionView刷新时闪屏的解决方法
08-28
iOS UICollectionView刷新时闪屏的解决方法 iOS UICollectionView是一种常用的列表视图控件，但是当我们在使用它时，可能会遇到很多问题，其中之一就是刷新时闪屏的问题。今天，我们将探讨iOS UICollectionView刷新...
Swift下使用UICollectionView 实现长按拖拽功能
08-31
Swift 下使用 UICollectionView 实现长按拖拽功能 Swift 是苹果推出的一个强大且灵活的编程语言，用于开发 iOS、macOS、watchOS 和 tvOS 应用程序。 UICollectionView 是 iOS 中一个强大的控件，用于展示大量数据...
iOS应用中UICollectionViewCell定制Button
09-01
在iOS应用开发中，UICollectionView是一种强大的视图组件，用于展示数据集合，它的灵活性使得我们可以定制出各种复杂的布局。本文将重点讲解如何在UICollectionViewCell中定制Button，包括设置每行显示的按钮数量、...
IOS 自定义UICollectionView的头视图或者尾视图UICollectionReusableView
08-31
在iOS开发中，UICollectionView是一种强大的布局控件，用于展示可滚动的数据集合，具有高度自定义的能力。本篇文章将深入探讨如何在iOS中自定义UICollectionView的头视图（header）和尾视图（footer），主要使用...
UICollectionView分区设置背景图片或颜色
07-09
UICollectionView为每一个section分区设置背景图片或颜色
iOS UICollectionView实现卡片效果
01-03
实现上我选择了使用UICollectionView ；用UICollectionViewFlowLayout来定制样式；下面看看具体实现 具体实现 1、创建UICollectionView - (void)createCollectionView { CGFloat pading = 0 * SCREEN_WIDTH/375; ...
UICollectionView Demo
08-29
1.UICollectionViewDemo #### 软件架构 软件架构说明 #### 安装教程 1. xxxx 2. xxxx 3. xxxx #### 使用说明 1. xxxx 2. xxxx 3. xxxx #### 参与贡献 1. Fork 本项目 2. 新建 Feat_xxx 分支 3. 提交代码 4. ...
UICollectionView 集合视图
iOS界@迷糊小书童
06-19 4952
UICollectionView 和 UICollectionViewController 类是iOS6 新引进的API，用于展示集合视图，布局更加灵活，可实现多列布局，用法类似于UITableView 和 UITableViewController 类
UICollectionView 集合视图详解
IT520NM的专栏
07-16 655
UICollectionView 和 UICollectionViewController 类是iOS6 新引进的API，用于展示集合视图，布局更加灵活，可实现多列布局，用法类似于UITableView 和 UITableViewController 类. [objc] view plaincopy - (void)viewDidLoad  
iOS开发实战小知识——UICollectionView刷新闪屏
最新发布
u013712343的博客
09-07 2551
iOS开发实战小知识——UICollectionView刷新闪屏

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值