foursquareに素早くチェックインできるアプリ「FastCheckin」のiOS 7対応事例です。

1. iOS 7対応事例
FastCheckin
Kosuke Ogawa
1

2. Kosuke Ogawa
•@koogawa
•仕事・趣味でiPhone/Androidアプリを開
発
•主な作品はFastCheckin、まりも等
2

3. FastCheckin
•素早く簡単にfoursquareにチェックイ
ンするためのアプリ
3

4. アプリアイコンの修正
4

5. 角丸の調整
5

6. 6

7. 6

8. 表示崩れの修正
7

9. iOS 6 iOS 7
8

10. iOS 6 iOS 7
8

11. 画面全体がナビゲーションバーの後ろに潜り込んでしまう
iOS 6 iOS 7
8

12. • iOS 7ではステータス
バーを含む画面全体が
表示領域となる
• 通常はview内の
contentInsetが自動
調整されるため、この
ような現象は起こらな
い
9

13. • 独自にPullToRefresh
を実装している場合な
どはcontentInsetを
上書きしてしまう
10

14. 対処法
• 全画面を表示領域とするのをやめる
• UIViewControllerのedgesForExtendedLayoutプロパ
ティで設定可能
• どの位置のEdge（縁、端）を表示領域とするか設定
できる
11

15. edgesForExtendedLayout
• UIRectEdgeNone
• UIRectEdgeTop
• UIRectEdgeLeft
• UIRectEdgeBottom
• UIRectEdgeRight
• UIRectEdgeAll (Default)
12

16. 対処法
• edgesForExtendedLay
outプロパティに
UIRectEdgeNoneを設
定
• 画面が潜り込むのを防
止できる
• iOS 7の半透過効果が
得られない！
13

17. •今回の対処法はあくまで暫定対応
•各種Barが半透明にならないのはもった
いない
•PullToRefreshの独自実装を
UIRefreshControlに置き換える等して
全画面表示を実現したい
14

18. その他追加されたプロパティ
• edgesForExtendedLayout
Default = UIRectEdgeAll
• automaticallyAdjustsScrollViewInsets
Default = YES
• extendedLayoutIncludesOpaqueBars
Default = NO
15

19. かかった工数
16

20. •対応期間は1日
•標準パーツを中心に使っていたので、
影響が少なかった
•ナビゲーションバー等を自前で実装して
いる場合は大変かも
17

21. おまけ
失敗事例
18

22. 19

23. 20

24. ありがとうございました
21