はじめに
ステータスバーらしさを出すミニマムな対応であれば5分で可能です。
storyboardとResolve Auto Layout issuesの機能を使用し
コードは1行も書いていません。
storyboard
webViewを上部から20pxあけて配置しています
AutoLayoutの有効化
↓
有効化で増えた項目
- Top Layout Guide
- Bottom Layout Guide
Top Layout GuideとViewをつなぐ
↓
縦に固定20pxの制約をつけます
↓
問題があるようで丸に矢印のアイコンが表示されます
↓
問題の解決
Resolve Auto Layout issues
エラーの内容をみたけど、対応がわからない。手っ取り早く作りたい。
そんな時に
シミュレータで確認
※加工した部分はFacebookの記述です。
iOS7
ステータスバーのピンクはControllerのViewの背景色です。
20px分空いている。
iOS6
ステータスバーは黒で、ControllerのView背景色は見えません。
大まかなレイアウトとしては想定通りです。
参考URL
Xcodeでの操作はこちらの記事を元に実行して確認できました
http://blog.grio.com/2013/10/upgrading-your-iphone-app-to-ios-7-the-new-status-bar.html
makoto_kwさんの記事にある「AutoLayoutでStatsuBarに対する余白を変更する」がだいぶ参考になりました。
http://qiita.com/makoto_kw/items/d7ed59aff27fb95c9fde
さいごに
個人的には未経験だったAutoLayoutのことはじめと
statusbarの切り替えでコード使わずに出来ないか探してみたら、とても簡単にでした。
制作的には、このあとiOS6ではステータスバーの色を変更したりコードで書き換える処理は必要になります。
応用するためにはロジックの理屈が分かる学習が必要で
今回はステータスバーで悩まない!レベルに持っていくための記事です。
またよろしくお願いします。