iOS - Utilisation du storyboard et de l'autolayout pour centrer UIScrollView

Je suis de la création de l'application pour iOS à l'aide de story-board et de la mise en page automatique afin qu'il fonctionne bien sur les deux iPhone4 et iPhone5. Ci-dessous la capture d'écran de la vue que je suis de la création à l'aide de story-board.

Dans l'image ci-dessus, je veux garder le défilement de la vue dans le milieu du bord d'attaque de superview et la table de droite de la vue. Je ne veux pas la faire défiler, afin d'augmenter sa largeur iPhone5. J'ai essayé différentes combinaisons de contraintes, mais je ne pouvais pas l'atteindre.

Certains suggèrent moi ce sont toutes les contraintes que j'ai à régler pour faire défiler la vue, de sorte qu'il sera dans le centre.

source d'informationauteur Satyam

Vous aurez besoin pour ce faire par l'ajout d'une vue à l'écran.

Au moment où vous avez...

- UIView (main view)
    |
    | - scrollView
    | - tableView

Vous devez mettre le défilement de vue à l'intérieur d'un autre point de vue comme ça...

- UIView (main view)
    |
    | - UIView (spacer View)
    |    | - scrollView
    |
    | - tableView

Maintenant ce que vous pouvez faire est d'avoir ces contraintes...

spacer view leading edge constraint to super view = 0
spacer view trailing edge to table view leading edge = 0
table view width = (whatever the width is)
table view trailing edge to super view = 0

Cela permettra de définir l'entretoise de vue et l'affichage de la table de sorte que l'entretoise de vue grandir.

Maintenant, vous devez ajouter...

scroll view width = x
scroll view height = y
scroll view centered vertically in super view
scroll view centered horizontally in super view.

Maintenant, parce que le défilement de la vue super point de vue est l'entretoise de vue, puis il sera toujours centrée entre l'affichage de la table et le reste de l'espace.

38

Comment faire pour centrer une Vue sur le Storyboard

Cette réponse a été mis à jour de Xcode 8.

Cette réponse est pour les gens qui sont juste de faire une recherche générale pour les comment faire pour centrer les choses à l'aide d'un storyboard et ne comprennent pas les contraintes.

Je suppose que vous êtes à l'aide d'un Storyboard (pas de fichiers XIB) et de Mise en page Automatique. C'est le défaut de nos jours donc, si vous ne savez pas ce que cela signifie alors ne vous inquiétez pas à ce sujet. Si vous voulez vérifier, vous pouvez cliquer sur le main.storyboard dans le Projet de navigation, puis l'inspecteur de Fichiers. Vous pouvez assurez-vous que l'Utilisation Mise en page Automatique est cochée:

Sélectionnez votre bouton (ou quelle que soit vous voulez le centre) sur la table de montage séquentiel. Puis cliquez sur le bouton aligner sur le bas à droite. Sélectionnez "Horizontalement dans un Conteneur" et "Verticalement" dans un Conteneur". Cliquez Sur "Ajouter 2 Contraintes".

Si elle n'était pas parfaitement centré déjà vous devrez peut-être une chose de plus. Cliquez sur "mettre à Jour les Images" bouton qui est de deux à gauche du bouton aligner. Votre vue doit maintenant être centré sur le storyboard.

Et, plus important encore, lorsque vous exécutez votre application, elle doit être au centre de n'importe quelle taille de périphérique que vous utilisez.

J'ai d'abord appris cela de La création de l'interface utilisateur – mise en page Automatique. L'idée de base est toujours le même, mais l'INTERFACE utilisateur arrangement a changé un peu dans Xcode maintenant.

Voir aussi
- Comment définir des contraintes par programmation

Vous devez vous connecter pour publier un commentaire.

Comment faire pour centrer une Vue sur le Storyboard

Voir aussi