Comment formater la vue DestinationController dans votre application iOS - les nuls

Une fois que vous avez sélectionné Présentation et transition dans l'inspecteur des attributs, vous pouvez poursuivre la création de votre application iOS avec la mise en forme de la vue du contrôleur de destination. Une vue Table, une vue Étiquette et une image très époustouflante après avoir suivi ces étapes:

1. Sélectionnez le contrôleur de destination dans le canevas de la maquette et faites ensuite glisser une barre de navigation depuis la bibliothèque.

   Vous allez avoir besoin d'un endroit pour mettre le bouton Annuler. Placez la barre de navigation en haut de la vue.

2. Dans la barre de navigation du canevas, sélectionnez le titre (champ). Toujours dans l'inspecteur Attributs, entrez Destinations dans le champ Titre de l'élément sélectionné (barre de navigation, dans ce cas).

3. Faites glisser un élément du bouton Barre de la bibliothèque et placez-le sur le côté gauche de la barre de navigation du canevas.

4. Choisissez Annuler dans le menu déroulant Identificateur de la section Barre de l'inspecteur d'attributs.

   Il n'est pas nécessaire de sélectionner une teinte pour le bouton dans la section Teinte du bouton barre de l'inspecteur des attributs. La couleur de la teinte de l'application sera utilisée pour le bouton.

5. Faites glisser une vue Image de la Bibliothèque dans la zone Utilitaire et placez-la dans le Contrôleur de Destination sur le Canevas afin qu'elle occupe toute la vue.

6. Faites glisser le pointeur de la vue Image de la zone de dessin ou du plan du document vers le Guide de mise en forme supérieure dans le plan du document et sélectionnez Espacement vertical.

7. Avec la vue Image sélectionnée, choisissez Editeur → Résoudre les problèmes de mise en page automatique → Ajouter des contraintes manquantes.

   Si vous avez des avertissements, utilisez les sous-commandes Éditeur → Résoudre les problèmes de mise en page automatique pour les corriger. Vous devrez peut-être utiliser Éditeur → Résoudre les problèmes de mise en page automatique → Effacer les contraintes si vous devez recommencer.

8. Dans la section Image View de l'inspecteur Attributes, sélectionnez DestinationImage dans le menu déroulant Image.

   L'image appropriée du catalogue d'actifs sera automatiquement utilisée.

9. Faites glisser une étiquette de la bibliothèque et ajoutez-la à la vue en haut de la vue Image.

10. Avec le libellé sélectionné, entrez Choisissez une place dans le champ Texte de la section Libellé de l'inspecteur des attributs.

11. Toujours dans l'inspecteur des attributs, changez le style en Styles de texte - Titre en sélectionnant l'icône Texte dans le champ Police (qui ouvre une fenêtre dans laquelle vous pouvez modifier la taille de la police).

    

12. Sélectionnez l'étiquette, puis choisissez Editeur → Ajuster à la taille dans le menu principal de Xcode.

    L'étiquette sera développée pour s'adapter au texte.

13. Changez la couleur du texte en blanc dans le menu déroulant Couleur du texte.

14. Positionnez l'étiquette Choisissez une place .

    

    Un mot d'avertissement: Vous devez suivre exactement les étapes suivantes. Vous pouvez obtenir le look que vous voulez d'une autre manière, mais c'est le plus simple. La vue Table ne sera pas transparente. vous corrigerez cela dans viewDidLoad.

15. Faites glisser une vue Table (pas un contrôleur Table View) de la bibliothèque dans la vue Image et positionnez-la.

    C'est la zone dans laquelle la vue Table s'affichera. Si vous avez plus de sélections que ne peut en contenir la zone visible, l'utilisateur pourra faire défiler la vue Tableau.

    

16. Avec la vue Tableau sélectionnée, faites défiler l'inspecteur des attributs pour atteindre la section Affichage, puis sélectionnez Effacer la couleur dans le menu déroulant Arrière-plan.

17. Toujours dans l'inspecteur des attributs, revenez à la section Table View et choisissez Grouped dans le menu Style.

18. Entrez 1 dans le champ Prototype Cells (ou utilisez simplement le contrôle pas à pas pour obtenir 1).

    Laissez ces cellules comme prototypes, car vous allez fournir le contenu des cellules par programme.

19. Sélectionnez le prototype de cellule de vue de table, soit sur le canevas, soit dans le plan du document, puis choisissez Basic dans le menu Style de l'inspecteur et entrez DestinationCell dans le champ Identifier.

    Vous aurez besoin d'un identifiant de réutilisation.

20. Toujours dans l'inspecteur des attributs, faites défiler jusqu'à la section Afficher et sélectionnez Effacer la couleur dans le menu déroulant Arrière-plan.

21. Sélectionnez la cellule Vue du tableau dans le plan du document, ouvrez le triangle d'affichage et sélectionnez l'étiquette.

22. Dans l'inspecteur des attributs, faites défiler vers le bas, puis choisissez Effacer la couleur dans le menu déroulant Arrière-plan.

23. Fermez la zone Utilitaire et sélectionnez l'Assistant dans le sélecteur Éditeur.

24. Si le DestinationController. Le fichier h n'apparaît pas, sélectionnez-le dans la barre de saut.

25. Faites glisser le pointeur de la vue Table dans le plan du document ou sur le canevas vers le contrôle DestinationController. h Interface. Relâchez le bouton de la souris et, dans la boîte de dialogue qui apparaît, entrez destinationTableView.

26. Faites glisser le contrôle depuis le bouton Annuler dans le plan du document ou dans la barre de navigation du canevas vers le DestinationController. h Interface. Relâchez le bouton de la souris et dans la boîte de dialogue qui apparaît, sélectionnez Action dans le menu déroulant Connexion et entrez Annuler dans le champ Nom.