小编suk*_*ukh的帖子

UIView绘制圆弧型仪表图

我有一个仪表形状的图表,它有多个设计元素(见附件)。我正在努力解决的关键部分真的是用虚线获得了一个不错的弧形。

到目前为止,我不确定我是否应该沿着 Core Graphics 路线走或使用 UIKit 中的某些东西,即 UIBezierPath。

我在一个扩展 UIView 的类中尝试过这个,它给了我虚线,但弧线本身不够好:

class Example: UIView {

    override func drawRect(rect: CGRect) {

        let context = UIGraphicsGetCurrentContext()
        CGContextSetLineWidth(context, 10.0)
        CGContextSetStrokeColorWithColor(context, UIColor.greenColor().CGColor)
        let dashArray:[CGFloat] = [1,10, 0, 0]
        CGContextSetLineDash(context, 2, dashArray, 4)
        CGContextMoveToPoint(context, 10, 200)
        CGContextAddQuadCurveToPoint(context, 0, 0, 100, 200)
        CGContextStrokePath(context)
    }
}
Run Code Online (Sandbox Code Playgroud)

然后还有其他一些方法可以使用 UIBezierPath 实现这一点,但我不确定我将如何在此处应用虚线...

用虚线获得圆弧的主要基础是我的主要目标 atm - 我相信一旦我得到这个,我将能够锻炼渐变和动画:)

任何帮助,将不胜感激 :)

在此处输入图片说明

core-graphics uiview ios uibezierpath uigraphicscontext

5
推荐指数
1
解决办法
1312
查看次数