マルチデバイス対応！Xcode6の「Sizeクラス 」でiPhone/iPadアプリの画面設計がカンタンになった！
iPhoneとiPadの両方に対応させたい場合、別々に作成するよりも、同じアプリで作成できたほうが管理しやすいし、便利です。
Xcode6では、新しくSizeクラスという考え方が導入されました。iPhoneとiPadだけでなく、縦と横で画面を変えたい場合にも使える機能です。
まずこの機能を試すには、Storyboardを開きます。
Storyboardの下に w Any h Any と書かれていますが、ここをクリックするとマスのようなものがでてきます。マウスで大きさが選択できますが、以下の表のように対応しています。
| デバイス | 縦向き時の横幅 | 縦向き時の縦幅 | 横向き時の横幅 | 横向き時の縦幅 |
|---|---|---|---|---|
| iPhone 4S, 5, 5S, 6 | Regular | Compact | Compact | Compact |
| iPhone 6 Plus | Regular | Compact | Regular | Compact |
| iPad | Regular | Regular | Regular | Regular |
例えば、iPhone 6 Plusの縦向き時の画面を作る場合は、横がCompact、縦がRegularになります。Sizeを選択して縦向きの時はボタンを置きます。
今度は、Sizeを横がRegular、縦がCompactに変更。スイッチを右上におきます。
そうすると、縦向きの時はボタンが出ますが、スイッチは出ません。逆に横向きの時はボタンが消えて、スイッチがでてきます。このように縦向きと横向きで表示が変わります。かんたんですね。ちなみにSizeをAny width, Any Heightにすると全画面共通のオブジェクトを設置できます。
(参考リンク)
小学生でも分かった気になるiOS8のSize Class
Xcode 6 時代のマルチデバイス対応 ～Size Classとベクター画像～Add Starpink_revengesawat
SPONSER
イリテク株式会社 代表
Web・アプリエンジニア。長崎県五島列島出身。福岡在住。1982年生まれの32歳です。
Web制作会社にて10年勤務後、独立してイリテク株式会社を設立。
イリテクは、iOSアプリ開発、Webデザイン・システム開発を業務として行なっております。また、自社企画・運営サービスとしてCLOUD PAPERというクラウド見積請求書サービスの企画・運営も行なっております。
お仕事のお問い合わせはこちらから！
RELATED ARTICLES
-
iOS5より古いバージョンのプロジェクトファイルをARCに対応させる
iOS5からARC(Auto Reference Counting)という便利な機能が追加されました。これまでせかせかと書いていたretainやreleaseを記述しなくても、自動的にXcode側で管理してくれるというものです。しかし、...
-
iPhoneアプリがメモリリークや不正アクセスで落ちてしまう時の対策
これまでに作ったアプリが、不定期に落ちたり、落ちなかったりする時があり、ずっと悩んでいたのですが、どうにか解決しました。今のところ、落ちていません。 落ちるタイミングとして、NavigationC...
-
アプリをiPhone5に対応させる5つの手順
ご存知の通りiPhone5はこれまでに比べ、解像度が1,136x640ピクセルと高さが大きくなりました。このことで、アプリ側も調整が必要になります。 今回は、iPhone5に対応してアップデートするまでの手順...
-
通勤中でも寝る前でも！iPhoneプログラミングを勉強出来る簡単な方法！
Appleから提供されているiOSのプログラミングガイド。日本語に翻訳されたiOSのドキュメントがあります。iOSデバイス向けのアプリを開発するにあたっては、必読の内容となっています。 これらは全てP...
-
Apple新言語「Swift」ことはじめ。勉強用リンクまとめ。
昨年AppleのWWDC2014で新しく発表された新言語「swift」。アマツバメ(雨燕)、速いの意味をもつそうです。Objective-Cよりも早く動く。おそらく数年のうちに、もしかするとObjective-Cがなくなるかもし...
クラウドで見積請求書の作成・管理ができるCloud Paper
CloudPaperは弊社イリテクで開発・運用している見積請求書管理システムです。
もともとは自社で使うために作られました。インストール不要でWindowsでもMacでも
無料ではじめることができますので、ぜひお試しください！