Comment puis-je utiliser la mise en forme automatique afin de définir des contraintes sur ma UIScrollview?

Il est difficile de voir les valeurs exactes et la configuration de vos contraintes que vous avez collé ici, donc je ne suis pas sûr de regarder vos captures d'écran où vous êtes allé mal.

Au lieu d'une explication de ce qui est mal dans votre installation, j'ai créé une base de exemple de projet avec très semblable à la vue de la hiérarchie et de la contrainte de l'installation de celui que vous décrivez. Le défilement horizontal fonctionne comme prévu dans l'exemple de projet qui utilise la "Pure mise en forme automatique" approche qu'Apple décrit dans le Note Technique.

J'ai aussi eu beaucoup de problèmes à l'origine, l'obtention de Disposition Automatique de travailler avec UIScrollView. La clé pour obtenir pour fonctionner est de s'assurer que tous les éléments dans le défilement de la vue, pris ensemble, ont des contraintes que, finalement, le lien de tous les côtés de défilement de la vue et à contribuer à la mise en page automatique système soit en mesure de déterminer un contentSize pour le défilement de la vue qui sera plus grand que son cadre. On dirait que vous essayez de le faire dans votre code, mais peut-être que vous avez eu quelques superflu contraintes qui ont fait le contentSize trop petit.

Également de noter, comme d'autres l'ont mentionné, avec mise en page automatique et UIScrollview, vous n'avez plus à régler la contentSize explicitement. La mise en page automatique Système calcule la contentSize basé sur vos contraintes.

J'ai aussi trouvé cet ebook chapitre être très utile en me faisant comprendre comment tout cela fonctionne. Espérons que tout cela aide.

Simple Autonome Exemple

À en juger par le nombre élevé de votes sur la question et le faible nombre de votes sur les réponses, les gens ne sont pas trouver une façon compréhensible et rapide solution ici. Permettez-moi d'essayer d'en ajouter un. Ce projet est un exemple réalisé entièrement dans Interface Builder. Vous devriez être en mesure de travailler à travers elle dans 10 minutes ou moins. Ensuite, vous pouvez appliquer les concepts que vous avez appris à votre propre projet.

L'original question porte sur les boutons de défilement. Ici je viens d'utiliser UIViews, mais ils peuvent représenter quelle que soit vous le souhaitez. J'ai aussi choisi de défilement horizontal, car la table de montage séquentiel des captures d'écran sont de plus en plus compacts pour ce format. Les principes sont les mêmes pour le défilement vertical, cependant.

Concepts clés

• La UIScrollView ne doivent utiliser qu'une sous-vue. Il s'agit d'une UIView " qui sert d'affichage de contenu pour contenir tout ce que vous souhaitez faire défiler.
• Faire de l'affichage du contenu et le défilement de la vue parent ont des hauteurs égales pour le défilement horizontal. (L'égalité des largeurs de défilement vertical)
• Assurez-vous que tout le contenu défilant a un ensemble de largeur et est épinglé sur tous les côtés.

Démarrer un nouveau projet

C'est peut être juste une vue unique de l'application.

Storyboard

Dans cet exemple, nous allons faire un défilement horizontal de la vue. Sélectionnez le point de Vue du Contrôleur, puis choisissez Libre dans la Taille de l'Inspecteur. Faire de la largeur 1,000 et la hauteur 300. Cela nous donne juste place sur la table de montage séquentiel pour ajouter du contenu qui va faire défiler.

Ajouter un Scroll View

Ajouter un UIScrollView et la broche de tous les quatre côtés à la vue de la racine de la vue-contrôleur.

Ajouter un Affichage de Contenu

Ajouter un UIView comme une sous-vue de défilement de la vue. C'est la clé. N'essayez pas d'ajouter beaucoup de sous-vues pour le défilement de l'affichage. Il suffit d'ajouter une seule UIView. Ce sera votre vue de contenu pour les autres points de vue que vous voulez faire défiler. Broche de l'affichage du contenu de défilement de la vue sur les quatre côtés.

Des Hauteurs Égales

Maintenant dans le plan du Document, Commande cliquez sur à la fois le contenu et la vue de défilement de la vue vue parent afin de les sélectionner à la fois. Puis définissez les hauteurs à l'égalité (Contrôle faites glisser à partir de l'Affichage du Contenu pour le Défilement de l'Affichage). C'est également un élément clé. Parce que nous sommes de défilement horizontale, le défilement de l'affichage du contenu en vue de ne pas savoir comment il devrait être, à moins que nous l'avons créé de cette façon.

Remarque:

• Si nous faisions le contenu de défilement verticale, puis nous permettrait de définir le contenu de la vue de largeur égale à la de défilement de la vue parent de largeur.

Ajouter du contenu

Ajouter trois UIViews et de leur donner toutes les contraintes. J'ai utilisé 8 points marges pour tout.

Contraintes:

• Green view: pin haut, gauche, bas bords. Faire de la largeur de 400.
• Rouge vue: pin haut, gauche, bas bords. Faire de la largeur de 300.
• Pourpre vue: pin tous les quatre bords de bords de. Faire de la largeur quel que soit le reste de l'espace est (268 dans ce cas).

Réglage de la largeur de contraintes est également clé de sorte que le défilement de l'affichage sait quelle est la largeur de son contenu sera.

Fini

C'est tout. Vous pouvez exécuter votre projet dès maintenant. Il devrait se comporter comme le défilement de l'image en haut de cette réponse.

Pour le défilement vertical, il suffit de le remplacer toute la largeur et la hauteur des directions dans cet exemple (testé et de travail).

De Poursuivre L'Étude De

• iOS: Comment Faire De la mise en page automatique de Travailler Sur Une ScrollView
• Comment faire pour configurer un UIScrollView avec Mise en page Automatique dans Interface Builder
• YouTube tutoriel vidéo: UIScrollView - Comment garder votre point de vue sur l'écran

Il ya tellement de nombreuses questions sur l'utilisation de la mise en page automatique avec UIScrollView, le point clé qui nous ignorent, c'est que l'intérieur des vues de la UIScrollView faire de contraintes à l'encontre de la d'Affichage de Contenu mais pas le UIScrollView lui-même. Reportez-vous à la Note technique TN2154, vous pouvez trouver:

La UIScrollView classe fait défiler son contenu en changeant l'origine de ses limites. Pour faire ce travail avec Mise en page Automatique, haut, gauche, bas, droite et les bords à l'intérieur d'un défilement de l'affichage est maintenant signifie que les bords de son contenu à afficher.

L'illustration suivante montre que:

Vous pouvez trouver l'espace arrière est de 500 points, si la contrainte est faite à la UIScrollView, l'affichage va être miss placé et devrait être mise à jour de son cadre. Cependant, aucun avertissement et sans erreurs. Parce que toutes les contraintes sont contre l'affichage du contenu.

UIScrollView permettra de calculer la taille de l'affichage du contenu en fonction des contraintes de l'intérieur de la vue. (Pour l'exemple, le contenu taille: largeur = 100(espace) + 200 (vue de largeur) + 500 (espace arrière), hauteur = 131 (en haut de l'espacement) + 200(hauteur) + 269(espacement)

Comment ajouter des contraintes pour les vues dans le UIScrollView:

1. D'imagerie les positions des points de vue dans la vue de contenu.
2. Ajouter en haut, à droite, en bas, à gauche de l'espacement sur les bords de l'affichage du contenu, en outre, la largeur et la hauteur de ces points de vue.

Et tout ce qu'il fait.

Un moyen facile de traiter avec mise en page automatique avec le scrollview est d'ajouter un conteneur contenant tous les sous-vues dans le défilement de la vue.

Conclusion: le point clé pour comprendre la mise en page automatique avec UIScrollView est intérieure vue sur les contraintes à l'encontre de l'affichage du contenu, mais pas UIScrollView lui-même.

attaché exemple de code

Je suppose que vous rencontrez des problèmes avec lecontentSize. Découvrez ce blog sur la façon de gérer la contentSize lors de l'utilisation d'un "pur" approche de mise en page automatique. L'essentiel, c'est que vos contraintes définissent implicitement la taille du contenu. Vous n'avez JAMAIS la définir explicitement lors de l'utilisation de mise en page automatique. J'ai attaché exemple de projet à la fin de l'article du blog pour vous montrer comment il fonctionne

Si votre question est "Comment puis-je mettre un tas de UITextFields dans un défilement vertical UIScrollView tels qu'ils se déplacent hors de la voie du clavier lors qu'ils ont le focus", la meilleure réponse est:

Ne pas.

Utiliser un UITableViewController avec des cellules statiques au lieu.

Vous obtenez ce parchemin-out-of-the-way comportement pour gratuit, ET de tout le contenu des encarts de Travail Juste si votre vue-contrôleur est affiché à l'intérieur d'un UINavigationController.

La pure mise en forme automatique approche fonctionne à merveille, mais il est assez compliqué à mettre en place si vous êtes à la migration de la non-mise en page automatique. Je l'ai fait quelques fois et j'ai quelques conseils généraux:

• Commencer petit: même si cela signifie recréer votre storyboard vues, commencez avec seulement quelques éléments et de construire votre point de vue, lentement, faire assurez-vous de vérifier que le défilement fonctionne après l'ajout de quelques éléments.
• Désactiver translatesAutoresizingMaskIntoConstraints sur tout: cela a toujours été la cause de conflits de contraintes pour moi.
• Définir votre UIScrollView contraintes correctement: assurez-vous que le défilement de l'affichage est connecté sur tous les côtés de la vue parent, sinon il juste ne pas l'étendre à tous.

J'ai passé des jours à essayer de trouver une solution de comment utiliser la mise en forme automatique de la vue d'un intégré le Scrollview, au centre de la scrollview dans le visible à l'écran, qui fonctionne sur tous les appareils /les dimensions de l'écran ainsi qu'avec la rotation de l'écran.

J'ai passé des jours à essayer de le faire avec mise en page automatique seulement, et a obtenu près mais jamais assez proche. Donc à la fin j'ai dû ajouter 3 lignes de code par l'écran, dans le viewDidLoad.

Voir la solution ci-dessous :

1. Créer la scrollview et de le remplir avec ce que les objets que vous souhaitez
2. Tourner sur la mise en page automatique
3. Puis Centre de la ScrollView Verticalement et Horizontalement
   
4. Sélectionnez le Vue et puis 'Ajouter manquant contraintes - ce qui fait ensuite son travail
5. Le résultat est que beaucoup de contraintes sont générées. Il y a 2 nouveaux créés pour la vue : 'Horiz espace scrollview à Vue" et "Vert espace scrollview à vue" ou vice-versa.
6. Supprimer le "Horiz espace scrollview à Vue" donc, vous êtes maintenant à gauche avec 3 contraintes sur la Vue. La 2 pour l'ouverture de la scrollview dans la vue et celui de définir un espace vertical entre le scrollview et la vue
7. Lien le Vert contrainte à votre code par clic et Ctrl en le faisant glisser vers le fichier d'en-tête et la création d'un NSLayoutConstraint IBOutlet (j'ai appelé le mien constraintVertVtoSV)

8. Maintenant, allons à la .m fichier et ajouter ces lignes de code dans le viewDidLoad (jouer avec le rembourrage montant pour obtenir le vert de centrage)

   if (IPAD)

   {
   auto.constraintVertVtoSV.constante = 150.0;
   }

9. cela devrait maintenant fonctionner sur tous les appareils et être correctement centré et encore de faire défiler correctement.

Problème similaire, je vais avoir aujourd'hui avec iOS 8.4, Xcode 6.4

Il y a une vue contenant un parchemin de vue, contenant un contentView (UIView) contenant des sous-vues.

Tout est à disposition automatique de partout.
La scrollview bords sont épinglés à la mère des vues sur les bords avec des contraintes.
L'affichage du contenu bords sont épinglés sur le défilement de l'affichage des bords avec des contraintes.

À l'origine, le contenu de vue refuser la taille de la largeur de défilement de la vue. J'ai dû ajouter une contrainte supplémentaire sur le contenu en vue de sa largeur correspondre à la mère de défilement de la vue. Ou je pourrais définir un contentView.centerX == scrollView.centerX contrainte. Soit l'un de ceux qui en plus d'épingler les bords tout d'un coup le contenu s'afficher correctement la taille.

//Either one of these additional constraints are required to get autolayout to correctly layout the contentView. Otherwise contentView size is its minimum required size
scrollView.addConstraint(NSLayoutConstraint(item: contentView, attribute: .CenterX, relatedBy: .Equal, toItem: scrollView, attribute: .CenterX, multiplier: 1.0, constant: 0))
scrollView.addConstraint(NSLayoutConstraint(item: contentView, attribute: NSLayoutAttribute.Width, relatedBy: .Equal, toItem: scrollView, attribute: .Width, multiplier: 1.0, constant: 0.0))

Épingler les bords de l'affichage du contenu pour le défilement de l'affichage à l'aide de visual contraintes de la forme,

let cvConstraints = ["H:|[contentView]|", "V:|[contentView]|"]

J'utilise une routine pour parcourir le tableau et les ajouter à la scrollView.

Dans swift vous pouvez utiliser cette solution de travail.

Contraintes

ScrollView: Leader, Suiveur, Haut, Bas = Superview

ContentView: Leader, Suiveur, Haut, Bas = ScrollView. Hauteur fixe de/par rapport au contenu.

Vous pouvez définir la largeur de la contrainte(contentView) à l'égalité de scrollviews superview, mais sélectionnez supprimer pour supprimer sur le temps de construction parce que vous serez l'ajout de cette contrainte par programmation. C'est juste pour l'IB ne se plaint pas avec des avertissements.

extension UIView {

    func setupContentViewForViewWithScroll(contentView vwContent : UIView) {
        //Set constraint for scrollview content
        let constraint = NSLayoutConstraint(item: vwContent, attribute: NSLayoutAttribute.Width, relatedBy: .Equal, toItem: nil, attribute: NSLayoutAttribute.NotAnAttribute, multiplier: 1, constant: self.bounds.size.width)
        vwContent.addConstraint(constraint)
        self.layoutSubviews()
    }

}

Et de l'avis du Contrôleur viewDidLayoutSubviews je viens d'appeler cette méthode:

override func viewDidLayoutSubviews() {
    super.viewDidLayoutSubviews()
    self.view.setupContentViewForViewWithScroll(contentView: vwContent)
}