Introduzione a WatchKit

Introduzione a WatchKit

Federico Crisafulli Lead iOS Developer @ federico.crisafulli@wisemotions.com

Alive Devs Society - iOS Milano // 5 Febbraio 2015

Panoramica

WatchKit App

Un’applicazione WatchKit contiene un'interfaccia utente “completa”.

Gli utenti possono avviare, controllare, e interagire con questo tipo di applicazione in modi unici.

Glances

Con le Glances è possibile fornire agli utenti informazioni informazioni

rapide e puntuali visibili con una sola occhiata.

Actionable Notifications

Le actionable notifications come le nuove notifiche interattive introdotte con iOS 8 permettono all’utente di

compiere piccole azioni direttamente dallo smartwatch

Architettura

iPhone Apple Watch

WatchKitWatchKit

Watch AppWatchKit Extension

Architettura

UI e assets memorizzati in Apple Watch Pianificare UI Il codice che aggiorna la UI è eseguito da iPhone

WatchKit Framework

WatchKit Framework WKInterfaceController

Un controller per ogni schermata Si occupa di gestire gli elementi della UI Usa il design target-action

WatchKit Framework Elementi UI

WatchKit Framework WKInterfaceGroup

Utilizzato per gestire e implementare i layout: • Orizzontale • Verticale

Margini e spazi Colore o immagine di background Gruppi annidati

WatchKit Framework WKInterfaceTable

Contenuto dinamico Supporta tipologie di righe differenti Differente rispetto a UITableViewController di iOS Le righe sono fornita da un controller Il controller gestisce la selezione

WatchKit Framework WKInterfaceMap

Contenuto non interattivo Può essere configurato dinamicamente Fino a 5 annotations: • Pins • Immagini

Un tap su questo oggetto apre l’app Mappe

WatchKit Framework Elementi UI

Aspetti configurabili della UI: • Altezza • Larghezza • Alpha • Visibilità

Supporto a funzioni di accessibilità e localizzazione

WatchKit Framework WKInterfaceDevice

Fornisce informazioni sul dispositivo: • Dimensioni del display

[[WKInterfaceDevice curretDevice] screenBounds] • Informazioni di localizzazione (Lingua, moneta, ecc…) • Dimensioni del testo

preferredContentSizeCategory

WatchApp

WKInterfaceController

WatchKit Extension

InitWithContext:

willActivate

(various action methods)

Create Interface Controller Launch Watch App

Apple Watch

Load UI

Initialize UI

Display UI

Wearer interacts with UI

Wearer stops interactingdidDeactivate

Suspend WatchKit Extension

Realizzare WatchApp Navigazione

Realizzare WatchApp Navigazione

[Live code]

Realizzare WatchApp

Tips

Tips

Utilizzare le Api Handoff Implementare le animazioni come sequenza di immagini Inserire le immagini in cache Utilizzare i settings bundle Utilizzare share data: • AppGroups e NSUserDefault • Container condivisi Utilizzare i Framework (da iOS 8 in poi)

Documentazione

WatchKit Programming Guida WatchKit Framework Reference

https://developer.apple.com/watchkit/

Thank you!

Introduzione a WatchKit

Federico Crisafulli Lead iOS Developer @ federico.crisafulli@wisemotions.com

Alive Devs Society - iOS Milano // 5 Febbraio 2015