質問編集履歴

2 タイトルを変更

tossymotion

tossymotion score 14

2017/09/16 16:47  投稿

SpriteKitで配置したボタンのレイアウトがずれる
【Swift】SpriteKitで配置したボタンのレイアウトがずれる
###前提・実現したいこと
xcode8 と swift3を使っています。
現在SwiftのSpriteKitを使って横画面でプレイする2Dゲームを作成しています。
ファイルの構成はGameViewController.swift,TitleScene.swiftの2つ。
アプリ起動時にはGameViewCotnrollerでSKViewを生成しそこにSKSceneを継承した
ゲームのタイトル画面となるTitleSceneを表示するようにしています。
実現したいことはタイトル画面の左上にゲーム全体の音量調整などを
行う設定(setting)ボタンをTitleScene.swiftにてSpriteNodeで生成し配置しているのですが、
その設定ボタンの表示位置をどのデバイスでも(iPhone,iPad)でも正しく画面左上ぎりぎりに表示したい。
SpriteNodeで作ったボタンにMain.storyboardのAutolayoutような制約をつけたい。
###問題
iOSシミュレーターで動作確認をしたところ
iPhoneのシミュレーターでは設定ボタンが期待通り画面左上ぎりぎりに配置されるのですが、
画面サイズ比率の違うiPadで確認すると設定ボタンが画面の左上ぎりぎりに
表示されず少し下にずれて表示されてしまいます。
###試したこと
今回はボタンをSpriteNodeで作成しているので
Main.stroyboardでボタン部品を配置してAutolayoutで制約ということができません。
いろいろ調べてみたのですが分からず困っております。
もしかしたら初歩的なことを聞いているかもしれませんが
ご教授いただければ大変助かります。
よろしくお願いいたします。
  • Xcode

    6822 questions

    Xcodeはソフトウェア開発のための、Appleの統合開発環境です。Mac OSXに付随するかたちで配布されています。

  • iPad

    208 questions

    iPadは、Appleがデザインしたタブレット型コンピュータです。iPadアプリケーションは通常Xcode IDEのObjective-Cで書かれますが、iPadアプリケーションを組むためのほかのツールを使うことも可能です。

  • Swift

    11900 questions

    Swiftは、アップルのiOSおよびOS Xのためのプログラミング言語で、Objective-CやObjective-C++と共存することが意図されています

  • iPhone

    1464 questions

    iPhoneとは、アップル社が開発・販売しているスマートフォンです。 同社のデジタルオーディオプレーヤーiPodの機能、電話機能、インターネットやメールなどのWeb通信機能の3つをドッキングした機器です。

  • SpriteKit

    149 questions

    SpriteKitは、iOSやOS Xで使用できるApple社製の2Dゲーム開発フレームワークです。

1 記入内容を少し変えました。

tossymotion

tossymotion score 14

2017/09/16 11:36  投稿

SpriteKitで配置したボタンのレイアウトがずれる
###前提・実現したいこと
xcode8 と swift3を使っています。
現在SwiftのSpriteKitを使って横画面でプレイする2Dゲームを作成しています。
ファイルの構成はGameViewController.swift,TitleScene.swiftの2つ。
アプリ起動時にはGameViewCotnrollerでSKViewを生成しそこにSKSceneを継承した
ゲームのタイトル画面となるTitleSceneを表示するようにしています。
実現したいことはタイトル画面の左上にゲーム全体の音量調整などを
行う設定(setting)ボタンをTitleScene.swiftにてSpriteNodeで配置しているのですが、
行う設定(setting)ボタンをTitleScene.swiftにてSpriteNodeで生成し配置しているのですが、
その設定ボタンの表示位置をどのデバイスでも(iPhone,iPad)でも正しく画面左上ぎりぎりに表示したい。
SpriteNodeで作ったボタンにMain.storyboardのAutolayoutような制約をつけたい。
###問題
iOSシミュレーターで動作確認をしたところ
iPhoneのシミュレーターでは設定ボタンが期待通り画面左上ぎりぎりに配置されるのですが、
画面サイズ比率の違うiPadで確認すると設定ボタンが画面の左上ぎりぎりに
表示されず少し下にずれて表示されてしまいます。
###試したこと
今回はボタンをSpriteNodeで作成しているので
Main.stroyboardでボタン部品を配置してAutolayoutで制約ということができません。
いろいろ調べてみたのですが分からず困っております。
もしかしたら初歩的なことを聞いているかもしれませんが
ご教授いただければ大変助かります。
よろしくお願いいたします。
  • Xcode

    6822 questions

    Xcodeはソフトウェア開発のための、Appleの統合開発環境です。Mac OSXに付随するかたちで配布されています。

  • iPad

    208 questions

    iPadは、Appleがデザインしたタブレット型コンピュータです。iPadアプリケーションは通常Xcode IDEのObjective-Cで書かれますが、iPadアプリケーションを組むためのほかのツールを使うことも可能です。

  • Swift

    11900 questions

    Swiftは、アップルのiOSおよびOS Xのためのプログラミング言語で、Objective-CやObjective-C++と共存することが意図されています

  • iPhone

    1464 questions

    iPhoneとは、アップル社が開発・販売しているスマートフォンです。 同社のデジタルオーディオプレーヤーiPodの機能、電話機能、インターネットやメールなどのWeb通信機能の3つをドッキングした機器です。

  • SpriteKit

    149 questions

    SpriteKitは、iOSやOS Xで使用できるApple社製の2Dゲーム開発フレームワークです。

思考するエンジニアのためのQ&Aサイト「teratail」について詳しく知る