如何正确调整 SKView 子视图和 SKScene 的大小

Question

我正在尝试获取/设置子视图的正确大小 (SKView)。

我正在使用故事板创建一个 UIView，以及一个 SKView 的子视图。我想以编程方式创建一个尺寸为 SKView 的 SKScene。

我的想法是 scene.size.height 和 scene.size.width 将等于 SKView 的高度和宽度。为了测试这一点，我在每个角上画了四个蓝色圆圈，在边框上画了红线。当我期望看到所有四个蓝色角点和边界线时，我只能看到左下角。

请忽略场景中的黑圈，它们无关紧要。

iPhone 6 截图（纵向）

iPhone 6 截图（横向）

我添加了 SW（西南）、SE、NE 和 NW 标签

ViewController 带 SKView 参考 这是我创建 SKSCene 的地方（参见 func newGame）

import UIKit
import SpriteKit


class CenterView: UIViewController, ActionDelegate {
    @IBOutlet weak private var navBar:UINavigationBar!
    @IBOutlet weak private var titleBar:UINavigationItem!
    @IBOutlet weak private var gameView:SKView!

    var navigation:NavigationDelegate?
    var action:ActionDelegate?
    var game:GameDelegate?

    override func viewDidLoad() {
        super.viewDidLoad()
        self.action = self
        newGame()
    }

    @IBAction func menuClick(sender: AnyObject) {
        navigation?.toggleLeftPanel()
    }

    func setTitleBarTitle(title: String) {
        titleBar.title = title
    }

    func newGame() {
        print("skview bounds: \(self.gameView.bounds.size)")
        let game = GameScene(size: self.gameView.bounds.size)
        self.game = game
        game.action = action
        game.scaleMode = .ResizeFill
        self.gameView.presentScene(game)
    }
}

Main.storyboard

约束条件

添加角圆和边框线

if let scene = self.scene {
            let dot = SKShapeNode(circleOfRadius: 10)
            dot.fillColor = UIColor.blueColor()
            dot.position = CGPoint(x: 0,y: 0)

            let dot1 = SKShapeNode(circleOfRadius: 10)
            dot1.fillColor = UIColor.blueColor()
            dot1.position = CGPoint(x: scene.size.width,y: 0)

            let dot2 = SKShapeNode(circleOfRadius: 10)
            dot2.fillColor = UIColor.blueColor()
            dot2.position = CGPoint(x: 0,y: scene.size.height)

            let dot3 = SKShapeNode(circleOfRadius: 10)
            dot3.fillColor = UIColor.blueColor()
            dot3.position = CGPoint(x: scene.size.width,y: scene.size.height)


            let left = SKShapeNode(rect: CGRect(x: 0, y: 0, width: 3, height: scene.size.height))
            let top = SKShapeNode(rect: CGRect(x: 0, y: scene.size.height, width: scene.size.width, height: 3))
            let right = SKShapeNode(rect: CGRect(x: scene.size.width, y: 0, width: 3, height: scene.size.height))
            let bottom = SKShapeNode(rect: CGRect(x: 0, y: 0, width: scene.size.width, height: 3))

            left.fillColor = UIColor.redColor()
            top.fillColor = UIColor.redColor()
            bottom.fillColor = UIColor.redColor()
            right.fillColor = UIColor.redColor()


            scene.addChild(dot)
            scene.addChild(dot1)
            scene.addChild(dot2)
            scene.addChild(dot3)

            scene.addChild(left)
            scene.addChild(top)
            scene.addChild(right)
            scene.addChild(bottom)
        }

Answer 1

原来是我的约束没有设置正确。

约束条件

结果

如何正确调整 SKView 子视图和 SKScene 的大小

How to size SKView sub view and SKScene correctly

ios

uistoryboard

skview

swift