やはりお前らのiOS7対応は間違っている
•
70 likes•37,123 views
この資料は2014.1.15にクックパッド主催ヤフー開催のiOS/Android Tips交換会potatotips #3で発表した資料です。 https://github.com/potatotips/potatotips/wiki/Potatotips-3
やはりお前らのiOS7対応は間違っている
- 5. 色んなブログでも
- 6. iOS7対応でself.viewが潜り込まないようにと edgesForExtededLayout=UIRectEdgeNone にしたり IBでUnder Top Barsをチェック外したり してて
- 8. お前ら釣られすぎ
- 9. m9(^Д^)
- 11. Adjust Scroll View Insets UITableViewContr oller UIViewControllerで View配置 Under Top Bars ✓チェック ✓チェック まずiOS7用にコン ✓チェック ✓チェック UIScrollViewなど で全画面写真表示 したい時 iOS6の対応には チェック外す ✓チェック ポーネント配置し 直しからの 調整 iOS6のみUse Full ScreenをYES
- 12. パターン別に説明する前に
- 14. Adjust Scroll View Insetsとは • これをチェックしていると、 自動的にUIScrollView系の contentInsetsを調整してくれ る • ナビゲーションバーがあれば、 ナビゲーションバーの高さ分だ けcontentInsets.topを調整
- 17. UITableViewの場合 • IBでAdjust Scroll View Insetsをチェックする • • automaticallyAdjustsScrollViewInsets = YES; IBでUnder Top Barsをチェック • edgesForExtededLayout = UIRectEdgeTopもしくは UIRectEdgeAll
- 18. Adjust Scroll View Insetsと Under Top Barsを共にチェックする TableViewはTopからはじまり、InsetsTopが調整される のでNavigationBarの裏側にも表示されスクロール領域 になってくれる
- 19. Adjust Scroll View Insetsがどうであれ Under Top Barsがオフの時 Under Top Barsがオフの時、TableViewはNavigationBar のy軸下側からはじまるのでスクロール領域にならず、 黒の背景が半透明で表示され黒っぽくなる。 決して「すりガラス表現が失われる」わけではない
- 21. UIScrollViewやUIColletionView で写真などの全画面表示をしたい 場合のみ • IBでAdjust Scroll View Insetsをチェック外す • • automaticallyAdjustsScrollViewInsets = NO; IBでUnder Top Barsをチェック(UIRectEdgeNone駄目) • edgesForExtededLayout = UIRectEdgeTop;
- 22. Adjust Scroll View Insetsをチェックせず Adjust Scroll View Insetsと Under Top Barをチェックした場合 Under Top Barを共にチェックした場合 右図Adjust Scroll View Insetsをチェックすると 全画面表示のUIScrollViewもInsetsを考慮されてしまう タップしたらナビゲーションバーが消える場合、 画像は上に向かって動く
- 23. iOS6も対応する場合 • iOS7をメインそれを元にiOS6に対応する（逆じゃない） • iOS7は基本全画面表示状態でデザイン調整、必要であれ ば配置を修正し、iOS6は でY座標位置を調整する • Scroll系なら でなくInsetsで対応できる • iOS6で写真などを全画面表示したい場合は今までどお り、非推奨のUse Full Screenを使う
- 24. まとめ
- 25. UIScrollView系はInsetsによってスク ロール開始点をずらすので Adjust Scroll View Insetsによって適 切に設定されるようになっている
- 27. ちなみに Under Top BarsをオフにするとAdjust Scroll View Insets関係なくなるから お前らはすぐ釣られるでしょ？
- 28. m9(^Д^)