タグ

autolayoutとSizeClassに関するclavierのブックマーク (3)

  • 端末のサイズごとにViewのConstraintを変更する | Cyber Passion for iOS

    前回のつづき。 特定のSize ClassごとにConstraintを設定する方法も、前回のViewの表示・非表示とほとんど変わりません。 説明の前に 前回書いたのと同じ内容ですが、この記事から見始めた人のためにもう一度書きます。 Storyboardの下部にあるボタンをSize Class選択ボタンと呼ぶことにします。 各種Auto Layout関係のボタンは以下のように呼ぶことにします。 右サイドのViewの各種設定を行うボタンを以下のように呼ぶことにします。 特定のSize ClassでConstraintを変更する ViewControllerが配置されたStoryboardを開きます。 画面下部の表示中のSize Class選択ボタンをw:Any h:Anyにします。 ここで注意すべきなのは、w:Any h:Any以外の状態でViewを配置すると、そのSize Classの組み合

    端末のサイズごとにViewのConstraintを変更する | Cyber Passion for iOS
  • Size Classesとは | Cyber Passion for iOS

    今やiOSもさまざまな端末のサイズがあり今後も増えるかもしれません。Interface Builderもそれに対応してSize Classesという概念が導入されました。 Compact、Regularという表現でサイズを抽象化 Size Classesとは端末のサイズを抽象化したものです。縦横サイズをCompact、Regularの組み合わせで表現します。 以下、AppleのDocumentより引用し説明します。 iPadの場合 縦画面(Portrait)、横画面(Landscape)どちらも幅、高さ共にRegularとなります。 画像引用元: Adaptivity and Layout iPhone 6 Plusの場合 縦画面は幅Compact、高さRegular。横画面は幅Regular、高さCompact。 画像引用元: Adaptivity and Layout その他、iPho

    Size Classesとは | Cyber Passion for iOS
  • Xcode 6 時代のマルチデバイス対応 ~Size Classとベクター画像~ - Qiita

    Xcode 6 の新しい仕組みである Size Class を使い、 iPad (Universal) iPhone 6 (4.7 inch) iPhone 6 Plus (5.5 inch) の複数画面サポートを行なった際の断片的なメモ集です。 同じく Xcode 6 から Asset Catalog でベクター形式がサポート されるようになったので、こちらについてわかったこと等も書いてあります。 ※ちなみに Size Class やベクター形式画像の使用は iOS 8 以上縛りではありません。単に Xcode 6 の新機能というだけなので。 前提知識をつける Size Classsとは クラスメソッドさんの下記記事が日語、図解入りでとてもわかりやすいです。 マルチデバイス対応の新機能「Trait Collection」 Size Class 機能を使って複数画面サイズ対応する手順のチ

    Xcode 6 時代のマルチデバイス対応 ~Size Classとベクター画像~ - Qiita
  • 1