CollectionViewPagingLayout - SwiftUI的PagingView
预览
布局设计器
TransformableView
, SwiftUI: TransformPageView
自定义实现,UIKit: 点击图片查看代码
SnapshotTransformView
, SwiftUI: SnapshotPageView
UIKit:
ScaleTransformView
, SwiftUI: ScalePageView
UIKit:
StackTransformView
, SwiftUI: StackPageView
UIKit:
关于
UIKit
一款简单但功能强大的框架,允许您为您的 UICollectionView
创建复杂布局。
实现相当简单。只是一个自定义的 UICollectionViewLayout
,它让您可以对单元格应用变换。
不包括任何 UICollectionView 继承或类似的内容。
SwiftUI
一个简简单单的 View
,可以让您制作分页效果。
由 UICollectionView
实现
更多细节,请参阅 如何使用
安装
此框架不包含任何外部依赖项。
CocoaPods
# Podfile
use_frameworks!
target 'YOUR_TARGET_NAME' do
pod 'CollectionViewPagingLayout'
end
将 YOUR_TARGET_NAME
替换掉,然后在 Podfile
目录下输入
$ pod install
Carthage
将此行添加到 Cartfile
github "CollectionViewPagingLayout"
然后在 Cartfile
目录中,输入
$ carthage update
Swift Package Manager
使用 Xcode
文件 > Swift 包 > 添加包依赖
手动方式
只需将 Lib
目录下的所有文件添加到你的项目中即可
使用方法
Layout Designer
使用这是一款 macOS 应用,可让您更轻松地构建自定义布局。
它允许您调整许多选项,并能够实时查看结果。
它还会为您生成代码。因此,您可以将它复制到您的项目中。
您可以从 App Store 购买 该应用以支持此存储库,或者您可以从源代码构建它。
是的,macOS 应用也是开源的!。
限制
-
指定可见项目数
您需要指定可见项目的数量。
由于此布局允许您显示下一行和上一行单元格,
默认情况下,它会加载所有在collectionView的框架中的单元格,这意味着iOS将这些所有单元格都保存在内存中。
根据您的布局,您可以指定需要显示的项目数量。 -
此布局不支持RTL布局
但是,您可以通过调整选项来实现类似的结果,例如尝试StackTransformViewOptions.Layout.reverse
致谢
- DevicesView 启发于此 Cuberto的帖子
许可
CollectionViewPagingLayout 可在MIT许可下使用。有关更多信息,请参阅LICENSE文件。