First part of WatchKit Fundamentals

1. WATCHKIT
FUNDAMENTALS
LA(B)NOVA

2. New Project
• creare un nuovo target
1
2
3

3. New Project
• creazione di un nuovo workspace dentro il progetto
• solo per la parte Watch!
1
2

4. New Project
• Visibile anche in alto target del progetto
• possibile switch tra parte iPhone e parte Watch
• con i vari simulatori disponibili
1
2
3

5. Interface.storyboard
• Tre interfacce predefinite?

6. Interface controller
• La “base predefinita” in cui si andranno a definire gli altri
componenti
• button, label, switch

7. Interface controller
• Esempio: label

8. Le altre due interfacce...
• Static vs Dynamic Interface...

9. Sull’ emulatore
• si avvia anche l’emulatore iPhone
• possibile disabilitare il secondo emulatore, quello del Watch
scelta tra 42mm
e 38 mm

10. Interface: i componenti
• Sono gli stessi disponibili per iPhone
• a parte i view controller: glance, interface...

11. Glance Interface
• Interfaccia che non prende i “componenti d’interazione”
• niente button?

12. Creare una copy scheme
• Necessita per testare differenti interfacce senza dover
ricorrere sempre alle impostazioni di base
guardare alla voce
Watch Interface

13. Glance Interface sull’emulatore
• prova sul campo delle due interfacce

14. Lavorare con le Label
• Voce Position
• left, center, right
• Voce Size
conta anche il
contenitore
della Label

15. Lavorare con le Label
• Voce Text, Text Color, Font

16. Lavorare sul secondo gruppo Glance
• Ricordarsi della posizione del contenitore
• Size to Fit Content = si adatta al contenuto
• Relative to Container = si posiziona sulla dimensione dello schermo
• Fixed = ha una grandezza fissata

17. Lavorare sul secondo gruppo Glance
• E’ possibile combinare diverse Label
• diverse posizioni a seconda del “parente accanto”

18. Lavorare sul secondo gruppo Glance
• Affidare diversi colori per ciascuno

19. Risultato finale (intermedio)
• sempre lato Glance

20. Ricordarsi del trick di prima...
• aggiungere un nuovo scheme con il pulsante “Duplicate
Scheme”
1
2