원형 차트 그리기

6709 단어 SwiftiOS

개시하다


Swift로 원형 차트를 그립니다.
반원을 그려서 사람들이 쉽게 이해할 수 있도록 해 보아라.
시작과 끝의 각도를 지정하는 것이 중요하다.
시작 각도는 0.0이고 끝 각도는 PI(3.14)입니다.
example1.swift

import UIKit

class ViewController: UIViewController {

    override func viewDidLoad() {
        super.viewDidLoad()

        let pi = CGFloat(M_PI)
        let start:CGFloat = 0.0 // 開始の角度
        let end :CGFloat = pi // 終了の角度

        let path: UIBezierPath = UIBezierPath();
        path.moveToPoint(CGPointMake(self.view.frame.width/2, self.view.frame.height/2))
        path.addArcWithCenter(CGPointMake(self.view.frame.width/2, self.view.frame.height/2), radius: 100, startAngle: start, endAngle: end, clockwise: true) // 円弧

        let layer = CAShapeLayer()
        layer.fillColor = UIColor.orangeColor().CGColor
        layer.path = path.CGPath

        self.view.layer.addSublayer(layer)
    }

    override func didReceiveMemoryWarning() {
        super.didReceiveMemoryWarning()
    }
}
실행 결과는 다음과 같습니다.
let end :CGFloat = pi * 2.0면엔입니다.
let end :CGFloat = pi * 2.0let end :CGFloat = 1.0 * pi * 2.0로 고려하면 1.0를 바꾸면 각도를 바꿀 수 있다는 것을 알 수 있다.let end :CGFloat = 0.25 * pi * 2.0 원의 1/4을 그릴 수 있습니다.

원의 드로잉 시작 위치 조정


원의 그리기 시작 위치를 조정하기 위해 시작과 끝의 각도에서 각각 빼기pi / 2.0.
example2.swift
let start:CGFloat = -1 * pi / 2.0
let end:CGFloat = 0.25 * pi * 2.0 - (pi / 2.0)
실행 결과는 다음과 같습니다.

응용 프로그램


여러 개의 원을 조합하면 보건 프로그램에 도표를 그릴 수 있다.

좋은 웹페이지 즐겨찾기