iOS流布局UICollectionView系列二——UICollectionView的代理方法 一、引言 在上一篇博客中,介绍了最基本的UICollectionView的使用和其中我们常用的属性和方法...,也介绍了瀑布流布局的过程与思路,这篇博客是上一篇的补充,来讨论关于UICollectionView的代理方法的使用。...下面的方法是可选实现的: 虽然这个方法是可选的,一般我们都会去实现,设置分区数 - (NSInteger)numberOfSectionsInCollectionView:(UICollectionView...*)collectionView shouldShowMenuForItemAtIndexPath:(NSIndexPath *)indexPath; 长按菜单中可以触发一下类复制粘贴的方法,效果如下...indexPath withSender:(id)sender{ NSLog(@"%@",NSStringFromSelector(action)); } collectionView进行重新布局时调用的方法
iOS流布局UICollectionView系列七——三维中的球型布局 一、引言 通过6篇的博客,从平面上最简单的规则摆放的布局,到不规则的瀑布流布局,再到平面中的圆环布局,我们突破了线性布局的局限...,在后面,我们将布局扩展到了空间,在Z轴上进行了平移,我们实现了一个类似UIPickerView的布局模型,其实我们还可以再进一步,类比于平面布局,picKerView只是线性排列布局在空间上的旋转与平移...,这次,我们更加充分了利用一下空间的尺寸,来设计一个圆球的布局模型。...以下是前几篇博客地址: 1.初识与简单实用UICollectionView:http://my.oschina.net/u/2340880/blog/522613 2.UICollectionView的代理方法...在我们的layout类中,将代码修改成如下: -(void)prepareLayout{ [super prepareLayout]; } //返回的滚动范围增加了对x轴的兼容 -(CGSize
iOS流布局UICollectionView系列五——圆环布局的实现 一、引言 前边的几篇博客,我们了解了UICollectionView的基本用法以及一些扩展,在不定高的瀑布流布局中...这种布局方式在apple的官方文档中也有介绍,是UICollectionView的一个应用示例。...是一个布局抽象基类,我们要使用自定义的布局方式,必须将其子类化,可能你还记得,我们在进行瀑布流布局的时候使用过UICollectionViewFlowLayout类,这个类就是继承于UICollectionViewLayout...类,系统为我们实现好的一个布局方案。...,我们就实现哦圆环布局,随着item的多少,布局会自动调整,如果不是UICollectionView的功劳,实现这样的功能,我们可能要写上一阵子了^_^。
平常我在业务开发中,绝大部分情况都是使用的UITableView,而UICollectionView则是在极少情况下才会去使用,这就导致了我对UICollectionView略感陌生。...UICollectionView的collectionCell支持横向&纵向布局,比UITableView的tableCell只有纵向布局要更加灵活。...UITableView中的row,对应到UICollectionView中就是item,因为一行可以展示多个cell,使用row(行)不能准确地表达。...:(NSIndexPath *)indexPath; 我们知道,UITAbleViewCell是有四种默认样式的,但是UICollectionViewCell是没有默认样式的,所有的控件都需要自定义添加到...layout,如果我们想要实现一个自定义的布局,那么就新建一个继承自UICollectionViewLayout的子类,然后去自定义。
UICollectionViewDelegateFlowLayout 用来处理 UICollectionView 的布局及其行为。...UICollectionView 中的 Supplementary Views 和 Decoration Views 分别指什么?...Supplementary Views 的布局一般可以在 UICollectionViewFlowLayout 中实现完成。...下图是 Cells、Supplementary Views、Decoration Views 的说明: [image] 优化进阶 7.UITableViewCell如何根据其内容自动设置其布局?...该方法发生在 UICollectionView 数据准备好,但界面还未布局之时。它用于计算各种布局信息,并设定每个 item 的相关属性。
直接在 storyboard 中布局,不需要使用数据源方法,但如果需要使用到代理方法,仍然需要在控制器中实现相应的方法。 适用于基本不需要动态修改、布局固定的页面,如个人中心、设置等。...UICollectionView 推出了一种新的组合布局 UICollectionViewCompositionalLayout,这是一次全新的升级。...如果是自定义布局,需要传入一个 NSCollectionLayoutGroupCustomItemProvider 来决定这个 Group 中 Item 的布局方式。...iOS 14 中 UICollectionView 的功能得以继续增强,可以在一定程度上替换 UITableView。...创建UICollectionView 为 UICollectionView 配置 List 式的布局,还可以配置滑动菜单。
iOS流布局UICollectionView系列一——初识与简单使用UICollectionView 一、简介 UICollectionView是iOS6之后引入的一个新的UI控件,它和...中的cell特性外,CollectionView中的Item大小和位置可以自由定义 4、通过layout布局回调的代理方法,可以动态的定制每个item的大小和collection的大体布局属性 5、更加强大一点... 在了解UICollectionView的更多属性前,我们先来使用其进行一个最简单的流布局试试看,在controller的viewDidLoad中添加如下代码: //创建一个layout...cell的方法,没有再提供可以返回nil的方式,并且在UICollectionView的回调代理中,只能使用从复用池中获取cell的方式进行cell的返回,其他方式会崩溃,例如: //这是正确的方法 -...则会在一列充满后,进行第二列的布局,这种方式也被称为流式布局 三、UICollectionView中的常用方法和属性 //通过一个布局策略初识化CollectionView - (instancetype
装饰视图 这是每个section的背景,比如iBooks中的书架就是这个 不管一个UICollectionView的布局如何变化,这三个部件都是存在的。...再次说明,复杂的UICollectionView绝不止上面的几幅图,关于较复杂的布局和相应的特性,我会在本文稍后和下一篇笔记中进行一些深入。...但值得注意的时,在UICollectionView中,不仅cell可以重用,Supplementary View和Decoration View也是可以并且应当被重用的。...在iOS5中,Apple对UITableView的重用做了简化,以往要写类似这样的代码: UITableViewCell *cell = [tableView dequeueReusableCellWithIdentifier...这个特性很受欢迎,因此在UICollectionView中Apple继承使用了这个特性,并且把其进行了一些扩展。
iOS中,UICollectionView和UITableView已经有系统默认选中颜色设置,但是只有无色,蓝色,灰色,三种颜色设置,如果想要其他的颜色效果,我们可以自由自定义设置。...前言 先观赏一下典型的UITableView控件案例 ? image.png 典型的UICollectionView控件案例 ?...= UITableViewCellStyleDefault; cell.selectionStyle = UITableViewCellSelectionStyleDefault; 示例 - (UITableViewCell...cell的代理方法中作如下设置: cell.selectedBackgroundView = [[UIView alloc] initWithFrame:cell.frame]; cell.selectedBackgroundView.backgroundColor...文件中重写如下方法: 示例: UITableViewCell.m - (void)setHighlighted:(BOOL)highlighted animated:(BOOL)animated{
UITableViewCell的Pre-Fetching预加载 在iOS 10中,UITableViewCell也跟着UICollectionView一起得到了性能的提升,一样拥有了Pre-Fetching...layout.estimatedItemSize = CGSize(width:50,height:50)复制代码 这会告诉UICollectionView我们想要开启动态计算内容的布局。...如果flow layout可以用数学的方法动态的计算布局,而不是根据我们给的size去布局,那会是件很酷的事情。 iOS 10中就引入了新的API来解决上述的问题。...在iOS 9中,引入了UICollectionView的Interactive Reordering,在今年的iOS 10中,又加入了一些新的API。...在上图中,我们可以看到,我们即使任意拖动cell,整个界面也会重新排列,并且我们改变了cell的大小,整个 UICollectionView 也会重新动态的布局。
中的self.view实际上就是对应的UITableView或UICollectionView,所以会出现一些莫名其妙的bug,显示不出来或者显示的位置不对。...然而,避免将HUD添加到具有复杂视图层次结构的某些UIKit视图(如UITableView或UICollectionView)是一个好主意。...♀️,我们的项目汇总因为用到了MBProgressHUD框架,所以只能是用UIViewController上布局一个UITableView来实现,这样我们再self.view上布局MBProgressHUD...言归正传,下面就说回到我们要解决的问题,在UITableView的cell中,系统自带的UITableViewCell的格式没有自带UITextField或UITextView这种可以编辑的区域的,而这种类型的...,在这个过程中我们需要回传什么信息,才能保证我们的可以对我们控制器中的tableview进行控制。
XRWaterfallLayout - 超简单的瀑布流实现,实现说明。 WaterfallFlowDemo - 一个简单的UICollectionView瀑布流布局演示demo。...HorizontalScrollCell - HorizontalScrollCell是一款使用方便的水平方向可滚动的单元格,适用于UICollectionView中实现水片方向滚动视图。 。...VOMetroLayoutDemo - Metro风格的UICollectionView, 目前只支持横向布局,仅在iPad上应用。...KYCellAnimation - 给UITableViewCell增加进入的动画。...微博cell自动布局 - 使用autoLayout对微博的cell进行自动布局,自适应cell的高度。
,所以我们可以在 BaseViewCell 这个基类中去实现这个头视图: /// UITableViewCell 的基类 class BaseViewCell: UITableViewCell {...具体实现该效果的代码在这里我就不做多阐述了,因为在我之前的文章中,我已经将实现这个效果的教程写出来了,查看此文即可:使用 UICollectionView 实现首页卡片轮播效果 圆形菜单入口 该效果实现起来很简单...,第一个冒出来想法就是在 Cell 中放置 UICollectionView,它的布局也很简单,直接用系统提供的即可,不需要我们去自定义布局。...我们知道在 UICollectionView 的属性中,有一个分页的属性:isPagingEnabled,当设置成 true 时,每次滚动的位移量等于它自身 frame 的宽度;当不设置这个分页属性,它的默认值是...Cell 的样式有不同之处但也有相似的地方,所以我们创建了一个基类 BaseViewCell, 用于展示 Cell 中相同的地方;然后我们在各个 Cell 中构建不同样式的 UI,利用 UICollectionView
把当前的控制器作为一个父控制器,添加三个UITableViewController的实例作为子控制器,把父控制器中的 scrollView 作为容器,然后添加子控制器中的 tableView 作为子视图...解决的办法是可以自己写个重用机制,不过这显然没必要,用自带重用机制的UICollectionView应该是个更好的选择。...然后要用 layout 控制布局,用最常用的 UICollectionViewFlowLayout 就行了,设置单元格的宽高,既然是翻页,宽肯定是跟屏幕等宽,高度就看你需求了,但是不要超过 collectionView...因为这边只是个 Demo,所以我直接在 cell 中显示cellData的值,那cellData 的值在哪里设置呢?...这边 cell 是会被复用的,在翻到第三页时,会复用第一页的 cell ,第四页复用第二页的 cell……依此类推,所以需要给 cell 中的tableView调用 reloadData方法,不然就算改变了表中的数据
reload这一行,在heightForRow代理方法中判断isExpand,返回小明已在FeedCellModel中已经计算的两个高度(初始高度和全部高度)。...class FeedCell: UITableViewCell { var imageCollectionView: UICollectionView } 第四个需求:评论展示 产品经理又设计了一个新需求...CollectionView 中的一个 section 中的 cell。...准备工作:布局collectionView和绑定适配器 BaseListViewController.swift let collectionView: UICollectionView =...第三个:图片展示 九宫格的图片展示,用UICollectionView是最简单的实现方式。
弹性/韧性 解决易碎二进制接口问题 Fragile binary interface problem是面向对象编程语言的通病 如果在程序中引入了外部库 我们的的程序中使用并继承了该外部库中的类 如果外部库有改动...新的API设计规范 Swift3.0 发布了新的语言设计规范 其中在Swift3.0中标准库和核心库将会遵循这个设计规范。...规范地址 从函数参数中删除var关键字 func doSomethingWithVar(var i: Int) { i = 2 // This will NOT have an effect...} } 允许直接引用(Default, Private, Repeat)关键字成员 在Swift3.0之前我们引用default和repeat成员时 需要这样写: let cell = UITableViewCell...`repeat` Swift3.0时 允许我们直接访问default repeat 关键字成员: let cell = UITableViewCell(style: .default, reuseIdentifier
在 iOS 13 中 Apple 为 UITableView 和 UICollectionView 引入了 DiffableDataSource,让开发者可以更简单高效的实现 UITableView、UICollectionView...新的刷新的方法为 apply,通过使用 apply 方法无需计算变更的 indexPaths,也无需调用 reload,即可安全地在主线程或后台线程更新 UI, 仅需简单的将需要变更后的数据通过 NSDiffableDataSourceSnapshot...tableView) { (tableView: UITableView, indexPath: IndexPath, city: City) -> UITableViewCell...query.isEmpty else { return true } return name.contains(query) } } 点击事件中,获取 cell 的方式也和之前不一样...UITableView 的关键使用步骤,UIColletionView 使用类似,完整案例详见下面的链接: UITableView案例 UICollectionView案例
项目中想实现空态页风格统一控制的效果,就封装了一个默认空态页,使用的技术点有:1 方法替换 ,2 给分类(Category)添加属性。 ...但是分类(Category)不可以,但是我们又想在原生的UITableView和UICollectionView上添加空态页,所以使用了黑科技runtime中提供的对象关联。
因为跟UITableView、UICollectionView等的滑动优化有关,就顺便总结一下会影响UITableView、UICollectionView等视图滑动流畅的因素。...维基百科中的Event loop(可以看看这篇文章了解一下事件循环) 应用场景 让UITableView、UICollectionView等延迟加载图片。...有一个非常好的关于设置图片视图的图片,在RunLoop切换Mode时优化的例子:RunLoopWorkDistribution 先看一下界面布局: ?...(这一点,相信大家都知道,要尽量避免在主线程中执行,一般都是创建一个子线程来执行,然后再回到主线程) 2.动态计算UITableViewCell的高度,时间过久 在iOS7之前,每一个Cell的高度,...3.界面中背景色透明的视图过多 为什么界面中背景色透明的视图过多会影响UITableView的流畅?
领取专属 10元无门槛券
手把手带您无忧上云