如何使用 UIView 實現 3D 效果 - swift

Question

我想達到與附圖相同的效果。 如何以特定角度放置視圖？ 我嘗試使用UIBezierPath沒有成功。

Answer 1

您可以使用CATransform3DConcat Apple 文檔

view.layer.transform = CATransform3DConcat(view.layer.transform, CATransform3DMakeRotation(.pi/4, .zero, .zero, .zero))

Answer 2

您可以將CATransform3DRotate與管理深度的m34屬性一起使用。 只需確保在旋轉之前設置m34 。

override func viewDidLoad() {
    super.viewDidLoad()
    
    var transform = CATransform3DIdentity
    transform.m34 = -1.0 / 500.0
    transform = CATransform3DRotate(transform, 15 * .pi / 180, 1, 0, 0)
         
    cardView.backgroundColor = .systemBlue
    cardView.layer.cornerRadius = 8
    cardView.layer.transform = transform
}

結果：