CollectionViewShelfLayout
CollectionViewLayout子类,将项目的列表形式显示为行,类似于App Store功能选项卡而不需要嵌套UITableView/UICollectionView的技巧。您可以为您的内容使用单个数据源。每个部分在一行中显示其项目。CollectionViewShelfLayout
支持类似表格视图的表格头部视图和表格底部视图的集合视图的头部视图和底部视图,以及部分的头部视图和底部视图。
要求
- iOS 9+
- Swift 4.0+
这个要求是因为使用了iOS 8和9(或更高版本)中可用的某些Auto Layout API。如果您想在iOS 8中使用CollectionViewShelfLayout
,可以使用其他API替换NSLayoutAnchor的使用。
安装
手动
本项目内置了 CollectionViewShelfLayout 框架
目标。您可以将 CollectionViewShelfLayout.xcproj
文件拖入您的项目,将 CollectionViewShelfLayout 框架
目标作为目标依赖项添加,并链接/嵌入该框架。就这么简单!
import CollectionViewShelfLayout
CocoaPods
将以下内容添加到您的 Podfile
pod 'CollectionViewShelfLayout'
use_frameworks!
Carthage
将以下内容添加到您的 Cartfile
github "pitiphong-p/CollectionViewShelfLayout"
Swift 2
您可以通过检出标记 0.5.5
在 Swift 2.2 中使用 CollectionViewShelfLayout。
Swift 4.0
您可以通过检出标记 0.6.4
在 Swift 4.0 中使用 CollectionViewShelfLayout。
Swift 4.2
您可以通过检出标记 0.6.5
在 Swift 4.2 中使用 CollectionViewShelfLayout。
使用说明
将collection视图布局设置为CollectionViewShelfLayout
的一个实例。设置您想要的布局属性(例如:cellSize)。您可以通过代码或Storyboard
来设置其布局。
let shelfLayout = CollectionViewShelfLayout()
shelfLayout.itemSize = CGSize(width: 100, height: 180)
collectionView.collectionViewLayout = shelfLayout
示例应用
CollectionViewShelfLayout
项目附带一个示例应用目标。您可以运行AppStoreCollectionViewLayout-Demo
示例应用目标来查看CollectionViewShelfLayout
的实际运用。
联系方式
Pitiphong Phongpattranont
- [@pitiphong_p 在Twitter上] (https://twitter.com/pitiphong_p)
许可协议
CollectionViewShelfLayout
遵循MIT许可证发布。
版权 © 2016-至今 Pitiphong Phongpattranont。