Sommaire

Mise en forme avec Scroll View et Stack View

La vue Conférence est située au premier onglet, c’est donc ce que l’utilisateur voit en premier lorsqu’il ouvre l’application. On souhaite pour cette vue mettre en forme une page de contenu éditorial avec des libellés, images et boutons les uns au-dessus des autres que l’utilisateur pourrait faire défiler verticalement.

1. Scroll View Scroll View

Pour permettre le défilement ou le zoom d’une vue, on utilise un composant appelé Scroll View.

images/05EP16.png

La Scroll View a une taille de vue définissant son cadre (ici en trait plein) et une taille de contenu (ici en trait tireté). Cette zone de contenu peut défiler à l’intérieur de la zone de cadre. La Scroll View permet de bénéficier automatiquement des mécaniques d’inertie et de rebond en bout de course auxquelles l’utilisateur de l’iPhone est habitué.

La Scroll View peut être mise en forme directement dans Interface Builder à l’aide de l’Auto Layout :

  • Le cadre est défini par les contraintes de taille ou de bords liées aux éléments qui se trouvent à l’extérieur de la Scroll View, ou défini par une constante.

  • La zone de contenu est définie par les contraintes de taille et de bords liées aux éléments qui se trouvent à l’intérieur de la Scroll View.

2. Stack View Stack View

L’Auto Layout ...