绘制圆形装载机

时间:2017-12-21 14:40:30

标签: ios swift

我必须按照下面的图像创建一个圆形装载器(Front比尾部厚)

enter image description here

我可以创建循环进度条并提供旋转动画。

下面是圆圈的代码

func circleFrame() -> CGRect {
  var circleFrame = CGRect(x: 0, y: 0, width: 2 * circleRadius, height: 2 * circleRadius)
  let circlePathBounds = circlePathLayer.bounds
  circleFrame.origin.x = circlePathBounds.midX - circleFrame.midX
  circleFrame.origin.y = circlePathBounds.midY - circleFrame.midY
  return circleFrame
}

func circlePath() -> UIBezierPath {
  return UIBezierPath(ovalIn: circleFrame())
}

使用上面的代码我可以创建一个宽度相等但不像显示图像的圆圈。

请指导我如何创建像上面图像一样的装载机(尾部比前面更薄)。任何想法或建议都会很棒。

1 个答案:

答案 0 :(得分:2)

最简单的方法可能是创建要显示的图像然后旋转它,而不是尝试从头开始绘制。

我还没有尝试过以下教程,但我将其作为如何完成此示例的示例: https://bencoding.com/2015/07/27/spinning-uiimageview-using-swift/

请注意,GitHub版本(在该页面上链接)包括Swift 4更新。