>StoryBoardの表示サイズをデバイスに合わせる。62015/01/20TwitterFacebookGoogle+はてブ「それじゃ、始めましょうか。」と、独り言を呟きながらXcodeのアイコンをクリックする。プロダクト名に「MADO」と入れる。言語はもちろん「Swift」だ。OKボタンを押したら、一つのViewControllerのみが設定された、まっさらな画面が表れる。この画面を見るたびに、私は新しい真っ白な画用紙を連想する。これからいろんなものを書き加えていくんだというワクワク感が共通しているのかもしれない。左ペインのメニューから「Main.storyBoard」のファイルを選択する。私の開発手順としては、まずは最初にトップ画面とその次の画面までをStoryBoardで簡単に作り、そこから機能を作り込んでいく。その後にレイアウト等を作り込んでいくようにしている。難しい部分から着手したほうが、スケジュールがブレるリスクが少なくなるからだ。どこも似た様なものかもしれないけれど。ウィンドウにStoryBoardの画面が表示される。画面には真四角なViewが表示されている。Xcode5まではこんな事はなかった。最初に表示されるのは直感的にiPhoneだとわかる縦長のViewだった。Watchを意識しすぎて、四角にでもしたというのだろうか。「これ、どうすりゃいいのよ・・・」スタートから5秒。開発が速攻で行き詰ってしまった。StoryBoardの表示サイズを変更するiOS8から、Adaptiveというマルチデバイスな概念が取り入れられ、それに合わせてXcode6のレイアウトの設定もXcode5から変わりました。Classというデバイスを判定する新しい定義ができて、それを用いる必要があります。その辺りの詳細は以下のサイト様をご参考ください。Collection」ただ、「もちろんマルチデバイスは必要なのはわかるけど、それはともかくとして、まずは手持ちのiPhoneで手っ取り早くデモをしたいから、実機に合わせたサイズでStoryBoardを設定したいんだけども!」という方もいると思います。inspector」を選択します。Metrics」のサイズを選択します。すると、一覧の選択項目にデバイスのサイズが出てきますので、自分が使いたい好みのサイズにします。ちなみに3.5-inchがiPhone4s、4-inchがiPhone5とiPhone5s、4.7-inchがiPhone6で、5.5-inchがiPhone6Plusになります。すると、Viewの画面がそのサイズに合わせた形に変わります。あとはボタンを配置すれば、そのデバイスではボタンが配置された通りに表示がされるはずです。Constraintを設定しないと他のデバイスではガタガタになるこの方法は、手っ取り早くパーツを配置して確認するにはもってこいですが、問題もあります。このSizeの指定は、あくまでその端末でのみに有効な設定のため、他のデバイスで見ると、それはそれは無残な形になります。Autolayoutを使っていて、パーツのConstraintを設定していないので当たり前といえば当たり前なんですが、普段使っているデバイスではまともに見える分、ショックが大きかったりします。この方法は、あくまで仮設定と考えて、ゆくゆくは必ずConstraintを設定して、マルチデバイス対応するようにしてください。アプリシェアお願いします!TwitterFacebookGoogle+はてブLINEPocketRSSfeedly公演の告知をしたいあなたへ。コメントをキャンセルメールアドレスが公開されることはありません。*サイト次回のコメントで使用するためブラウザーに自分の名前、メールアドレス、サイトを保存する。コメントデータの処理方法の詳細はこちらをご覧ください。関連記事Xcodeのフォルダやファイルのリンク切れを直す。9「このViewController、なんか名前がわかりにくいよなぁ。...祝!Swiftオープンソース化いよいよSwiftがオープンソース化されました。...Swiftで作った新しいアプリ。2ヶ月くらいのご無沙汰の記事である。...UIImageViewのcontentModeを実際に試してみた。...objective-cでランダムな値を作る。プログラムを使っていると、ランダム値、乱数を使いたい事があると思います。8画面遷移を設定するまでに既にいくつか壁にぶつかっている状態。収益についてアプリ開発をしていますと言うと、大概の相手に言われるのがこの言葉。POSTSass/SCSSを自動コンパイル。DevOpsをやってみたいあなたに。Form公演情報ポータルサイト「goran*are」をリリースしました。Satoshi業務ではAzure,C#を中心に活動。個人でiOSのカメラアプリの開発や、Webサービスの開発を行っています。この記事に載せている内容は筆者個人の見解であり、筆者の所属組織とは無関係です。contact@zutto-megane.comtwitter:https://twitter.com/zt_megane作ったアプリリンク人気記事一覧Xcodeのフォルダやファイルのリンク切れを直す。DevOpsをやってみたいあなたに。認定スクラムマスター研修に参加してきました。ツイートStoryBoardの表示サイズをデバイスに合わせる。