文档章节

UICollection要点

d
 dadage456
发布于 2017/01/17 11:03
字数 525
阅读 2
收藏 0

一、

UICollectionView 要点

  • UICollectionLayout布局方法的执行顺序
  • UICollectionLayout实现自定义布局要点
  • UICollect这里是列表文本ionViewLayoutAttributes实现自定义布局属性要点
  • 重新计算布局属性
  • 自动对齐到网格
int a=b;

1、UICollectionView 构成

  • Cells
  • Supplementary Views 追加视图(类似Header 或则 Footer)
  • Decoration Views 装饰视图(用作背景展示)

2、布局方法的执行顺序

  1. prepareLayout()
  2. -(CGSize)collectionViewContentSize
  3. -(NSArray *)layoutAttributesForElementsInRect:(CGRect)rect

3、自定义UICollectionLayout实现自定义布局

主要继承UICollectionLayout以下方法,实现布局自定义。

  • -(void)prepareLayout

    开始布局前,调用的方法。可以用来一次把所有的布局属性放到一个NSArray中。

  • -(CGSize)collectionViewContentSize

    返回CollectionView的内容尺寸

  • -(NSArray *)layoutAttributesForElementsInRect:(CGRect)rect

    1. 返回rect中的所有元素的布局属性
    2. 返回的是包含UICollectionViewLayoutAttributes的NSArray
    3. UICollectionViewLayoutAttributes可以是Cell追加视图装饰视图
    4. 不要返回所有的属性,只显示Rect相交的属性。节省性能。
  • -(BOOL)shouldInvalidateLayoutForBoundsChange:(CGRect)newBounds

    YES : 边界发生变化,刷新布局。
    不要直接返回YES,判断UICollectionView的frame改变时再返回YES。

  • -(UICollectionViewLayoutAttributes _)layoutAttributesForItemAtIndexPath:(NSIndexPath _)indexPath

    返回对应于indexPath的位置的Cell的布局属性

  • -(UICollectionViewLayoutAttributes _)layoutAttributesForSupplementaryViewOfKind:(NSString _)kind atIndexPath:(NSIndexPath *)indexPath

    返回对应于indexPath的位置的追加视图的布局属性

  • -(UICollectionViewLayoutAttributes * )layoutAttributesForDecorationViewOfKind:(NSString_)decorationViewKind atIndexPath:(NSIndexPath _)indexPath

    返回对应于indexPath的位置的装饰视图的布局属性

4、自定义UICollectionViewLayoutAttributes

主要用来布局cell、追加视图、装饰视图里面的指定子元素。

  • 实现NSCopying协议?
  • 实现-(BOOL)isEqual:(id)object父类方法?
  • 在cell、追加视图、装饰视图中,实现-(void)applyLayoutAttributes:(UICollectionViewLayoutAttributes *)layoutAttributes方法,具体布局指定元素。
  • 在Layout类中实现以下方法?
    • +(Class)layoutAttributesClass

5、重新计算布局

  • invalidateLayout:执行布局方法,从-(void)prepareLayout方法开始重新计算布局。

6、切换布局

注意:切换的2个布局必须已经实现了 -(UICollectionViewLayoutAttributes _)layoutAttributesForItemAtIndexPath:(NSIndexPath _)indexPath方法。否则会报错。

  • setCollectionViewLayout:animated:

7、动画效果

  • initialLayoutAttributesForAppearingItemAtIndexPath:
  • initialLayoutAttributesForAppearingSupplementaryElementOfKind:atIndexPath:
  • initialLayoutAttributesForAppearingDecorationElementOfKind:atIndexPath:
  • finalLayoutAttributesForDisappearingItemAtIndexPath:
  • finalLayoutAttributesForDisappearingSupplementaryElementOfKind:atIndexPath:
  • finalLayoutAttributesForDisappearingDecorationElementOfKind:atIndexPath:

8、DEMO与参考

© 著作权归作者所有

上一篇: UICollection要点
下一篇: UICollection要点
d
粉丝 0
博文 10
码字总数 5374
作品 0
青岛
私信 提问
万物有源_Android自动化测试框架UIAutomator原理浅析

简介 UIAutomator是一个Android自动化测试框架,是谷歌在Android4.1版本发布时推出的一款用Java编写的UI测试框架,它只能用于UI即黑盒方面的测试。所以UIAutomator只能运行在Android4.1之后的...

维他ViTa
03/16
248
0
BMYCircularProgressPullToRefresh

BMYCircularProgressPullToRefresh 是下拉刷新,带有圆形进程视图,类似 Beamly iOS 应用。 此版本的下拉刷新特性可以再 UITableViews 和 UICollection 上使用,灵感来源于 Sam Vermette's S...

叶秀兰
2014/07/22
498
0
关联选择器--MBContactPicker

MBContactPicker 是基于 UICollection View 的 iOS 风格的关联选择工具库,实现类似 iOS 7 的本地邮件关联选择器的功能。

叶秀兰
2014/01/04
260
0
CombinationPickerController

CombinationPickerController 是图片选择器,使用 uicollection 视图。CombinationPickerController 可以选择单个图片,可以自定义你的相机,默认只支持人像。CombinationPickerController 兼...

叶秀兰
2014/08/27
522
0
ios UIcollection显示图片

xcode 7.3.1 UIcollection创建的item,cell来加载图片,加载到24个才会显示图片,怎么让他加载一个就显示一个图片

zxcasdqwe123
2016/08/18
51
0

没有更多内容

加载失败,请刷新页面

加载更多

面试官,Java8 JVM内存结构变了,永久代到元空间

在文章《JVM之内存结构详解》中我们描述了Java7以前的JVM内存结构,但在Java8和以后版本中JVM的内存结构慢慢发生了变化。作为面试官如果你还不知道,那么面试过程中是不是有些露怯?作为面试...

程序新视界
19分钟前
13
0
读书笔记:深入理解ES6 (八)

第八章 迭代器(Iterator)与生成器(Generator) 第1节 循环语句的问题   在循环、多重循环中,通过变量来跟踪数组索引的行为容易导致程序出错。迭代器的出现旨在消除这种复杂性,并减少循...

张森ZS
19分钟前
12
0
Elasticsearch 实战(一) - 简介

官腔 Elasticsearch,分布式,高性能,高可用,可伸缩的搜索和分析系统 基本等于没说,咱们慢慢看 1 概述 百度:我们比如说想找寻任何的信息的时候,就会上百度去搜索一下,比如说找一部自己喜...

JavaEdge
24分钟前
10
0
【jQuery基础学习】11 jQuery性能简单优化

本文转载于:专业的前端网站➦【jQuery基础学习】11 jQuery性能简单优化 关于性能优化 合适的选择器 $("#id")会直接调用底层方法,所以这是最快的。如果这样不能直接找到,也可以用find方法继...

前端老手
32分钟前
11
0
重磅发布 | 全球首个云原生应用标准定义与架构模型 OAM 正式开源

导读:2019 年 10 月 17 日,阿里巴巴合伙人、阿里云智能基础产品事业部总经理蒋江伟(花名:小邪)在 Qcon 上海重磅宣布,阿里云与微软联合推出开放应用模型 Open Application Model (OAM...

阿里云官方博客
35分钟前
13
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部