storyboardだけ:iOS6/7、3.5インチ/4インチ対応

#はじめに
AutoLayout機能はiOS6以上でサポートされています。

コード書きたくないでござる、な方に

 * 3.5インチと4インチ両方に対応
 * UIScrollViewを使う

上記場合の一番簡単な設定方法です。
iPhoneアプリとしての設定、また、iPadで表示したときにどう見えるかも確認しています。
#環境
 * Xcode5

#Xcode

プロジェクトを新規作成します。
今回は Single View Applicationを選びました。

![スクリーンショット 2014-09-04 8.20.23.png](https://qiita-image-store.s3.amazonaws.com/0/12362/f5f7cb18-bc5b-e0d2-ba48-1fa21968f235.png)

 * Deployment target iOS6
 * iPhoneのみ
で作ります

##storyboard

構成は、Viewの直下にScrollViewをしいて領域の判定のためにViewを重ねます。

![スクリーンショット 2014-09-04 8.34.50.png](https://qiita-image-store.s3.amazonaws.com/0/12362/cb6c44d5-1fda-9ae1-c707-b094a975fc39.png)

###statusBar
UIScrollViewはStatusBarの表示分をあけます

![スクリーンショット 2014-09-04 8.41.58.png](https://qiita-image-store.s3.amazonaws.com/0/12362/70486e0e-0524-18c4-6c35-b1cf25d0741c.png)

###端末の表示領域

Viewは3.5インチ表示だとはみ出て、4インチ表示だと短いくらいに
下の画像は4インチです。

![スクリーンショット 2014-09-04 8.46.47.png](https://qiita-image-store.s3.amazonaws.com/0/12362/2c2d2af6-e93b-889d-e959-2e577f80edc5.png)

こちらは3.5インチです。

![スクリーンショット 2014-09-04 8.47.09.png](https://qiita-image-store.s3.amazonaws.com/0/12362/b48ce560-24aa-b0f5-4209-4bb884ea6887.png)

画面全体のサイズでなく、Viewの伸縮に寄って表示領域が切り取られています。

##AutoLayout

###ScrollView
Constrainsを設定します。
さわるのは縦横、上下のSpaceのみです。Add 4 Constrains ボタンで追加。
![スクリーンショット 2014-09-04 9.03.12.png](https://qiita-image-store.s3.amazonaws.com/0/12362/9b357840-49fe-bd8a-b32d-6301a623131c.png)

###ScrollView内のView

同じく、縦横、上下の間隔を設定し、加えてViewのwidth、heightも追加。
Add 6 Constrains ボタンで追加。
![スクリーンショット 2014-09-04 9.07.47.png](https://qiita-image-store.s3.amazonaws.com/0/12362/8c2839b3-c7f1-4de2-8425-e4f045fa37fa.png)

##Constrainsの設定を確認

###ScrollView

 * ScrollViewの設定(画面上の青枠)
 * ScrollViewに含まれるViewの情報（画面上の緑枠）

が一緒に表示されています。

![スクリーンショット 2014-09-04 9.32.04のコピー.png](https://qiita-image-store.s3.amazonaws.com/0/12362/54eb7542-a01f-e76f-4e2c-7e6cebd913e8.png)

###ScrollView内のView

設定が全部入っています。
width:幅やheight:高さの設定もこちらで確認できます。

![スクリーンショット 2014-09-04 9.45.49.png](https://qiita-image-store.s3.amazonaws.com/0/12362/13f352ca-d631-a7a1-63c3-ee72db15bcc1.png)

これでワーニング、エラーがない状態です。

##シミュレーター、実機で確認
今回はシミュレータだけなんですが、実機でもするべきです・・・。
総じて、3.5インチはスクロールしますが、4インチはViewの高さがScrollViewより小さい値なのでスクロールしません。
###iOS6系
非Retina - 3.5インチ
![スクリーンショット 2014-09-04 9.23.18.png](https://qiita-image-store.s3.amazonaws.com/0/12362/3c8a1ede-6291-3bf9-bdce-5dd013bfe2f8.png)

Retina - 3.5インチ
![スクリーンショット 2014-09-04 9.24.13.png](https://qiita-image-store.s3.amazonaws.com/0/12362/9e0738a0-419d-97ce-36d6-c717881498fd.png)

Retina - 4インチ
![スクリーンショット 2014-09-04 9.25.47.png](https://qiita-image-store.s3.amazonaws.com/0/12362/2f1ade58-ed08-f902-8709-640c3b288906.png)

###iOS7系

非Retina - 3.5インチ
![スクリーンショット 2014-09-04 9.19.35.png](https://qiita-image-store.s3.amazonaws.com/0/12362/6b6489e4-125a-bb27-339e-04e119491965.png)

Retina - 3.5インチ
![スクリーンショット 2014-09-04 9.56.27.png](https://qiita-image-store.s3.amazonaws.com/0/12362/eb3bfffb-5a64-a11b-0f12-cd8ccac49e99.png)


Retina - 4インチ
![スクリーンショット 2014-09-04 9.19.58.png](https://qiita-image-store.s3.amazonaws.com/0/12362/df05e046-3dc2-bee5-ce89-577e89720587.png)

###iPad


![スクリーンショット 2014-09-04 9.26.36.png](https://qiita-image-store.s3.amazonaws.com/0/12362/6e1ce3b7-6be7-7026-51bb-acc51b0324b4.png)

![スクリーンショット 2014-09-04 9.27.14.png](https://qiita-image-store.s3.amazonaws.com/0/12362/bf5124f1-3635-206c-4bdb-372de556f3b7.png)

![スクリーンショット 2014-09-04 9.20.32.png](https://qiita-image-store.s3.amazonaws.com/0/12362/3fa281dc-a491-7382-3a37-09a60a23b907.png)

#さいごに
iPadでのiPhone表示は3.5インチベースなことを今さら感じました。
~~今回の場合はiOS6系の時はステータス分のスペースが空いてしまっています。~~
レイアウトで勘違いしたようなので訂正します。

こつをつかめば、StoryBoardだけの設定でもできますが
Viewに含まれるObjectが増えるとなかなか分かりにくいです。