如何在没有 3rd 方库 iOS Swift 的情况下绘制饼图，获得的标记填充总标记中的一些颜色答案

【问题标题】：How to draw PieChart, Obtained Marks fill with some colour out of Total Marks without 3rd party library iOS Swift如何在没有 3rd 方库 iOS Swift 的情况下绘制饼图，获得的标记填充总标记中的一些颜色
【发布时间】：2020-05-10 05:49:47
【问题描述】：

我想要这样

任何代码示例都将不胜感激

【问题讨论】：

你不妨看看图表库：github.com/danielgindi/Charts
你想要动画吗？
是的 .. github.com/danielgindi/Charts 你可以看看这个 .. 如果你想在你的项目中添加依赖项......或者尝试自己构建它 .. 它不是那么困难 umer ...
@jawadAli 是动画
如果您不想使用库，请查看此自定义动画圆形进度条youtube.com/watch?v=O3ltwjDJaMk

标签： ios swift calayer uibezierpath cashapelayer

【解决方案1】：

这是一个起点...为您的帮助创建了一个循环进度视图

import UIKit
public class CircularProgressView: UIView {
  // First create two layer properties
  private lazy var circleLayer : CAShapeLayer = {
    let shape = CAShapeLayer()
    shape.fillColor = UIColor.clear.cgColor
    shape.lineCap = .round
    shape.lineWidth = 30.0
    shape.strokeColor = #colorLiteral(red: 0.7999292612, green: 0.8000453115, blue: 0.7999040484, alpha: 1)
    return shape

  }()

  private lazy var progressLayer : CAShapeLayer = {
    let progress = CAShapeLayer()
    progress.fillColor = UIColor.clear.cgColor
   // progress.lineCap = .round
       progress.lineWidth = 30.0
       progress.strokeEnd = 0
       progress.strokeColor = #colorLiteral(red: 0.07347138971, green: 0.5590900779, blue: 0.8216868043, alpha: 1)
    return progress
  }()


  override init(frame: CGRect) {
    super.init(frame: frame)
    createCircularPath()
  }
  required init?(coder aDecoder: NSCoder) {
    super.init(coder: aDecoder)
    createCircularPath()
  }


 private func createCircularPath() {

    updatePath()
    layer.addSublayer(circleLayer)
    layer.addSublayer(progressLayer)
  }
  public override func layoutSubviews() {
    updatePath()
  }

  private func updatePath() {
    let circularPath = UIBezierPath(arcCenter: CGPoint(x: frame.size.width / 2.0, y: frame.size.height / 2.0), radius: 80, startAngle: -.pi / 2, endAngle: 3 * .pi / 2, clockwise: true)

       circleLayer.path = circularPath.cgPath
       progressLayer.path = circularPath.cgPath
  }

}
public extension CircularProgressView {
  func progressAnimation(_ percentage:Float) {

    let circularProgressAnimation = CABasicAnimation(keyPath: "strokeEnd")
    circularProgressAnimation.duration = 1
    circularProgressAnimation.toValue = Float( percentage / 100 )
    circularProgressAnimation.fillMode = .forwards
    circularProgressAnimation.isRemovedOnCompletion = false
    progressLayer.add(circularProgressAnimation, forKey: "progressAnim")
  }
}

【讨论】：

【解决方案2】：

你真正想要的是定制的东西。这可以自定义构建，也可以使用经过某些修改的第三方库。你们一堆在可可足上，但我建议的是 https://github.com/danielgindi/Charts

【讨论】：