Как нарисовать CATransform3D для этого слоя? - PullRequest
Новая
       54

Как нарисовать CATransform3D для этого слоя?

0 голосов
/ 03 июля 2018

Я использую CATransform3D и CAShapeLayer для создания слоя, как показано ниже enter image description here

Вот мой код. 

let path = CGMutablePath()
        let startPoint = CGPoint(x: center.x - width / 2, y: center.y - height / 2)
path.move(to: startPoint)

path.addLine(to: CGPoint(x: startPoint.x + width, y: startPoint.y))

path.addLine(to: CGPoint(x: startPoint.x + width, y: startPoint.y + height))

path.addLine(to: CGPoint(x: startPoint.x, y: startPoint.y + height))

path.closeSubpath()

    let backgroundLayer = CAShapeLayer()
backgroundLayer.path = path
backgroundLayer.fillColor = UIColor.clear.cgColor
backgroundLayer.strokeColor = boarderColor.cgColor
var transform = CATransform3DIdentity
transform.m34 = -1 / 500
let angle = 45.toRadians
backgroundLayer.transform = CATransform3DRotate(transform, angle, 1, 0, 0)

Вывод, как показано ниже. enter image description here

Может ли кто-нибудь помочь указать причину? Спасибо

1 Ответ

0 голосов
/ 04 июля 2018

BackgroundLayer нужны рамка и позиция. Если они добавлены, результат будет следующим:

result with frame and position

Источник

Здесь слегка измененная версия вашего кода, которая дает результат, показанный на скриншоте. 

import UIKit

class ViewController: UIViewController {

    override func viewDidLoad() {
        super.viewDidLoad()

        let boarderColor = UIColor.red
        let height: CGFloat = 400
        let width: CGFloat = 250
        let center = CGPoint(x: width / 2.0, y: height / 2)

        let path = CGMutablePath()
        let startPoint = CGPoint(x: center.x - width / 2, y: center.y - height / 2)
        path.move(to: startPoint)
        path.addLine(to: CGPoint(x: startPoint.x + width, y: startPoint.y))
        path.addLine(to: CGPoint(x: startPoint.x + width, y: startPoint.y + height))
        path.addLine(to: CGPoint(x: startPoint.x, y: startPoint.y + height))
        path.closeSubpath()

        let backgroundLayer = CAShapeLayer()
        backgroundLayer.path = path
        backgroundLayer.fillColor = UIColor.clear.cgColor
        backgroundLayer.strokeColor = boarderColor.cgColor
        //these two lines are missing
        backgroundLayer.frame = CGRect(x: 0, y: 0, width: width, height: height)
        backgroundLayer.position = CGPoint(x: self.view.bounds.width / 2.0, y: self.view.bounds.height / 2)

        var transform = CATransform3DIdentity
        transform.m34 = -1 / 500
        let angle = CGFloat(45 * Double.pi / 180.0)
        backgroundLayer.transform = CATransform3DRotate(transform, angle, 1, 0, 0)

        self.view.layer.addSublayer(backgroundLayer)
    }

}
...