CarLensCollectionViewLayout

适用于卡片式动画的简单易用的 Collection View Layout🎉

CarLensCollectionViewLayout 是根据在 CarLens 应用程序 🏔 中的实现创建的。上面的图片正是应用程序的屏幕截图！

要求

CarLensCollectionViewLayout 使用 Swift 4.2 编写并支持 iOS 9.0+。

使用方法

基本使用方法

配置 CarLensCollectionViewLayout 主要需要两个步骤

步骤 1

将 CarLensCollectionViewLayout 分配到您的集合视图布局

collectionView.collectionViewLayout = CarLensCollectionViewLayout()

或使用 CarLensCollectionViewLayout 初始化您的集合视图

UICollectionView(frame: .zero, collectionViewLayout: CarLensCollectionViewLayout())

步骤 2

继承 CarLensCollectionViewCell 并在单元格初始化期间调用 configure[topView: UIView, cardView: UIView]

class CollectionViewCell: CarLensCollectionViewCell {
    override init(frame: CGRect) {
	super.init(frame: frame)
	configure(topView: upperView, cardView: bottomView)
    }
}

示例实现可在示例项目中找到。

自定义

布局

您也可以使用可用的任何参数通过传递 CarLensCollectionViewLayoutOptions 对象来初始化 CarLensCollectionViewLayout。其他配置将自动完成。

参数

minimumSpacing - 单元格之间的最小间距。

decelerationRate - 滚动视图的减速。

shouldShowScrollIndicator - 表示集合视图是否应有滚动指示器的值。

itemSize - 用于单元格的大小。

示例

let options = CarLensCollectionViewLayoutOptions(minimumSpacing: 40)
collectionView.collectionViewLayout = CarLensCollectionViewLayout(options: options)

单元格

在继承 CarLensCollectionViewCell 的同时，您可以调用包含额外参数 topViewHeight 的 configure(...)。卡片视图的高度将根据此值计算。

示例

class CollectionViewCell: CarLensCollectionViewCell {
    override init(frame: CGRect) {
	super.init(frame: frame)
	configure(topView: upperView, cardView: bottomView, topViewHeight: 300)
    }
}

安装

CocoaPods

如果您使用CocoaPods，请将以下依赖项添加到您的Podfile

use_frameworks!
pod 'CarLensCollectionViewLayout', '~> 1.2.0'

Carthage

如果您使用Carthage，请将以下依赖项添加到您的Cartfile

github "netguru/CarLensCollectionViewLayout" ~> 1.2.0

关于

本项目由以下团队开发：❤️由Netguru开发并维护Anna-Mariia Shkarlinska。

许可证

CarLensCollectionViewLayout遵循MIT许可证。更多信息请参阅LICENSE.md

CarLayoutCollectionViewLayout 1.2.0

CarLensCollectionViewLayout 1.2.0