Size class 20150521
?
0 likes?572 views
【朝活】iOS開発会議 in beez渋谷17回目 https://www.facebook.com/events/1840190146205572/ の資料共有です。 今日は各デバイスを分けるsize classの使い方を見てみました。
Size class 20150521
- 4. Size Classとは ? XCode5まではiPhone, iPad両方に対応するにはStoryboardを2つ 用意する必要があった。 ? XCode6ではSize Classが導入され、1つのStoryboardで複数のデ バイス?デバイスの向きに対応できるようになった ? iPhone,iPadのサイズを「Compact」「Regular」 「Any(Compact,Regularどちらでも)」にわけて、AutoLayoutを 指定できる
- 5. Size Class Portrait(縦)の対応表 Portrait Width Portrait Height iPhone4s iPhone5/5s iPhone6 Compact Regular iPhone6 plus Compact Regular iPad Regular Regular iPhoneは幅がCompactで高さがRegular iPadは幅も高さもRegular
- 6. Size Class Landscape(横)の対応表 Landscape Width Landscape Height iPhone4s iPhone5/5s iPhone6 Compact Compact iPhone6 plus Regular Compact iPad Regular Regular iPhone4s-6は幅がCompactで高さがCompact iPhone6 plusは幅がRegularで高さがCompact iPadは幅も高さもRegular
- 7. 设定してみる
- 8. Size Class Portrait プレビュー
- 9. Size Class Portrait プレビュー 【iPhone緑のViewの制約】 高さ200 右：-16 上：0 左：-16 【iPhoneボタン1の制約】 高さ80 幅：80 上：30 左：30 LabelFontサイズ：15
- 10. Size Class Portrait プレビュー 【iPad緑のViewの制約】 高さ:300 右：-16 上：0 左：-16 【iPadボタン1の制約】 高さ:120 幅：120 上：30 左：30 LabelFontサイズ：24 iPadのみのラベルを表 示
- 11. Size Class Landscape プレビュー
- 12. Size Class Landscape プレビュー iPhoneはUIの配置を変える
- 13. Size Class Landscape プレビュー iPadはそのまま
- 14. 各Size Classの指定方法
- 15. AutoLayoutを指定する wAny hAnyをクリックして指定したいサイズクラスにする (ここではRegular width , Regular Heightにする）
- 16. AutoLayoutを指定する 1.変更したい制約を選択する 2.左の「+」ボタンをクリック 3.ポップアップの「Regular Width ? Regular Height(current)を選択 4.「wR hR」に新しい制約を入れる
- 20. 参考URL 小学生でも分かった気になるiOS8のSize classhttp:// www.slideshare.net/YoshinoriImajo/ios8size-class Size Classについて調べた http://qiita.com/pirosikick/items/665a212d9cf1d6b3991b Xcode 6 時代のマルチデバイス対応 ～Size Classとベクター画像～ http://qiita.com/shu223/items/b4fad50a35183fbda3af