Comment ajouter et configurer le EventPageController dans le MainStoryboard de votre App iOS - mannequins

Vous avez besoin d'un contrôleur de vue pour gérer chaque vue dans le contrôleur de vue de page de votre application iOS. Vous pouvez toujours ajouter ce contrôleur de vue lorsque vous développez le storyboard.

Pour ajouter EventPageController au storyboard, procédez comme suit:

1Ajoutez un autre contrôleur de vue au storyboard en faisant glisser un contrôleur de vue depuis le volet Bibliothèque et en le plaçant à côté de EventsController sur le canevas.

Vous n'avez pas pour le mettre là, mais cela suggère qu'une relation peut exister; il est également plus facile de dessiner cette relation si vous voulez le faire - et vous voudrez le faire dans un instant.

2Ouvrez l'inspecteur d'identité dans la zone Utilitaire à l'aide de la barre de sélection Inspecteur et, dans le menu déroulant Classe de la section Classe personnalisée, choisissez EventPageController.

Ceci remplacera le UIViewController.

3Activez l'inspecteur Attributs et utilisez ses champs de texte pour donner au contrôleur la page Titre de l'événement.

Ajoutez ensuite la page de l'événement au champ Identifiant du storyboard de l'inspecteur d'identité.

4Ajoutez une vue Web à EventPageController en faisant glisser une vue Web depuis le panneau Bibliothèque et dans le contrôleur de la page d'événements.

La vue Page d'événement sera une vue Web car vous souhaiterez la télécharger, puis afficher une page HTML.

La classe UIViewWeb fournit un moyen d'afficher du contenu HTML et possède la fonctionnalité intégrée pour télécharger du contenu HTML à partir du Web.

5Cliquez sur l'icône Inspecteur de taille dans le sélecteur Inspecteur pour ouvrir l'inspecteur de taille dans la zone Utilitaire.

Définissez les origines X et Y sur zéro et 64, puis redimensionnez l'affichage Web pour remplir l'affichage. La norme pour iOS 7 est que les vues doivent apparaître à travers une barre de navigation translucide (iOS 7 s'en charge pour vous).

Dans ce cas, lorsque le contrôleur d'affichage divisé iPad est visible dans le contrôleur de vue principale, une barre de navigation y est affichée (avec le titre) et il est préférable d'avoir cet espace visible dans le contrôleur de vue de détail juste à côté il.

En fonction de ce qui se trouve derrière la barre translucide, l'effet visuel varie. Quand il s'agit d'une carte qui est défilable, à bien des égards, chaque partie de la carte est la même, donc le placer derrière la barre translucide est bien (et suggéré).

Lorsque vous chargez une page Web comme dans ce cas, vous ne savez peut-être pas ce qui va être vu (le format de la page météo n'est pas sous votre contrôle, par exemple), et dans un cas comme celui-ci, placez la vue Web plus bas pour qu'elle n'apparaisse pas derrière la barre de navigation.C'est ce qui se passe ici: 64 = barre d'état (20) + barre de navigation (44).

6Danse une vue d'indicateur d'activité dans le volet Bibliothèque et centre-la dans la vue.

Étant donné que ces pages peuvent être volumineuses et longues à télécharger, vous devez disposer d'une vue Indicateur d'activité pour indiquer à l'utilisateur que l'application est toujours en cours d'exécution mais qu'elle est occupée, et non gelée.

Comme vous pouvez le voir en regardant le plan du document, la vue Web et la vue Indicateurs d'activité sont toutes deux des frères et sœurs et des sous-vues de la vue. Il est important que les deux soient frères et sœurs et que la vue Indicateur d'activité se trouve sous la vue Web pour qu'elle s'affiche. (Rappelez-vous le principe du dernier en un sur les sous-vues.) Si ce n'est pas le cas, réorganisez les vues dans le plan du document.

7Placez l'inspecteur de taille dans la zone Utilitaire à l'aide du sélecteur Inspecteur.

Utilisez ensuite Editeur → Aligner → Centre horizontal dans le conteneur et Editeur → Aligner → Centre vertical dans le conteneur pour centrer l'indicateur d'activité.

8Fermez la zone Utilitaire et sélectionnez l'Assistant dans le sélecteur Editeur de la barre d'outils.

Si le EventPageController. m le fichier d'implémentation n'est pas celui qui est affiché, allez dans la barre de saut de l'assistant et sélectionnez-le.

9 Faites glisser le pointeur de la vue Web depuis le canevas ou le plan de document vers l'extension de classe EventPageController et créez un objet IBOutlet nommé eventDataView.

Faites glisser le pointeur de la vue Indicateur d'activité vers l'extension de classe EventPageController en haut du fichier et créez un objet IBOutlet nommé activityIndicator.

10Working dans le plan du document, faites glisser le contrôle de la vue Web vers le contrôleur de la page d'événements, puis sélectionnez Déléguer dans le menu Outlets qui s'affiche.

Cela fera d'EventPageController le délégué de la vue Web.