Configuration de Map Controller dans Main_iPad. Storyboard dans votre application iOS - des nuls

Une fois que vous avez un contrôleur de vue personnalisé pour MapController dans votre application iOS, vous devez indiquer au storyboard de l'iPad de charger votre contrôleur de vue personnalisé plutôt qu'un UIViewController. Procédez comme suit:

1. Dans le navigateur de projet, sélectionnez Main_iPad. storyboard, puis sélectionnez View Controller dans View Controller - Map Scene dans le plan du document.

   

2. À l'aide du sélecteur Inspecteur, ouvrez l'inspecteur d'identité dans la zone Utilitaire, puis choisissez MapController dans le menu déroulant Classe de la section Classe personnalisée.

   Maintenant, lorsque Map est sélectionné dans le contrôleur Master View, MapController sera instancié et initialisé et recevra des événements de l'utilisateur et connectera la vue au modèle.

3. Dans le volet Bibliothèque, faites défiler vers le haut et faites glisser une vue Carte sur le contrôleur de carte dans le canevas.

   La classe MKMapView permet d'afficher des cartes.

   À partir d'iOS 7, les vues couvrent généralement tout l'écran. En haut, la vue est faiblement visible à travers les barres d'outils ou de navigation. Ceci est différent des normes précédentes dans lesquelles les vues ont été placées au-dessous des barres. Pour les vues qui sont défilables (et les vues de carte sont définitivement), cela fournit la meilleure expérience utilisateur.

   Pour les vues qui affichent des données contraintes, telles qu'un formulaire de saisie de données formaté, vous pouvez toujours placer la vue derrière les barres, mais vous laissez la partie supérieure vide. Vous pouvez également placer la vue sous les barres. Les vues Web sont un cas particulier si vous ne savez pas à quoi ressemblera la page Web.

   Si vous affichez une page Web comportant un titre, un logo ou une autre image en haut de la page, pensez à placer la vue Web sous les barres afin de ne pas masquer le titre, le logo ou l'image supérieure.. Ou mieux encore, si c'est possible, créez ou utilisez une version de la page Web où le haut de la vue Web ne contient pas d'informations critiques.

4. Ouvrez le triangle d'affichage principal à côté de Map Controller dans le plan du document (notez que le nom a changé de View Controller à Map Controller), puis ouvrez le triangle de sous-divulgation à côté de View.

   

   Remarquez comment le nom de la vue dans le plan du document est maintenant Affichage carte.

   

5. Avec la vue carte toujours sélectionnée, choisissez Editeur → Épingler et épinglez les espaces supérieur, inférieur, principal et arrière dans la présentation.

   Ce paramètre entraînera le redimensionnement de la carte pour remplir la vue lors de la rotation de l'iPad.

6. Ouvrez l'inspecteur de taille dans le sélecteur Inspecteur, sélectionnez l'affichage de la carte et assurez-vous qu'il est dimensionné pour remplir la vue.En particulier, assurez-vous que les points d'origine X et Y sont nuls.

7. Faites glisser une barre d'outils de la bibliothèque dans la zone Utilitaires vers la vue carte et définissez son origine sur 0, 20 dans l'inspecteur de taille.

   Cela le place juste en dessous de la barre d'état. Supprimez l'élément du bouton de la barre d'élément qui fait partie de la barre d'outils.

   Vous devez toujours connecter la barre d'outils au contrôleur de vue dans DetailViewController, la superclasse de MapController.

   

8. Sélectionnez Contrôleur de carte dans le plan du document, cliquez sur l'icône Connexions dans la barre de sélection Inspecteur pour ouvrir l'inspecteur Connexions, puis faites glisser le pointeur de la barre d'outils dans la barre d'outils dans MapController dans le canevas ou le document..

   Vous pouvez également cliquer avec le bouton droit de la souris ou en maintenant la touche Contrôle enfoncée sur le contrôleur de carte dans le plan du document pour ouvrir la fenêtre Connexions, puis cliquer et faire glisser à partir de là.

Vous voulez probablement avoir un bon contrôle segmenté dans la barre d'outils pour permettre à l'utilisateur de sélectionner un type de carte particulier - standard, satellite ou hybride. Heureusement, le code qui implémente les méthodes Split View Delegate qui ajoutent le bouton Road Trip ne sera pas gênant. Il suffit d'insérer le bouton Road Trip à l'extrême gauche de la barre d'outils.

Mais que faire si vous voulez que le sélecteur de type soit aligné correctement? Tout ce que vous avez à faire est d'ajouter dans Interface Builder (ou dans le code lui-même) un élément de bouton de barre d'espace flexible - espace qui est réparti à parts égales entre les autres éléments de la barre d'outils et le contrôle segmenté.

Pour ce faire, procédez comme suit:

1. Pour configurer un contrôle segmenté (le sélecteur Type de carte sur la barre d'outils), faites glisser un élément de bouton Barre d'espace flexible sur la barre d'outils dans MapController.

   

   Cet élément sera développé de manière appropriée pour aligner correctement votre contrôle segmenté (avec tout autre bouton que vous ajouterez ultérieurement).

2. Faites glisser un contrôle segmenté de la bibliothèque vers la barre d'outils et placez-le à droite de l'élément de bouton Barre d'espace flexible.

   

3. Avec le contrôle segmenté sélectionné dans le canevas ou le plan du document (à l'intérieur d'un nouvel élément de barre dans le plan du document), cliquez sur l'icône Inspecteur d'attributs dans la barre de sélection Inspecteur pour ouvrir l'inspecteur des attributs. dans la section Segmented Control, modifiez le nombre de segments à 3.

4. Toujours dans la section Segmented Control, assurez-vous que Segment - 0 est sélectionné dans le menu Segment, saisissez Standard dans le champ Title, puis appuyez sur Return.

   Le menu Segment doit être remplacé par Segment - 0 Standard.

5. Sélectionnez maintenant Segment - 1 dans le menu Segment et entrez Satellite dans le champ Titre; sélectionnez ensuite Segment - 2 et entrez Hybrid dans le champ Titre.

   Veillez à appuyer sur Retour après chaque modification.