Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Xebia WatchKit TechEvent

Xebia WatchKit TechEvent

Simone Civetta

December 03, 2014
Tweet

More Decks by Simone Civetta

Other Decks in Programming

Transcript

  1. OS

  2. Interface —1 couronne (digital crown) —sélection —zoom in/out —1 bouton

    physique (conversation button) —favoris — Pay
  3. Pour commencer : glossaire —Watch App : executé sur la

    montre —Extension : executé sur iPhone
  4. Architecture / 1 —La Watch App est lancée depuis un

    bundle contenant storyboard et ressources statiques
  5. Interface utilisateur / 2 —Les Scenes du Storyboard ne peuvent

    pas être modifiées par l'extension iPhone à runtime —L'extension peut afficher/cacher des éléments à l'intérieur de la Watch App
  6. Les composants / 1 —Les composants WatchKit (buttons, labels, etc)

    sont proxifiés —L'extension manipule un objet proxy (WKInterface*) —Il n'est pas possible de créer programmatiquement des éléments visuels
  7. Les composants / 2 —Une extension peut contrôler : —Taille

    (Height/Width) —Alpha —Visibilité (propriété hidden) —Hidden = Gone
  8. Cycle de vie —WA : Create Storyboard —E : initWithContext:

    —E : willActivate —E : action methods —E : didDeactivate
  9. WKInterfaceGroup —cf. Layout sur Android —Horizontaux/Verticaux —Taille paramétrable, qui peut

    dépendre du contenu/conteneur —Fit content —Relative to container
  10. WKInterfaceTable —Chaque row est associée à un type de row

    (rowType) —Chaque rowType est associé à un controller —setNumberOfRows(_:withRowType:) —setRowTypes(_ rowTypes: [AnyObject]!) —table(_ table: WKInterfaceTable!, didSelectRowAtIndex rowIndex:
  11. Navigation techniques —Segues —pushControllerWithName(_ name: String!, context context: AnyObject!) —

    presentControllerWithName(_:con text:) — presentControllerWithNames(_:co ntexts:)
  12. Tips 'n Tricks —Utilisez les frameworks dynamiques —Modifiez les propriétés

    des Schemes —Activez le mode "External display -> Apple Watch" dans le menu du simulateur