Custom Collection View Layouts(五)

这是 Ray 视频关于 Custom Collection View Layouts 的最后一部分,终于要写完了。本节我们要实现一个 Timbre 应用,照例先来看一下成品效果: 还是一步步来: 一、Cell Transform 首先我们来解决 cell 的旋转角度问题,本小节目标我们要实现一个下面的效果: 其实 layoutAttributes 已经为我们提供了 transform 属性, »

Custom Collection View Layouts(四)

今天我们来实现一个类似于 UltraVisual 的 app,你也可以参照 Ray 的 这篇文章,效果如下: 现在让我们分解成三个大步骤来实现这个效果 一、Featured Cell 我们先来实现一个简单的随 UICollectionView 滚动,靠近顶部 Cell height 逐步增大的效果,该效果如下: 我们注意到这里有一个 featured cell(高度最大的那个 cell) »

Custom Collection View Layouts(三)

Sticky Headers 本节我们用 CollectionView Layout 来实现一个类似于 tableView 向上滚动时的 Sticky Headers 效果,该效果展示如下:Section Title 在当前 section 的 cells 未完全滚出界面时一直保持固定在页面顶部,直到下一个 section Title 将其顶出取代他的位置,依次反复 为了实现这种效果,我们需要遵守三个规则: »

Custom Collection View Layouts(二)

本节我们来实现一个下拉效果,具体效果如下: 当鼠标下拉时,注意观察 DEVCON 的图标,以及黑色纹理背景图的变化:DEVCON 图标是呈放大效果,而背景黑色纹理图则是被缩放了,相对呈现出一种景深变化的效果。要做出这种效果,我们还是一步步来。 一、Stretchy Headers 首先我们先来实现一个有弹性的 header,同样的是先创建一个自定义的 UICollectionViewFlowLayout,为什么是 UICollectionViewFlowLayout 而不是通用的 UICollectionViewLayout 呢?因为只有 »

Custom Collection View Layouts(一)

最近把 Ray 家的 Custom Collection View Layouts 系列视频刷了一遍,做一下记录 在开始前,先来看一下复习下基本知识: UICollectionView 向 UICollectionViewLayout 询问布局,当询问过程发生时,layout 对象会创建 UICollectionViewLayoutAttributes 实例。一个 UICollectionViewLayoutAttributes 对象管理着一个对应的 item layout 相关信息( »