使用 CAShapeLayer 绘制网格

Question

长话短说我想在 CALayerShape 上画一个对角线网格。我的代码而不是直线产生某种弯曲的疯狂。它看起来很有趣，我希望它能达到预期的效果，但不，不是。

我的问题： 1. 我如何使用 CAShapeLayer 绘制直线？ 2. 我是否发现了某种影响模拟器中像素引力的黑洞？

func drawPath(_view:UIView, phase:CGFloat, segment:CGFloat){
        // we need two runs
        var height = CGRectGetHeight(view.frame)
        let width = CGRectGetWidth(view.frame)

        let segment:CGFloat = 40
        var currentX:CGFloat = segment
        var cgpath =  CGPathCreateMutable()

        for var y = height; y > 0 ; y = y - segment {


            CGPathMoveToPoint(cgpath, nil, 0, y)
            CGPathAddLineToPoint(cgpath, nil, currentX, 0)
            CGPathCloseSubpath(cgpath)

            currentX += segment
        }

        var layer = CAShapeLayer()
        layer.path = cgpath
        layer.strokeColor = UIColor.redColor().CGColor
        layer.lineWidth = 1
        layer.fillColor = UIColor.blackColor().CGColor

        view.layer.addSublayer(layer)


    }

Answer 1

你画的其实是直线。它看起来弯曲的事实是一种错觉。你可以用纱线和一块硬纸板得到同样的效果。

你的代码做错了。

你需要用方格纸画出你想要的对角线网格，找出你的对角线网格的端点，然后想出一个给你这些端点的循环。

如果您想在 5x5 矩形中绘制对角线网格，您可以像这样绘制线条：

0,1 to 1,0
0,2 to 2,0
0,3 to 3,0
0,4 to 4,0

您的网格间距可能比每个点都多 20 或 30 个点，并且您的整个网格可能是屏幕的全尺寸，但您明白了。

使用 CAShapeLayer 绘制网格

Drawing grid using CAShapeLayer

core-animation

core-graphics

ios