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

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 的基础（你的场景就像你的虚拟屏幕，这就是你应该如何处理其中的一切）相反，你应该做的是从屏幕转换为场景，这样无论缩放模式或锚点如何，你的标签都在你想要的位置。

要将视图的右上角转换为场景，您需要

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)
}

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

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

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

How can I put a coin label in the corner of every device in my universal app?

ios

sprite-kit

sklabelnode

swift