UICollectionView的更多属性前，我们先来使用其进行一个最简单的流布局试试看，在controller的viewDidLoad中添加如下代码： //创建一个layout布局类 ...是iOS6.0之前的新类，因此这里统一了从复用池中获取cell的方法，没有再提供可以返回nil的方式，并且在UICollectionView的回调代理中，只能使用从复用池中获取cell的方式进行cell...的返回，其他方式会崩溃，例如： //这是正确的方法 -(UICollectionViewCell *)collectionView:(UICollectionView *)collectionView ...:(UICollectionView *)collectionView cellForItemAtIndexPath:(NSIndexPath *)indexPath{ UICollectionViewCell...的位置数组 - (NSArray *)indexPathsForVisibleItems; //下面三个方法是iOS9中新添加的方法，用于获取头尾视图 - (UICollectionReusableView
class] forCellWithReuseIdentifier:@"UICollectionViewCell"]; [self.view addSubview:self.collectionView...2; } //每个UICollectionView展示的内容 -(UICollectionViewCell )collectionView:(UICollectionView )collectionView..."; UICollectionViewCell * cell = [collectionView dequeueReusableCellWithReuseIdentifier:CellIdentifier...)indexPath { UICollectionViewCell cell = (UICollectionViewCell )[collectionView cellForItemAtIndexPath...如果要永久改变，可以先改数据源，然后在cellForItemAtIndexPath中控制。（和UITableView差不多吧！
前言 在iOS开发过程中，UICollectionView的使用仅次于UITableView的使用，而且UICollectionView的使用也很重要，需要很好的运用掌握相关知识点。...本篇博文就来讲解一下UICollectionView使用中，删除UICollectionViewCell的步骤方法，仅供参考。...使用场景：在UICollectionView的cell中，点击长按手势删除列表中的其中一个UICollectionViewCell的方法。具体实现步骤如下所示。...@[@"95",@"95",@"90",@"90",@"95",@"85"]; _dateSource = [NSMutableArray arrayWithArray:customArr]; 2、在UICollectionView...代理方法cellForItemAtIndexPath:中给UICollectionViewCell添加长按手势，添加长按手势的时候需要添加代理方法 UILongPressGestureRecognizer
平常我在业务开发中，绝大部分情况都是使用的UITableView，而UICollectionView则是在极少情况下才会去使用，这就导致了我对UICollectionView略感陌生。...UITableView中的row，对应到UICollectionView中就是item，因为一行可以展示多个cell，使用row（行）不能准确地表达。...)section; - (__kindof UICollectionViewCell *)collectionView:(UICollectionView *)collectionView cellForItemAtIndexPath...:(NSIndexPath *)indexPath; 我们知道，UITAbleViewCell是有四种默认样式的，但是UICollectionViewCell是没有默认样式的，所有的控件都需要自定义添加到...而UICollectionViewCell的获取，必须是先注册，然后通过dequeue方法获取。 系统默认给我们提供了一种layout——UICollectionViewFlowLayout。
iOS流布局UICollectionView系列三——使用FlowLayout进行更灵活布局 一、引言 前面的博客介绍了UICollectionView的相关方法和其协议中的方法，但对布局的管理类...二、将九宫格式的布局进行升级 在第一篇博客中，通过UICollectionView，我们很轻松的完成了一个九宫格的布局，但是如此中规中矩的布局方式，有时候并不能满足我们的需求，有时我们需要每一个...:(NSInteger)section{ return 100; } -(UICollectionViewCell *)collectionView:(UICollectionView *)collectionView...footerReferenceSize; 设置分区的EdgeInset @property (nonatomic) UIEdgeInsets sectionInset; 这个属性可以设置分区的偏移量，例如我们在刚才的例子中添加如下设置...FlowLayout时静态的进行设置，如果我们需要动态的设置这些属性，就像我们例子中的，每个item的大小会有差异，我们可以通过代理来实现。
UICollectionViewCell内部包含子视图自定义按钮ERPbtn4Radius 1.1 核心步骤 首先，在创建UICollectionView时，对其进行了水平翻转： [_...collectionView setTransform:CGAffineTransformMakeScale(-1,1)]; 在更新UICollectionViewCell的数据模型时，对它的contentView...collectionView.scrollEnabled = NO; // UICollectionViewScrollDirectionHorizontal // 在UICollectionView...上从右向左对齐(Aligning right to left on UICollectionView) //1、首先，在创建UICollectionView时，我对其进行了水平翻转：...的完整代码 UICollectionViewCell内部包含子视图自定义按钮ERPbtn4Radius 2.1 自定义UICollectionViewCell h @interface ERPBtnCollectionViewCell
和表格视图类似 UICollectionView的使用有两种方法 一种是继承UICollectionViewController，这个Controller会自带一个UICollectionView。...]; [collectionView registerClass:[UICollectionViewCell class] forCellWithReuseIdentifier:_CELL];...{ return 1; } //每一个UICollectionView展示的内容 -(UICollectionViewCell *)collectionView:(UICollectionView...*)collectionView cellForItemAtIndexPath:(NSIndexPath *)indexPath { UICollectionViewCell * cell = [collectionView...*)indexPath { UICollectionViewCell * cell = (UICollectionViewCell *)[collectionView cellForItemAtIndexPath
声明 UICollectionView。 var colltionView : UICollectionView? 3...., cellForItemAtIndexPath indexPath: NSIndexPath) -> UICollectionViewCell { let cell...} } 6.初始化UICollectionView并注册UICollectionViewCell。..., cellForItemAtIndexPath indexPath: NSIndexPath) -> UICollectionViewCell { let cell...从这个例子中我们发现Swift语言还是很简洁的。
1.3 关于重用 为了得到高效的View，对于cell的重用是必须的，避免了不断生成和销毁对象的操作，这与在UITableView中的情况是一致的。...但值得注意的时，在UICollectionView中，不仅cell可以重用，Supplementary View和Decoration View也是可以并且应当被重用的。...在iOS5中，Apple对UITableView的重用做了简化，以往要写类似这样的代码： UITableViewCell *cell = [tableView dequeueReusableCellWithIdentifier...这个特性很受欢迎，因此在UICollectionView中Apple继承使用了这个特性，并且把其进行了一些扩展。...重用 UICollectionViewCell其实只实例化了能应付一屏显示范围的对象实例，而在cellForItemAtIndexPath方法中重复更新此实例的业务数据来达到显示不同Cell
简述 主要利用UICollectionView和UIPageControl配合来实现 代码 添加代理 UICollectionViewDataSource,UICollectionViewDelegateFlowLayout...配置 @IBOutlet weak var collectionView: UICollectionView!...) -> Int { return 1; } func collectionView(_ collectionView: UICollectionView, numberOfItemsInSection..., cellForItemAt indexPath: IndexPath) -> UICollectionViewCell { let itemdata = colletcionData[indexPath.row...}else{ self.pageControl.isHidden = false; } } 用到的Cell import UIKit class WelcomeCell: UICollectionViewCell
iOS流布局UICollectionView系列五——圆环布局的实现 一、引言 前边的几篇博客，我们了解了UICollectionView的基本用法以及一些扩展，在不定高的瀑布流布局中...这种布局方式在apple的官方文档中也有介绍，是UICollectionView的一个应用示例。...MyLayout * layout = [[MyLayout alloc]init]; UICollectionView * collect = [[UICollectionView alloc...:(NSInteger)section{ return 10; } -(UICollectionViewCell *)collectionView:(UICollectionView *)collectionView... cellForItemAtIndexPath:(NSIndexPath *)indexPath{ UICollectionViewCell * cell = [collectionView
iOS流布局UICollectionView系列七——三维中的球型布局 一、引言 通过6篇的博客，从平面上最简单的规则摆放的布局，到不规则的瀑布流布局，再到平面中的圆环布局，我们突破了线性布局的局限...，在后面，我们将布局扩展到了空间，在Z轴上进行了平移，我们实现了一个类似UIPickerView的布局模型，其实我们还可以再进一步，类比于平面布局，picKerView只是线性排列布局在空间上的旋转与平移...(UICollectionView *)collectionView cellForItemAtIndexPath:(NSIndexPath *)indexPath{ UICollectionViewCell...在我们的layout类中，将代码修改成如下： -(void)prepareLayout{ [super prepareLayout]; } //返回的滚动范围增加了对x轴的兼容 -(CGSize...trans3D.m34 = -1/900.0; CGFloat radius = 15/tanf(M_PI*2/itemCounts/2); //根据偏移量 改变角度 //添加了一个
, cellForItemAt indexPath: IndexPath) -> UICollectionViewCell { let itemdata = colletcionData[indexPath.row...*)collectionView{ return self.tableData.count; } -(NSInteger)collectionView:(UICollectionView *...collectionView numberOfItemsInSection:(NSInteger)section{ return self.tableData[section].count; } -(UICollectionViewCell...*)collectionView didEndDisplayingCell:(UICollectionViewCell *)cell forItemAtIndexPath:(NSIndexPath...indexPath: NSIndexPath) -> UICollectionViewCell { } func collectionView(collectionView: UICollectionView
//设置HeadView的宽高 func collectionView(collectionView: UICollectionView, layout collectionViewLayout...func collectionView(collectionView: UICollectionView, didSelectItemAtIndexPath indexPath: NSIndexPath...backgroundColor = UIColor.whiteColor() } 5.自定义圆角带边框的UICollectionViewCell。...All rights reserved. // import UIKit class SHomeCell: UICollectionViewCell { var titleLabel..., cellForItemAtIndexPath indexPath: NSIndexPath) -> UICollectionViewCell { let cell
在iOS10中，苹果为UICollectionViewCell引入了Pre-Fetching预加载机制用于提升它的性能。...collectionView:prefetchItemsAtIndexPaths 方法和collectionView:cancelPrefetchItemsAtIndexPaths 方法（可选） 3、将第1步中遵从协议的类设置为...UICollectionViewCell.png @property (weak, nonatomic) IBOutlet UIImageView *imgView; 三、控制器 注释很详细 #import...collectionView numberOfItemsInSection:(NSInteger)section{ return self.imgURLArray.count; } - (UICollectionViewCell...效果演示.gif 写在后面的话 1、这个新特性仍然需要探究 2、遇到的一个坑：细心看的话可以发现我的字典是懒加载的，如果直接在viewDidLoad中初始化会在 weakSelf.imgs[currentURL
iOS流布局UICollectionView系列二——UICollectionView的代理方法 一、引言 在上一篇博客中，介绍了最基本的UICollectionView的使用和其中我们常用的属性和方法...*)collectionView numberOfItemsInSection:(NSInteger)section; 设置返回每个item的属性 - (UICollectionViewCell *)...*)collectionView willDisplayCell:(UICollectionViewCell *)cell forItemAtIndexPath:(NSIndexPath *)indexPath...*)collectionView didEndDisplayingCell:(UICollectionViewCell *)cell forItemAtIndexPath:(NSIndexPath *...*)collectionView shouldShowMenuForItemAtIndexPath:(NSIndexPath *)indexPath; 长按菜单中可以触发一下类复制粘贴的方法，效果如下
ViewController () @property(nonatomic,strong)UICollectionView...self.collectionView.dataSource = self; self.collectionView.delegate=self; [self.collectionView registerClass:[UICollectionViewCell...{ return CGSizeMake(arc4random()%100+50, 100); } -(NSInteger)numberOfSectionsInCollectionView:(UICollectionView...:(NSInteger)section{ return 10; } -(UICollectionViewCell *)collectionView:(UICollectionView *)collectionView...cellForItemAtIndexPath:(NSIndexPath *)indexPath{ UICollectionViewCell * cell = [collectionView dequeueReusableCellWithReuseIdentifier
一、Demo总览 下图是本篇博客中Demo的最终运行效果，下面是我们要做的事情： 给每个Section添加自定义的重用Header和Footer 2.调整第一个Section的上左下右的边距（UIEdgeInsets...*)collectionView { return 5; } 2、在UICollectionViewDataSource的回调方法中，还有一个是返回每个Section中Cell的数量的方法...在UICollectionView中的Section中我们可以为其增加Header View和Footer View, 也就是官方文档上提到的Supplementary View（追加视图）。...（1）创建UICollectionReusableView 追加视图可以在Storyboard上添加，然后设置重用标示符，在代码中使用即可。...下面的代码就是在ViewDidLoad中调用注册UICollectionReusableView的方法。
在需求中涉及到一个比较通用的控件，ScrollView里面嵌入CollectionView，封装一下，后面再有相同交互不用重复造轮子。 一。...TBCollectionDataListModel : NSObject @property (nonatomic, retain) NSArray *itemList; //单个collectionView中的数据...红色的是UICollectionViewCell 下方小点点是TBScrollPageControl 关键代码： 根据setDataList传入的数据创建CollectionView并为其布局 - (...NSInteger groupIndex = collectionView.tag - 100; return _listData[groupIndex].itemList.count; } - (UICollectionViewCell...= [NSString stringWithFormat:@"ItemLandscapeCollectionCellIdentifier_%ld",collectionView.tag]; UICollectionViewCell
更加灵活的进行布局，但都限制在系统为我们准备好的布局框架中，还是有一些局限性，例如，如果我要进行瀑布流似的不定高布局，前面的方法就很难满足我们的需求了，如下： ?...这种布局无疑在app的应用中更加广泛，商品的展示，书架书目的展示，都会倾向于采用这样的布局方式，当然，通过自定义FlowLayout，我们也很容易实现。...我们新建一个文件继承于UICollectionViewFlowLayout： @interface MyLayout : UICollectionViewFlowLayout 为了演示的方面，这里我不错更多的封装，添加一个属性...总之，FlowLayout类将每个item的位置等布局信息放在一个数组中，在collectionView布局时，会调用FlowLayout类layoutAttributesForElementsInRect...:(NSInteger)section{ return 100; } -(UICollectionViewCell *)collectionView:(UICollectionView *)collectionView
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
即时通信 IM
ICP备案
对象存储
实时音视频
