如何在iOS中制作这个圈子？

Question

如何在iOS中制作此圈子？我使用Swift并且不知道如何在下面给出的图像中创建外圈。

Answer 1

我建议你有两层。基础层将是透明的，并且比上层更大，这是您的UIImageView实例。

然后，您可以为基础图层设置一个边框，其cornerRadius宽度的50％与图像视图相同。您可以在图层界面上访问cornerRadius。

let radius = imageView.frame.size.width * 0.5
imageView.layer.cornerRadius = radius

最后，您可以设置基础图层的边框。

Answer 2

您可以使用UIBezierPath和CAShapeLayer在UIImageView上绘制一个圆圈。

请检查代码：

    let center = CGPoint(x: self.view.frame.size.width / 2, y: self.view.frame.size.height / 2)
    let bezierPath = UIBezierPath()
    bezierPath.addArc(withCenter: center, radius: 90.0, startAngle: ((.pi * -90.0) / 180), endAngle: ((.pi * 360.0) / 180), clockwise: true)

    let shapeLayer = CAShapeLayer()
    shapeLayer.strokeColor = UIColor.white.withAlphaComponent(0.5).cgColor
    shapeLayer.fillColor = UIColor.clear.cgColor
    shapeLayer.lineWidth = 10.0
    shapeLayer.path = bezierPath.cgPath
    shapeLayer.borderWidth = 1.0
    shapeLayer.borderColor = UIColor.black.cgColor
    shapeLayer.lineCap = kCALineCapRound
    self.view.layer.addSublayer(shapeLayer)

希望它适合你！