Upload
yosuke-uno
View
248
Download
0
Embed Size (px)
Citation preview
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?