如何在Collectionview单元格

时间:2017-07-30 12:08:47

标签: ios swift uiimageview uicollectionview uicollectionviewcell

我正在尝试根据以下设计制作UICollectionviewCell

enter image description here

我已为单元格设置了角半径,但是当collectonview上加载数据时,imageview没有圆角。我得到的输出如下

enter image description here

圆角应用于单元格,但不应用于图像。这是我正在申请的代码。该代码适用于collectionView_ collectionView: UICollectionView, cellForItemAt indexPath: IndexPath) -> UICollectionViewCell

cell.layoutIfNeeded()

cell.layer.cornerRadius      = 15

cell.imageView.clipsToBounds = true

cell.layer.masksToBounds     = true

有人可以帮我解决这个问题。

提前致谢....

4 个答案:

答案 0 :(得分:3)

您需要设置imageView layer corner半径: -

cell.imageView.layer.cornerRadius = 15
cell.imageView.layer.masksToBounds = true

答案 1 :(得分:2)

这样做:

cell.contentView.layer.cornerRadius = 2.0
cell.contentView.layer.borderWidth = 1.0
cell.contentView.layer.borderColor = UIColor.clear.cgColor
cell.contentView.layer.masksToBounds = true;

如果您想为背景添加漂亮的阴影:

cell.layer.shadowColor = UIColor.lightGray.cgColor
cell.layer.shadowOffset = CGSize(width:0,height: 2.0)
cell.layer.shadowRadius = 2.0
cell.layer.shadowOpacity = 1.0
cell.layer.masksToBounds = false;
cell.layer.shadowPath = UIBezierPath(roundedRect:cell.bounds, cornerRadius:cell.contentView.layer.cornerRadius).cgPath

答案 2 :(得分:0)

您还可以使用“用户定义的运行时属性”为您的imageview设置转角半径 Keypath - layer.cornerRadius 类型 - 数字 值 - 您的角半径值

答案 3 :(得分:0)

你可以说:cell.clipsToBounds = true