ios – UICollectionView椭圆形自定义单元格

func collectionView(collectionView: UICollectionView,layout collectionViewLayout: UICollectionViewLayout,sizeForItemAtIndexPath indexPath: NSIndexPath) -> CGSize {


    return CGSize(width: collectionView.frame.size.width/3.0 - 8,height: collectionView.frame.size.width/2.5[![enter image description here][2]][2] )
}

TL; DR：(示例可以在这里找到： https://github.com/JakubMazur/SO39160339)

hew,你会遇到这样的3个问题：

>自定义将文本作为单元格长度的UICollectionView单元格
>将collectionView单元格对齐到中间不是左右
子视图中的圆角

所以让我们开始吧

1)

这有点棘手,不是那么简单.你应该做的第一件事是让自动布局为你做点窍门.所以在你的storyboard和xib文件中设计单元格和collectionView,然后在你的控制器类中：

if let flowLayout = self.collectionView.collectionViewLayout as? UICollectionViewFlowLayout {
    flowLayout.estimatedItemSize = CGSizeMake(1,1)
}

正确的方法是例如viewDidLoad func.当然,如果你稍后重写这个布局,

然后,对于要自定义尺寸的标签,您需要设置：

cell.titleLabel.preferredMaxLayoutWidth = 50

你在这两个例子中使用的价值并不重要.如果将estimateItemSize设置为低,则基本上要求自定义大小.

2)

为此,您需要覆盖布局类.我强烈推荐使用这个解决方案https://stackoverflow.com/a/38254368/1317394从@Alex Koshy回答.

3)

该部分很容易.在自定义单元格的底部添加子视图,并将单元格视图背景颜色设置为透明.并在单元格中添加拐角半径,如下所示：

override func prepareForReuse() {
    self.roundedView.layer.cornerRadius = self.frame.size.height/2

}

这是一个输出效果：

这里是与这个例子的仓库的链接：

https://github.com/JakubMazur/SO39160339

请享用！