Comment ajouter une interface basée sur des pages à mon application Apple Watch?

Une interface basée sur une page dans une application est utile pour afficher un contenu non hiérarchique. Si votre application iOS comprend une interface basée sur des pages, il est logique d'utiliser la même interface dans votre application Apple Watch. Lisez la suite pour savoir comment le faire dans Xcode.

À des fins de démonstration, une application WatchKit simple avec trois contrôleurs d'interface sera utilisée. La première est la vue initiale et les deux autres sont des écrans modaux présentés dans un style basé sur des pages. Avant de suivre le didacticiel, assurez-vous d'avoir créé un nouveau projet Xcode et ajouté la cible WatchKit.

Dans ce tutoriel, nous allons créer la navigation à partir du storyboard.

1. Allez au Interface.storyboard fichier sous le dossier WatchKit App et ajoutez deux contrôleurs d'interface supplémentaires au storyboard. Pour le premier, ajoutez un bouton à la vue. Les deuxième et troisième vues contiennent une simple étiquette indiquant l’index de la page.

2. Contrôle-glisser du bouton dans le premier contrôleur de vue au seconde afficher et choisir le modal option du menu Action Segue. Vous devez le définir comme segment modal car la navigation par page ne fonctionne pas avec un segment push.

3. Contrôle-glisser de la deuxième à la troisième vue, et choisissez page suivante dans le Relation Segue menu.

4. C’est tout ce que vous avez à faire pour que votre application fonctionne avec une navigation par pages. Votre story-board ressemble maintenant à ceci. Notez les indicateurs de séquence ajoutés entre les vues.

5. Exécutez l'application, puis appuyez sur le bouton pour afficher le premier écran modal. Comme vous pouvez le constater, un indicateur de page se trouve en bas de l'écran. Si vous glissez vers la gauche, vous verrez le deuxième écran.

6. Répétez l'étape 3 pour ajouter plus de pages à l'écran. Dans le prochain tutoriel, nous allons apprendre à faire la même chose à partir de code.