ios - 如何在我的通用应用程序中的每台设备的角落放置一个硬币标签？

Question

我想在每个设备的左上角创建一个 SKLabelNode。另外，在左上角标签的左侧，我想要一个硬币图像来显示这是当前的硬币计数标签。每次我将标签放在 iPhone 6s+ 的角落时，它都不会放在 iPad 的角落里。

到目前为止，这是我的代码:

    cornerCoin.position = CGPoint(x: screenWidth / -3.1, y: screenHeight / 3.175)
    cornerCoin.zPosition = 10
    cameraNode.addChild(cornerCoin)

    coinLabel.position = CGPoint(x: screenWidth / -2.4, y: screenHeight / 8)
    coinLabel.zPosition = 1
    coinLabel.fontSize = 50
    coinLabel.fontColor = UIColor.black
    coinLabel.fontName = "04b19"
    cameraNode.addChild(coinLabel)

Answer 1

就个人而言，我不会跟踪 screenWidth/screenHeight，它一开始就违背了 SpriteKit 的基础(你的场景就像你的虚拟屏幕，这是你应该如何处理其中的一切)相反，你应该做什么从屏幕转换为场景，这样无论缩放模式或 anchor 如何，您的标签都在您想要的位置。

要将 View 的右上角转换为场景，您需要这样做

if let view = scene.view
{
    let topRightPos = view.convert(CGPoint(x:view.frame.maxX,y:view.frame.minY),to:scene)
    let camTopRight = scene.convert(topRightPos,to:cameraNode)
}

现在我们知道我们的右上角位置在哪里:

我们可以做到

if let view = scene.view
{
    let topRightPos = view.convert(CGPoint(x:view.frame.maxX,y:view.frame.minY),to:scene)
    let camTopRight = scene.convert(topRightPos,to:cameraNode)

    coinLabel.position = camTopRight
    coinLabel.zPosition = 1
    coinLabel.fontSize = 50
    coinLabel.fontColor = UIColor.black
    coinLabel.fontName = "04b19"
    coinLabel.horizontalAlighmentMode = .right
    coinLabel.verticalAlighmentMode = .top        
    cameraNode.addChild(coinLabel)

}

右对齐我们的标签，使文本始终向左延伸，然后添加硬币，我们这样做:

if let view = scene.view
{
    let topRightPos = view.convert(CGPoint(x:view.frame.maxX,y:view.frame.minY),to:scene)
    let camTopRight = scene.convert(topRightPos,to:cameraNode)
    coinLabel.position = camTopRight
    coinLabel.zPosition = 1
    coinLabel.fontSize = 50
    coinLabel.fontColor = UIColor.black
    coinLabel.fontName = "04b19"
    coinLabel.horizontalAlighmentMode = .right
    coinLabel.verticalAlighmentMode = .top        
    cameraNode.addChild(coinLabel)

    cornerCoin.position = CGGPoint(x:0.0,y:coinLabel.frame.midY)
    cornerCoin.anchorPoint = CGPoint(x:1.0,y:0.5)
    cornerCoin.zPosition = 10
    cameraNode.addChild(cornerCoin)
}

我们的标签现在应该位于相机的右上角，硬币应该位于我们标签的左侧，与文本垂直居中。

如果您不喜欢顶部对齐的外观，您可能想尝试一下标签的放置方式。