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?