What’s New in tvOS - Design and Development Videos › ... › 206 › 206_whats_new_in_tv… ·...

App Frameworks #WWDC16

Session 206

What’s New in tvOS

Hans Kim tvOS Engineer

Welcome

First WWDC for tvOSWelcome

Agenda

tvOS Overview

Agenda

tvOS OverviewNew in tvOS 10

Agenda

tvOS OverviewNew in tvOS 10Diving in

OverviewtvOS

Asset storage

Asset storagePublic and private database

Asset storagePublic and private databaseiCloud authentication

Asset storagePublic and private databaseiCloud authenticationCloudKit JS

Faster initial launch

Faster initial launchMinimize wait time

Faster initial launchMinimize wait timeLarger apps

• Executable • Resources

≤ 200 MB

Asset Pack

≤ 200 MB

Asset Pack

Initial Install Tags

Asset Pack

≤ 200 MB

Asset Pack

≤ 2 GB

Asset Pack

≤ 200 MB

Asset Pack

≤ 2 GB

Asset Pack

≤ 200 MB

Asset Pack

≤ 2 GB

Asset Pack

≤ 200 MB

Asset Pack

≤ 2 GB

Asset Pack

Prefetch Tags

≤ 200 MB

Asset Pack

≤ 2 GB

Asset Pack

≤ 4 GB

Prefetch Tags

≤ 200 MB

Asset Pack

≤ 2 GB

Asset Pack

≤ 4 GB

Prefetch Tags

≤ 200 MB

Asset Pack

≤ 2 GB

Asset Pack

≤ 4 GB

Prefetch Tags

Asset Pack

≤ 200 MB

Asset Pack

≤ 2 GB

Asset Pack

≤ 4 GB

Prefetch Tags

Asset Pack

≤ 20 GB

App Bundle + Content

20.2 GB

Asset Catalog

Asset Catalog Parallax Previewer

Asset Catalog Parallax Previewer Parallax Exporter

1408 x 792

The Future of TV is Apps

Core Audio

Core Animation

SpriteKit MapKit

Open AL

Mobile Core Services

System Configuration

Javascript Core

Core Location

Audio Toolbox

Speech FrameworkStore Kit

Foundation Core Data

AVFoundation

FairPlay Streaming

Multipeer Connectivity

CoreText

OpenGL ES

Media Player Quartz Core

System Configuration Framework

Image IO Media Accessibility

Security Framework

CloudKit

SceneKit

CoreFoundation

Core Audio

Core Animation

SpriteKit MapKit

Open AL

Mobile Core Services

System Configuration

Javascript Core

Core Location

Audio Toolbox

Speech FrameworkStore Kit

Foundation Core Data

AVFoundation

FairPlay Streaming

Multipeer Connectivity

CoreText

OpenGL ES

Media Player Quartz Core

System Configuration Framework

Image IO Media Accessibility

Security Framework

CloudKit

SceneKit

CoreFoundation

TVMLKit

Template-based

TVMLKit

Template-basedJavascript

TVMLKit

Template-basedJavascriptRapid development

TVMLKit

Template-basedJavascriptRapid developmentPerformance-tuned

New in tvOS 10

1408 x 792

UserNotification.framework

UserNotification.frameworkExternalAccessory.framework

Building Apps

Full native development

Full native developmentExisting iOS app

Mastering UIKit on tvOS Presidio Wednesday 10:00AM

Focus Interaction on tvOS Mission Wednesday 4:00PM

TVMLKit

Javascript and XML

TVMLKit

Javascript and XML

TVMLKit

Javascript and XMLMix in UIKit

TVMLKit

Javascript and XMLMix in UIKit

Developing tvOS Apps Using TVMLKit: Part 1 Mission Wednesday 1:40PM

Developing tvOS Apps Using TVMLKit: Part 2 Mission Thursday 4:00PM

TVMLKit

GameKit

What’s New in GameplayKit Pacific Heights Thursday 9:00AM

What’s New in SpriteKit Presidio Thursday 5:00PM

Diving In

Marshall Huss tvOS Engineer

Diving In

Remotes and devices

Diving In

Remotes and devicesNotifications

Diving In

Remotes and devicesNotificationsLight and dark appearance

Remotes and Devices

New Apple TV Remote app

Remotes and Devices

New Apple TV Remote appWorks just like the Siri Remote

Remotes and Devices

New Apple TV Remote appWorks just like the Siri RemoteIncludes game controller layout

647 x 1150

1176 x 660

Controlling Game Input for Apple TV Mission Wednesday 5:00PM

Notifications

Remote Notifications

Use Apple Push Notification service to send remote notifications to your app

Use Apple Push Notification service to send remote notifications to your appSupported notification types

Use Apple Push Notification service to send remote notifications to your appSupported notification types• Badge

Use Apple Push Notification service to send remote notifications to your appSupported notification types• Badge• Content-available

Notifications will not wake up your app in the background

When are they delivered?content-available

notif 1notif 3notif 2APNs

badge:

content-available: truebackground

notif 1

notif 3notif 2APNs

badge:

notif 3 notif 2APNs

badge:

notif 3APNs

badge:

notif 3

foreground

notif 3

foreground

UserNotification.framework NEW

Use the new UserNotification.framework

UIKit API for notifications prohibited on tvOS

Introduction to Notifications Pacific Heights Wednesday 9:00AM

Advanced Notifications Pacific Heights Wednesday 10:00AM

Appearance

Light / DarkOverview

System appearance is changed by the user

System appearance is changed by the userNew API on UITraitCollection

System appearance is changed by the userNew API on UITraitCollectionYou must opt-in for dark appearance

System appearance is changed by the userNew API on UITraitCollectionYou must opt-in for dark appearance• If you don’t, then your app will always use the light appearance

Adopting Appearance

Info.plist: user interface styleOpting In

Add new Info.plist key UIUserInterfaceStyle to opt in

Add new Info.plist key UIUserInterfaceStyle to opt in• “Light” resolves in always light option

Add new Info.plist key UIUserInterfaceStyle to opt in• “Light” resolves in always light option• “Dark” resolves in always dark option

Add new Info.plist key UIUserInterfaceStyle to opt in• “Light” resolves in always light option• “Dark” resolves in always dark option• “Automatic” resolves to the system setting

New projects set to “Automatic” by default

New property on UITraitCollection.userInterfaceStyle NEW

New property on UITraitCollection.userInterfaceStyle

public enum UIUserInterfaceStyle : Int {

case unspecified

case light

case dark

Adopting Appearance

Developer tools support

Adopting Appearance

Developer tools supportStandard controls will automatically change their appearance

Adopting Appearance

Developer tools supportStandard controls will automatically change their appearanceAppearance proxy can customize based on UITraitCollection

Adopting Appearance

Developer tools supportStandard controls will automatically change their appearanceAppearance proxy can customize based on UITraitCollectionHandle changes in -traitCollectionDidChange: in your view and view controllers

Developer Tools Support

Specify colors based on user interface style in the Inspector

Specify colors based on user interface style in the InspectorLight and dark style preview for storyboards

Specify colors based on user interface style in the InspectorLight and dark style preview for storyboardsSimulator shortcut to quickly switch system appearance

UIKit Controls

Customizing textUILabel & UITextView

UILabel and UITextView will change their text color on appearance change

UILabel and UITextView will change their text color on appearance change• Black for light appearance

UILabel and UITextView will change their text color on appearance change• Black for light appearance• White for dark appearance

If you set a text color you’re responsible for light and dark colors

Prominent and regularBlurs

New automatic blur styles• UIBlurEffectStyleRegular• UIBlurEffectStyleProminent

Prominent and regularBlurs

New automatic blur styles• UIBlurEffectStyleRegular• UIBlurEffectStyleProminent

Light Dark

.regular .light .dark

.prominent .extraLight .extraDark

Appearance Proxy

UIButton.appearance().setTitleColor(.red(), for: [])

Appearance Proxy

UIButton.appearance().setTitleColor(.red(), for: [])

let light = UITraitCollection(userInterfaceStyle: .light)

let dark = UITraitCollection(userInterfaceStyle: .dark)

UIButton.forTraitCollection(light).setTitleColor(.red(), for: [])

UIButton.forTraitCollection(dark).setTitleColor(.blue(), for: [])

Responding to Changes Directly

traitCollectionDidChangeResponding to Changes Directly

override func traitCollectionDidChange(_ previousTraitCollection: UITraitCollection?) {

super.traitCollectionDidChange(previousTraitCollection)

// Is userInterfaceStyle available?

guard(traitCollection.responds(to: #selector(getter: UITraitCollection.userInterfaceStyle)))

else { return }

else { return } // Did the userInterfaceStyle change?

guard(traitCollection.userInterfaceStyle != previousTraitCollection?.userInterfaceStyle)

else { return }

if traitCollection.userInterfaceStyle == .dark {

// Handle .dark

else {

// Handle .light

// Did the userInterfaceStyle change?

guard(traitCollection.userInterfaceStyle != previousTraitCollection?.userInterfaceStyle)

else { return }

Overriding Trait Collections

public func setOverrideTraitCollection(

_ collection: UITraitCollection?,

forChildViewController childViewController: UIViewController

class AppearanceViewController: UIViewController {

var style: UIUserInterfaceStyle = .light

override init(nibName nibNameOrNil: String?, bundle nibBundleOrNil: Bundle?) {…}

required init?(coder aDecoder: NSCoder) {…}

var viewController: UIViewController {

get { return self }

// override trait collection

let traitCollection = UITraitCollection(userInterfaceStyle: style)

self.setOverrideTraitCollection(traitCollection, forChildViewController: newValue)

// add child view controller

self.addChildViewController(newValue)

newValue.view.frame = view.bounds

self.view.addSubview(newValue.view)

newValue.didMove(toParentViewController: self)

get { return self }

let appearanceViewController = AppearanceViewController()

appearanceViewController.style = .dark

appearanceViewController.viewController = viewController;

navController.pushViewController(appearanceViewController, animated: true)

DemoAdopting system appearance

Brandon Kieft tvOS Engineer

Summary

Familiar frameworks, tools, and services

Summary

Familiar frameworks, tools, and servicesFocus-based Interaction, Layered Images, Top Shelf

Summary

Familiar frameworks, tools, and servicesFocus-based Interaction, Layered Images, Top ShelfUniversal Purchase, Auto Download

Summary

Familiar frameworks, tools, and servicesFocus-based Interaction, Layered Images, Top ShelfUniversal Purchase, Auto DownloadNew Apple TV Remote app

Summary

Familiar frameworks, tools, and servicesFocus-based Interaction, Layered Images, Top ShelfUniversal Purchase, Auto DownloadNew Apple TV Remote appReplayKit, and SpriteKit support in Focus Engine

Summary

Familiar frameworks, tools, and servicesFocus-based Interaction, Layered Images, Top ShelfUniversal Purchase, Auto DownloadNew Apple TV Remote appReplayKit, and SpriteKit support in Focus EngineLight and dark system appearance

Related Sessions

Mastering UIKit on tvOS Presidio Wednesday 10:00AM

Developing tvOS Apps Using TVMLKit: Part 1 Mission Wednesday 1:40PM

Focus Interaction on tvOS Mission Wednesday 4:00PM

Developing tvOS Apps Using TVMLKit: Part 2 Mission Thursday 4:00PM

Related Sessions

Go Live with ReplayKit Mission Tuesday 10:00AM

Introduction to Notifications Pacific Heights Wednesday 9:00AM

Advanced Notifications Pacific Heights Wednesday 10:00AM

Controlling Game Input for Apple TV Mission Wednesday 5:00PM

Optimizing On-Demand Resources Mission Thursday 10:00AM

AVKit on tvOS Presidio Friday 11:00AM

tvOS Tech Talks

Kickoff Tech Talks 2016

Designing for Apple TV Tech Talks 2016

Focus-Driven Interfaces with UIKit Tech Talks 2016

Siri Remote and Game Controllers Tech Talks 2016

On-Demand Resources and Data Storage Tech Talks 2016

Media Playback Tech Talks 2016

tvOS Tech Talks

Introduction to TVMLKit Tech Talks 2016

Best Practices for Designing tvOS Apps Tech Talks 2016

Tuning Your tvOS App Tech Talks 2016

The Top Shelf Tech Talks 2016

App Store Distribution and Marketing Tech Talks 2016

tvOS Tech Talks

Introduction to TVMLKit Tech Talks 2016

Best Practices for Designing tvOS Apps Tech Talks 2016

Tuning Your tvOS App Tech Talks 2016

The Top Shelf Tech Talks 2016

App Store Distribution and Marketing Tech Talks 2016

https://developer.apple.com/videos/techtalks-apple-tv/

tvOS Lab Frameworks Lab A Tuesday 4:00PM

tvOS Graphics and Games Lab Graphics, Games, and Media Lab B Wednesday 12:00PM

tvOS Lab Frameworks Lab D Wednesday 2:00PM

TVMLKit Lab Graphics, Games, and Media Lab B Wednesday 3:00PM

tvOS Lab Frameworks Lab D Thursday 9:00AM

On-Demand Resources Lab Frameworks Lab B Thursday 11:00AM

TVMLKit Lab Graphics, Games, and Media Lab C Friday 9:00AM

More Information

https://developer.apple.com/wwdc16/206

What’s New in tvOS - Design and Development Videos › ... › 206 › 206_whats_new_in_tv… ·...

Documents

NATIVE CREATIVE DEVELOPMENT GRANTEES The Native Creative Development Program was designed to address the professional development needs of individual

BB10 native development

Native vs Cross Platform Development

Mobile Cross-platform development versus native development · closest to native development is called cross compiling, which compiles native applications from a common codebase

Cloud Native Development - ramiroberrelleza.com · Agenda •Current state of application development •Developing cloud native applications is hard •Cloud Native Development makes

Non-Native Android Development

Mastering iOS Frameworks - pearsoncmg.comptgmedia.pearsoncmg.com/images/9780134052496/... · 1 UIKit Dynamics 1 The Sample App 1 Introduction to UIKit Dynamics 2 Implementing UIKit

Making iOS UIKit Simulator for MacOS X

React Native- How we use Javascript for Rapid Native Mobile Development

SAP HANA Native Application Development

Android NDK Native Development Kit indigoo.com ANDROID … · Android NDK – Native Development Kit indigoo.com Peter R. Egli INDIGOO.COM OVERVIEW OF THE ANDROID NATIVE DEVELOPMENT

Cloud Native Java Development Patterns

Native vs Hybrid App Development

2012 Native Creative Development Program Grant Awards Funded by National Native Creative Development Program Ford Foundation

Native Business Development Magazine

What is native? - info.microsoft.com Roadshow... · What is native? Native User ... MapKit UIKit iBeacon CoreGraphics CoreMotion ... Xamarin.iOS Xamarin.Android Portable Class Libraries.NET

iOS Native Development with Xamarin

08 Custom Drawing & Animation · & Animation CS 442: Mobile App Development Michael Saelee 1. Frameworks - UIKit - Core Graphics / Quartz - Core Animation - OpenGL

Digital Native Logo Design Development

Native Android Development with Spring