斯威夫特：制作一个圆圈UIView正在给出类似钻石的形状

Question

我在UIView上创建了一个扩展，这样我就可以轻松创建圆视图，而无需在每个自定义组件中编写代码。我的代码看起来像：

extension UIView {
    func createCircleView(targetView: UIView) {
        let square = CGSize(width: min(targetView.frame.width, targetView.frame.height), height: min(targetView.frame.width, targetView.frame.height))
        targetView.frame = CGRect(origin: CGPoint(x: 0, y: 0), size: square)
        targetView.layer.cornerRadius = square.width / 2.0
    }
}

属性square的目的是始终根据目标视图中width或height的最小属性计算一个完美的正方形，这会阻止矩形尝试变成正方形，因为这显然不会产生一个圆圈。

在我的自定义组件中，我用以下方法调用此方法：

// machineCircle is a child view of my cell
@IBOutlet weak var machineCircle: UIView!

// Whenever data is set, update the cell with an observer
var machineData: MachineData? {
    didSet {
        createCircleView(machineCircle)
    }
}

我遇到的问题是我的圈子正在渲染到屏幕上：

调试时，我检查了方形变量，它始终打印width: 95, height: 95，这会让我相信每次都应该呈现一个完美的圆圈。

为什么我会看到这些奇怪的形状？

更新我发现为什么没有形成完美的圆圈，但我不知道如何去做。

在我的故事板中，我将machineCircle视图的默认大小设置为95x95，但是当我的视图加载时，使用此方法动态计算集合单元格的宽度和高度：

override func viewDidLoad() {
    super.viewDidLoad()

    let width = CGRectGetWidth(collectionView!.frame) / 3
    let layout = collectionViewLayout as! UICollectionViewFlowLayout
    layout.itemSize = CGSize(width: width, height: width + width / 2)
}

这会调整集合视图单元格的大小，使它们可以适应屏幕上的3个cols，但它似乎不会更改内部machineCircle视图的基本比例。 machineCircle视图仍然保持其大小为95x95，但似乎在视图内缩小，导致效果（这就是我迄今为止观察到的）。有什么想法吗？

Answer 1

根据Matt的建议，我创建了一种使用CALayers在UIView中绘制圆圈的方法。

对于任何感兴趣的人，这是我的实施：

func drawCircleInView(parentView: UIView, targetView: UIView, color: UIColor, diameter: CGFloat)
{
    let square = CGSize(width: min(parentView.bounds.width, parentView.bounds.height), height: min(parentView.bounds.width, parentView.bounds.height))
    let center = CGPointMake(square.width / 2 - diameter, square.height / 2 - diameter)

    let circlePath = UIBezierPath(arcCenter: center, radius: CGFloat(diameter), startAngle: CGFloat(0), endAngle: CGFloat(M_PI * 2), clockwise: true)
    let shapeLayer = CAShapeLayer()
    print(targetView.center)
    shapeLayer.path = circlePath.CGPath

    shapeLayer.fillColor = color.CGColor
    shapeLayer.strokeColor = color.CGColor
    shapeLayer.lineWidth = 1.0

    targetView.backgroundColor = UIColor.clearColor()
    targetView.layer.addSublayer(shapeLayer)
}

用以下方式调用：

drawCircleInView(self, machineCircle, color: UIColor.redColor(), radius: 30)

结果如下：

后面的白框仅用于演示目的，它显示了绘制圆圈的父视图，这将在生产中设置为透明。