Autolayout
の基礎
発表 a.k.a ようにゃん
Designed by @meyco

ようにゃん
@windblume
!
電機メーカーのサラリーマン
週末にスタバでiPhoneアプリ作成
!
windblume.com
self-introduction.

シンプルなTwitterクライアント
はるかまきり2.2...

WWDC2014
iOS 8
Yosemite

Auto layoutの基礎
• iOS 6以降
• 制約(Constraint)によるUI作成
- 他のUIパーツからの相対位置
- 他のUIパーツを基準にして自身のサイズ
- 自身のサイズ
• Storyboardでもコードでもいじれる

Auto layoutの操作パネル
「Align」
「Pin」
「Resolve Auto Layout issues」
「Resizing BehaVior」

Align
複数UIパーツの座標を合わせる。
親UIパートの高さの任意のコンポーネントを合わせる。
位置調整系

Pin
UIパーツのサイズ
親UIパーツとの位置情報の制約
パーツサイズの調整系

Resolve Auto Layout issues
Resizing BehaVior

Auto layoutのいいところ
• デバイスの向きに対応

Auto layoutのいいところ
• 異なる画面サイズに対応

what's next iPhone?
おまけ

2008年 2009年 2010年 2011年 2012年
2013年

2008年 2010年 2012年 2013年
What's next iPhone?