iOS 圆形集合视图布局

为 iOS 布局的圆形集合视图中的集合视图项按圆形模式排列。
您可以自定义可看到的圆形角度。查看自定义设置

特性

• 通用设备支持（iPhone + iPad）
• 易于定制
• 一组优质配置选项
• 轻量，简单且易于阅读的代码。

安装

Cocoa pods

DSCircularCollectionView 通过 CocoaPods 提供。要安装它，只需将以下行添加到您的 Podfile 中

pod "DSCircularCollectionView"

手动安装

1. 下载 zip 存档
2. 将 DSCircularCollectionView 下的文件添加到您的项目中。
   

增加了插入和删除动画。下载示例以查看动画。

设置

理论

基础

DSCircularLayout *circularLayout = [[DSCircularLayout alloc] init];
[circularLayout initWithCentre:CGPointMake(160, 160)
radius:120
itemSize:CGSizeMake(50, 50)
andAngularSpacing:20];
[circularLayout setStartAngle:M_PI endAngle:0];
circularLayout.scrollDirection = UICollectionViewScrollDirectionHorizontal;
[collectionView setCollectionViewLayout:circularLayout];

• 使用圆心、圆半径、集合视图单元格大小以及每个集合视图单元格之间的间距初始化 DSCircularLayout 对象
• 用起始和结束角度设置圆中的可见角度。顺时针指定 startAngle 到 endAngle（默认 M_PI 到 0）
• 将滚动方向设置为 UICollectionViewScrollDirectionHorizontal/Vertical（默认垂直）*

高级

@property (nonatomic, assign) UICollectionViewScrollDirection scrollDirection;

@property (nonatomic, assign) BOOL mirrorX;

@property (nonatomic, assign) BOOL mirrorY;

@property (nonatomic, assign) BOOL rotateItems;

- rotateItems (默认：NO)

将此设置为 YES，将根据它们在圆形中的角度旋转项目。

- scrollDirection

根据可见角度选择滚动方向（水平或垂直）。在 M_PI 到 0 的可见角度范围，水平滚动有效，而在 M_PI/2 到 3M_PI.2 的可见角度范围，垂直滚动有效。因此请仔细选择 scrollDirection。

- mirrorX，mirrorY（默认：否）

对于特定的可见角度（在开始和结束之间），滚动行为会出现反转。也就是说，布局将滚动方向与用户滚动方向相反。支持这种不寻常的行为会需要太多带角度的代码。

最好的方法是找到替代的可见角度并将其镜像。

反向滚动	正确滚动
[circularLayout setStartAngle:2*M_PI endAngle:M_PI]; circularLayout.mirrorX = NO; circularLayout.mirrorY = NO;	[circularLayout setStartAngle:M_PI endAngle:0]; circularLayout.mirrorX = NO; circularLayout.mirrorY = YES;

示例

要运行示例项目，请克隆存储库，然后首先从 Example 目录运行 pod install。

作者

Dodda Srinivasan，[email protected]

许可证

DSCircularCollectionView 在 MIT 许可证下可用。有关更多信息，请参阅 LICENSE 文件。