将UIView设置为SCN内容

Question

我正在尝试将UIView与Arkit 3D空间一起使用。我看过一些示例，这些示例要求将UIView或UIView的图层设置为SCNMaterial对象的分散内容。到目前为止，这还没有达到我的预期。我只看到视图的框架，但未添加其中的子视图，可见层的拐角半径也未添加。

func setupBillBoard() {
    let view = PlayerView(frame: CGRect(x: 0, y: 0, width: 70, height: 40))
    view.backgroundColor = .red
    view.layer.cornerRadius = 14

    let material = SCNMaterial()
    material.diffuse.contents = view.asImage()
    material.isDoubleSided = true

    let plane = SCNPlane(width: 1, height: 1)
    plane.materials = [material]

    let node = SCNNode()
    node.geometry = plane
    node.position = SCNVector3(box.x, box.y + 0.3, box.z - 0.4)
    node.scale = SCNVector3(0.4, 0.4, 0.4)

    self.billBoardNode = node
}

查看扩展名以将UIView转换为图像捕获

    extension UIView {
        func asImage() -> UIImage {
            let renderer = UIGraphicsImageRenderer(bounds: bounds)
            return renderer.image { rendererContext in
                layer.render(in: rendererContext.cgContext)
            }
        }
    }

到目前为止，我在场景中只看到一个红色正方形的视图，仅此而已

此处为自定义课程代码：https://www.paste.org/106551附件中的Xib

Answer 1

这是我设置地雷的方式，它工作正常。您应该可以将功能复制并粘贴到viewDidLoad内，您会看到一个红色圆圈。您也可以使用UIImageView代替UIView。

创建后，自定义UIView调用yourView.layoutIfNeeded()，然后将其添加到SCNMaterial。

您还可以在几何图形上设置拐角半径：plane.cornerRadius = 0.015就像我在createAndPositionGrayNode()中所做的一样

override func viewDidLoad() {
    super.viewDidLoad()

    createAndPositionRedCircleNode()

    // or try it with an imageView, comment out the line above
    // createAndPositionGrayNode()
}

func createAndPositionRedCircleNode() {

    let redImage = UIColor.red.imageRepresentation

    let myView = UIView()
    myView.frame = CGRect(x: 0, y: 0, width: 250, height: 250)
    myView.layer.contents = redImage.cgImage
    myView.layoutIfNeeded()
    myView.layer.contentsGravity = CALayerContentsGravity.resizeAspectFill
    myView.layer.contentsScale = UIScreen.main.scale
    myView.layer.masksToBounds = true
    myView.layer.cornerRadius = myView.frame.width / 2

    let convertedImage = myView.asImage()

    let material = SCNMaterial()
    material.diffuse.contents = convertedImage

    let plane = SCNPlane(width: 0.15, height: 0.15)
    plane.materials = [material]
    plane.firstMaterial?.isDoubleSided = true

    let redNode = SCNNode(geometry: plane)
    redNode.name = "redNode"
    redNode.position = SCNVector3(0.0, 0.2, -0.7)
    sceneView.scene.rootNode.addChildNode(redNode)
}

func createAndPositionGrayNode() {

    let lightGrayImage = UIColor.lightGray.imageRepresentation

    let imageView = UIImageView()
    imageView.frame = CGRect(x: 0, y: 0, width: 250, height: 250)
    imageView.image = lightGrayImage
    imageView.contentMode = .scaleAspectFit
    imageView.backgroundColor = .clear
    imageView.layer.masksToBounds = true

    let material = SCNMaterial()
    material.diffuse.contents = imageView.image

    let plane = SCNPlane(width: 0.4, height: 0.4)
    plane.materials = [material]
    plane.firstMaterial?.isDoubleSided = true
    plane.cornerRadius = 0.015 // <-- geometry cornerRadius set here

    let grayNode = SCNNode(geometry: plane)
    grayNode.name = "grayNode"
    grayNode.position = SCNVector3(0.0, 0.2, -0.7)
    sceneView.scene.rootNode.addChildNode(grayNode)
}

extension UIView {
    func asImage() -> UIImage {
        let renderer = UIGraphicsImageRenderer(bounds: bounds)
            return renderer.image { rendererContext in
            layer.render(in: rendererContext.cgContext)
        }
    }
}