[B! XCode][レイアウト] pick_mugetuのブックマーク

[iOS 7] Xcode 5 で始める Auto Layout 入門 #3 – 制約編 | DevelopersIO

様々な制約今回は、Auto Layout で利用する様々な種類の制約について、Interface Builder の Canvas 上で確認していきたいと思います。制約ボタンその１まずは、Canvas 右下にあるボタン群の中の一番左側のボタンから見て行きましょう。このボタンをクリックすると、下図の様なメニューが表示されます。これらは、コンポーネントのアライメントに関する制約を追加・編集するための機能です。上から順番に機能を確認していきましょう。アライメント（端揃え） Leading Edges 複数のコンポーネントの Leading 側（日本語環境では左）端の水平位置を揃える制約を追加します。追加される制約はコンポーネント同士の間の Leading Alignment です。 Trailing Edges 複数のコンポーネントの Trailing 側（日本語環境では右）端の水平位

pick_mugetu 2014/10/10

リンク

【Objective-C】Xcode、storyboard、constraintsの使い方と説明

iOS6から導入された画面サイズや向きの違いにも、柔軟にレイアウトを作成することができる「Auto Layout」。今回はこのAuto Layoutの使い方についてヤフーiOS 7エンジニア勉強会・運営チームの山口恭兵さんに解説いただきました。 by 馬場美由紀（CodeIQ中の人）今回はiOS6から導入されたAuto Layoutについて解説を行います。Auto Layoutを使うことで画面サイズや向きの違いにも、柔軟に対応できるレイアウトを作成することができます。今後発売されるiOS端末は画面サイズの拡大などが予想されており、Auto Layoutを使ったUI設計の重要さが増してくると考えられます。制約（Constraint）ベースのレイアウト Auto Layoutの基本的な考えとなるのが、制約（Constraint）です。画面上に配置されたView要素に対して、「ある要素か

pick_mugetu 2014/09/24

リンク

Xcode5の「Auto Layout 」機能の使い方[基礎知識と制約(Align)の設定方法]

Xcode4から導入された「Auto Layout」ですが、使いこなせるようになるのは骨が折れます。 Xcode5ではかなり使いやすくなったとは言え、まだまだ学習コストが高いです。本エントリーは、できるだけ簡単に「Auto Layout」を使いこなせしていただけるようにと思い作成しています。一気に多くの内容を記載すると分かりにくなりますので、まずは、基礎知識と、レイアウトを指定する上で必要となるAlign(アライメント系)の制約の説明をいたします。利用しているXcodeはXcode5(5.1)となります。本エントリーの内容は以下のようになります。「Auto Layout」を理解するための基礎知識 Xcode5で制約を設定する方法(Align:アライメント) １「Auto Layout」を理解するための基礎知識動作検証用のプロジェクトの作成テンプレート：「Single Vi

pick_mugetu 2014/09/24

リンク

SizeClassesとXcode6でのAutoLayoutの謎マージン - Qiita

Xcode6からSizeClassesという概念が加わったのと、AutoLayoutも微妙に変更されていて謎のMarginが出るようなので調査した結果をまとめました。 SizeClassesとは Xcode6からAutoLayoutに加え、SizeClassesという概念が加わりました。 Xcode5では、Universalアプリを作るには、iPhone向けとiPad向けのStoryboardをそれぞれ用意していましたが、Xcode6/iOS8からは、一つのStoryboard（あるいはXib）で対応させてしまおう、というのがSizeClassesです。考え方としては、iPhoneやiPadの特定のサイズではなく、抽象的なサイズを扱うということです。ですので、今まで以上にAutoLayoutの制約によるレイアウトデザインが重要になります。注目すべきは赤枠で囲った２箇所です。まず右側。