使用CAShapeLayer绘制网格

时间:2015-07-21 03:00:26

标签: ios core-graphics core-animation

长话短说我想在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)


    }

distorted grid

1 个答案:

答案 0 :(得分:3)

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

你的代码做错了。

您需要使用方格纸绘制出您想要的对角线网格,找出对角网格的端点,然后想出一个循环,为您提供这些端点。

如果你想在5x5矩形中绘制对角线网格,你可以画出这样的线条:

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

您的网格间距可能比每个点更像20或30个点,并且您的整个网格可能是屏幕的完整大小,但您明白了。