This document summarizes a presentation on tvOS and iOS development. It discusses 1) the differences between tvOS and iOS, including their input methods and focus systems, 2) how tvOS was used to develop LIFULL HOME's, including custom focus views, animations, and prefetching data, and 3) technical tips for tvOS like touch handling, gestures, and collection views.

1. L
tvOS
iOS
LIFULL iOS G

2. L tvOS iOS
facebook.com/takuro.hanawa
! Hanawa Takuro
🏢 LIFULL Co.,Ltd.
iOS Engineer
Thundercat/Drunk/ WWDC

3. Agenda
1. tvOS / iOS 📺📱
2. tvOS for LIFULL HOME’S 🏘&
3. Technical Tips 🛠🤗

4. 1. tvOS / iOS 📺📱

5. tvOS / iOS 📺 📱
▸ Siri Remote ▸ iPhone
Touch Surface Touch Screen
👁 👁
📺
❌
⭕
⭕ Button
Button

6. Focus✨
“May the Focus be with you”

7. tvOS / iOS 📺 📱
▸
Focus
UIImageView, UIButton(Default)

8. tvOS / iOS 📺 📱
UIView, UIButton(Custom) Focus
▸
Focus didUpdateFocus:

9. tvOS / iOS 📺 📱
Focus ( Focus override )
Focus
▸ Focus ( )

10. tvOS / iOS 📺 📱
/
/
▸

11. LIFULL Creators Blog
👏http://www.lifull.blog/entry/2017/04/07/130621
Apple TV

12. 2. tvOS for LIFULL
HOME’S 🏘&

13. tvOS for LIFULL HOME’S 🏘 &
▸ Images than sentences
(UIImageView) Focus .

14. tvOS for LIFULL HOME’S 🏘 &
Custom UIView UIButton Focus
▸ Custom Focus
View Focus

15. tvOS for LIFULL HOME’S 🏘 &
▸ Marquee Label
(Marquee)
https://github.com/cbpowell/MarqueeLabel
IMAGE

16. tvOS for LIFULL HOME’S 🏘 &
▸ Custom Transition Animation
Push Pop

17. tvOS for LIFULL HOME’S 🏘 &
▸ Prefetch Data Source
UICollectionViewDataSourcePrefetching Kingfisher 😇
https://github.com/onevcat/Kingfisher

18. New Feature 🆕

19. tvOS for LIFULL HOME’S 🏘 &
tvOS iPhone (QR 🙅)
▸ 🆕 Core Bluetooth
🙇
tvOS Flyover(3D)
▸ 🆕 Flyover
MKMapType satelliteFlyover hybridFlyover MKMapCamera .
※ iOS
SiriRemote ( 🙇)
▸ 🆕 Image Viewer

20. 3. Technical Tips
🛠🤗

21. Technical Tips 🛠 🤗
▸ Touch Surface 🤔

22. Technical Tips 🛠 🤗
▸ Gesture Recognizer ▸ GameController
Gesture Siri Remote D-Pad(Touch Surface)
(0.0, 0.0)
(0.0, 0.0)
(0.0, 0.0)
(0.0, 0.0) (1.0, 0.0)
(0.0, 1.0)
OK
xValue(D-Pad) > 0.9
viewForZoomingInScrollView:
View
PanGesture
Scale

23. Technical Tips 🛠 🤗
👍

24. Technical Tips 🛠 🤗
▸ Cell 🤔
UICollectionView Remember✨
Remember UICollectionViewDelegate
: UIViewController

25. Qiita
👏http://qiita.com/hanawat/items/a2542df65e0534979cb0
UIKitCatalog tvOS
🤔
Focus
View Focus
CollectionView

27. 1. (Focus✨)
2. 📺
3. 🖼( )
4. Focus iOS 👍