`
折句号
  • 浏览: 11551 次
文章分类
社区版块
存档分类
最新评论

ios uicollectionview

 
阅读更多

UICollectionView 和 UICollectionViewController 类是iOS6 新引进的API,用于展示集合视图,布局更加灵活,可实现多列布局,用法类似于UITableView 和 UITableViewController 类。

使用UICollectionView 必须实现UICollectionViewDataSource,UICollectionViewDelegate,UICollectionViewDelegateFlowLayout这三个协议。

#pragma mark -- UICollectionViewDataSource   
//定义展示的UICollectionViewCell的个数  
-(NSInteger)collectionView:(UICollectionView *)collectionView numberOfItemsInSection:(NSInteger)section  
{  
    return 30;  
}   
//定义展示的Section的个数  
-(NSInteger)numberOfSectionsInCollectionView:(UICollectionView *)collectionView  
{  
    return 1;  
}   
//每个UICollectionView展示的内容  
-(UICollectionViewCell *)collectionView:(UICollectionView *)collectionView cellForItemAtIndexPath:(NSIndexPath *)indexPath  
{  
    static NSString * CellIdentifier = @"GradientCell";  
    UICollectionViewCell * cell = [collectionView dequeueReusableCellWithReuseIdentifier:CellIdentifier forIndexPath:indexPath];  
  
    cell.backgroundColor = [UIColor colorWithRed:((10 * indexPath.row) / 255.0) green:((20 * indexPath.row)/255.0) blue:((30 * indexPath.row)/255.0) alpha:1.0f];  
    return cell;  
}   
#pragma mark --UICollectionViewDelegateFlowLayout   
//定义每个UICollectionView 的大小  
- (CGSize)collectionView:(UICollectionView *)collectionView layout:(UICollectionViewLayout*)collectionViewLayout sizeForItemAtIndexPath:(NSIndexPath *)indexPath  
{  
    return CGSizeMake(96, 100);  
}   
//定义每个UICollectionView 的 margin  
-(UIEdgeInsets)collectionView:(UICollectionView *)collectionView layout:(UICollectionViewLayout *)collectionViewLayout insetForSectionAtIndex:(NSInteger)section  
{  
    return UIEdgeInsetsMake(5, 5, 5, 5);  
}   
#pragma mark --UICollectionViewDelegate   
//UICollectionView被选中时调用的方法  
-(void)collectionView:(UICollectionView *)collectionView didSelectItemAtIndexPath:(NSIndexPath *)indexPath  
{  
    UICollectionViewCell * cell = (UICollectionViewCell *)[collectionView cellForItemAtIndexPath:indexPath];  
    cell.backgroundColor = [UIColor whiteColor];  
}   
//返回这个UICollectionView是否可以被选择  
-(BOOL)collectionView:(UICollectionView *)collectionView shouldSelectItemAtIndexPath:(NSIndexPath *)indexPath  
{  
    return YES;  
}  

 以上是一些常用的代理和方法。

 

 

在ViewDidLoad中要注册CollectionCell

[self.collectionView registerClass:[CollectionCell class] forCellWithReuseIdentifier:@"CollectionCell"]; 

 也可以先布局再创建UICollectionView

// 1.创建流水布局
02.
 
03.
UICollectionViewFlowLayout *layout = [[UICollectionViewFlowLayout alloc] init];
04.
 
05.
// 2.设置每个格子的尺寸
06.
layout.itemSize = CGSizeMake(250, 250);
07.
 
08.
// 3.设置整个collectionView的内边距
09.
CGFloat paddingY = 20;
10.
CGFloat paddingX = 40;
11.
layout.sectionInset = UIEdgeInsetsMake(paddingY, paddingX, paddingY, paddingX);
12.
 
13.
// 4.设置每一行之间的间距
14.
layout.minimumLineSpacing = paddingY;

 

//初始化 UICollectionViewController
2.
UICollectionViewController *controller = [[UICollectionViewController alloc] initWithCollectionViewLayout:layout]

 

 

 

 

分享到:
评论

相关推荐

    IOS UICollectionView布局详解

    在iOS开发中,UICollectionView是一种强大的UI组件,用于展示可滚动的、多列或多行的数据集合。这个组件在设计用户界面时提供了极大的灵活性,允许开发者自定义布局,展示各种复杂的数据结构。本文将深入探讨...

    iOS UICollectionView: The Complete Guide, Second Edition 英文版

    Fully updated for iOS 7, iOS UICollectionView: The Complete Guide, Second Edition will help you build highly immersive, cutting-edge iOS user interfaces that transform your apps from good to great!...

    IosUicollectionview2ndEdition.pdf 英文原版

    Ios Uicollectionview 2nd Edition

    iOS UICollectionView的简单使用

    在iOS开发中,UICollectionView是一个强大的视图组件,用于展示数据集合,可以自定义布局和单元格样式,实现灵活多样的展示效果。本教程将聚焦于UICollectionView的基础使用,讲解如何使用它来显示多列图片。 首先...

    iOS UICollectionView刷新时闪屏的解决方法

    iOS UICollectionView刷新时闪屏的解决方法 iOS UICollectionView是一种常用的列表视图控件,但是当我们在使用它时,可能会遇到很多问题,其中之一就是刷新时闪屏的问题。今天,我们将探讨iOS UICollectionView刷新...

    ios uicollectionview 横向滚动

    在iOS开发中,UICollectionView是一种强大的视图组件,用于展示可滚动的数据集合,具有高度自定义的布局能力。本文将深入探讨如何实现一个“ios uicollectionview 横向滚动”的功能,允许用户以一行或多行的方式进行...

    iOS UIcollectionview瀑布流

    在iOS应用开发中,UIcollectionView是一种非常强大的组件,它允许开发者以各种布局方式展示数据,其中瀑布流(Waterfall)布局就是一种常见的实现方式。瀑布流布局源于网页设计,因其像瀑布一样逐级下落的视觉效果而...

    iOS UICollectionView实现瀑布流

    在iOS开发中,UICollectionView是一种强大的视图组件,用于展示可滚动的数据集合,它可以灵活地排列内容,例如网格布局、列表布局或我们这里关注的“瀑布流”布局。瀑布流(Waterfall Layout)又称为Pinterest风格...

    iOS UICollectionView(2nd) 无水印pdf

    iOS UICollectionView(2nd) 英文无水印pdf 第2版 pdf所有页面使用FoxitReader和PDF-XChangeViewer测试都可以打开 本资源转载自网络,如有侵权,请联系上传者或csdn删除 本资源转载自网络,如有侵权,请联系...

    ios-UICollectionViewCell每次滚动设置特定的距离.zip

    在iOS开发中,UICollectionView是一个非常重要的组件,它允许开发者创建高度可定制的网格布局,用于显示和操作数据集合。在标题“ios-UICollectionViewCell每次滚动设置特定的距离”中提到的问题,主要是指如何在...

    iOS UICollectionView 实现卡片效果

    本demo使用UICollectionView实现了卡片效果,自定义了UICollectionViewFlowLayout,可以修改UICollectionViewFlowLayout的配置使卡片展现不同效果

    iOS UICollectionView 不规则排序

    在iOS开发中,UICollectionView是一种强大的视图组件,用于展示可滚动的数据集合,它允许开发者创建各种自定义布局,以满足不同界面设计的需求。本话题主要关注"不规则排序",这意味着我们将探讨如何通过自定义...

    iOS UICollectionView实现标签选择器

    这里只是在自适应UICollectionViewCell上放一个和UICollectionViewCell保持一样大小的按钮,当选中和取消选中时改变按钮的文字颜色和边框颜色: #pragma mark---标签cell @implementation YLTagsCollectionViewCell...

    ios-UICollectionView实现多分区自定义拖动排序功能.zip

    1、在一个分区拖动排序的基础上增加到两个分区可... 2、在拖动的过程中,collectionView 会自动滑动显示不可见的cell; 3、可根据自己的需求对代码进行优化更改; 4、使用中存在的bug留言即可,有时间会进行优化;

    ios uicollectionview实现瀑布流

    在iOS开发中,UICollectionView是一种强大的视图组件,用于展示可滚动的数据集合,它可以灵活地布局内容,例如网格、列表或者本例中的“瀑布流”布局。瀑布流布局,也称为流式布局或Pinterest布局,是一种视觉效果...

    iOS UICollectionView 纯代码布局,添加Section Header 头部视图跟 Section Footer尾部视图

    在iOS开发中,UICollectionView是一种强大的UI组件,用于展示可滚动的、网格布局的数据集合。它提供了高度自定义的布局方式,使得开发者可以构建各种复杂的视图结构,如瀑布流、宫格等。在这个主题中,我们将深入...

    iOS - UICollectionView 书架效果 长按跨section拖拽cell

    在iOS开发中,UICollectionView是一种强大的视图组件,用于展示可滚动的数据集合,它可以灵活地自定义布局和交互方式。在本教程中,我们将探讨如何实现一个具有“书架效果”的UICollectionView,用户可以通过长按并...

    iOS UICollectionView实现横向滑动

    本文实例为大家分享了iOS UICollectionView实现横向滑动的具体代码,供大家参考,具体内容如下 UICollectionView的横向滚动,目前我使用在了显示输入框的输入历史上; // // SCVisitorInputAccessoryView.m // 访客...

    ios-UICollectionView的简单示例.zip

    在iOS开发中,UICollectionView是一种非常重要的视图组件,它允许我们以网格布局或者自定义的布局方式展示大量的数据。这个“ios-UICollectionView的简单示例.zip”文件应该包含了一个简单的项目,演示了如何使用...

Global site tag (gtag.js) - Google Analytics