UIScrollView AutoLayout Vertical uniquement

Je veux obtenir la mise en page automatique de travail avec le UIScrollView et vais avoir un peu de mal avec elle. Voici ce que j'ai fait:

  1. Ajouter un UIScrollView à l'intérieur de la Vue Principale avec cadre: [top: 0, left: 0, largeur: 320, hauteur: 568]
  2. Ajouter UIView "ContentView" à l'intérieur de la UIScrollView avec le cadre et les bgcolor noir: [top: 0, left: 0, largeur: 320, hauteur: 568]
  3. Installation UIScrollView contraintes: [top: 0, bas: 0, left: 0, droite: 0]
  4. Setup "ContentView" contraintes: [top: 0, bas: 0, left: 0, droite: 0]
  5. Aligner les éléments à l'intérieur de la "ContentView"
  6. Définir Vue Principale bgcolor gris (pour voir ce qu'il se passe)

Voici une capture d'écran du problème: http://imgur.com/P8s9lB0

Pour une raison quelconque, les contraintes de mettre le contenu en vue d'être au milieu de l'écran. Aussi, il défile dans tous les sens. Je veux que le contenu de défilement uniquement dans le sens vertical comme dans UITableViewde sorte que je ne peux pas bouger comme ça: http://imgur.com/lBCwfAS

Ce que je fais mal? J'ai vérifié tous les tutoriels et les réponses que je peux trouver dans StackOverflow et Google, et personne n'a en fait juste un problème bizarre, je suis donc demander de l'aide.

EDIT: j'ai aussi ajouté ContentView la largeur et la hauteur comme des contraintes et cela n'a pas aide non plus.

source d'informationauteur Gasim

  1. 16

    Pour désactiver le défilement horizontal, vous pouvez définir la taille du contenu dans le (void)scrollViewDidScroll méthode.

    [self.scrollView setContentOffset: CGPointMake(0, self.scrollView.contentOffset.y)];

    Vous aurez également besoin de définir l'orientation de verrouillage alors que de 1 la direction de défilement est utilisée à la fois. https://developer.apple.com/library/ios/documentation/UIKit/Reference/UIScrollView_Class/index.html#//apple_ref/occ/instp/UIScrollView/directionalLockEnabled

    self.scrollView.directionalLockEnabled = YES;
  2. 8

    Vous pouvez le faire entièrement à l'aide de contraintes et il est vraiment facile.

    La UIScrollView juste besoin de comprendre comment beaucoup de la largeur et de l'espace qu'il a à l'intérieur. Il doit donc avoir quelque chose épinglé à la LeadingTrailingTop & Bottom contraintes. Aussi la largeur et la hauteur du contenu doit être fixe (cela ne veut pas dire que je specificy. Je peux encore utiliser les contraintes pour atteindre cet objectif.)

    1. Ajouter un UIScrollView et la position que nécessaire.
    2. Ajouter un UIView à l'intérieur de la UIScrollView pour le contenu.
    3. Définir la LeadingTrailingTop & Bottom contraintes du contenu UIView à 0.
    4. Ajouter un Equal Width contrainte à la UIScrollView et UIView. Cela permettra à défilement vertical uniquement.
    5. Vous faut maintenant définir la hauteur du contenu UIView. Vous pouvez ensuite spécifier la hauteur de l'affichage du contenu (blech) ou utiliser la hauteur des contrôles contenus dans en vous assurant que la partie inférieure de contrôle est limité à la partie inférieure de l'affichage du contenu.

    Je l'ai fait et il a travaillé un régal.

  3. 6

    Pour résumer la Leszek S' réponse:

    Afin d'avoir un défilement vertical vue, tous les points de vue à l'intérieur de défilement de la vue doivent avoir leur largeur contrainte ensemble. Facile de régler le défilement de la vue superview.

    La raison en est que le défilement de la vue ne pas faire défiler horizontalement de sorte que tant qu'aucun de ses sous-vues besoin de faire défiler horizontalement. Par exemple, si vous avez une étiquette, mettre à 0 les lignes, mise en page automatique vais essayer de faire de l'étiquette aussi large que possible avant qu'il commence à ajouter des lignes et des sauts de ligne. Si il n'y a pas explicite largeur de contraintes sur l'étiquette, il va juste faire le défilement de l'affichage de la zone de contenu plus large. Contraintes pour la fuite de défilement de la vue sont ignorés.

    Si vous avez un tas de points de vue, vous pouvez les mettre dans un seul contenant de vue comme dans la vidéo. Pour mon cas, je n'ai que 5 ou 6 étiquettes qui peuvent changer dynamiquement la hauteur, mais ne doit jamais modifier la largeur, donc je viens de faire tous de la même largeur que le défilement de l'affichage. Et bingo, à la verticale de défilement de la vue avec des étiquettes qui croissent ou décroissent en fonction du texte.

  4. 3

    J'ai écrit une fonction qui permet de faire défiler le contenu vers le haut, mais pas horizontalement. Il crée une UIView avec la largeur limitée à l'intérieur de scrollview et incorpore toutes scrollview des sous-vues.

    TegScrolledContent.createContentView(scrollView)

    https://github.com/exchangegroup/scrollable-content-ios

    UIScrollView AutoLayout Vertical uniquement

  5. 1

    Donner l'affichage du contenu explicite de la hauteur et la largeur des contraintes

  6. 1

    Ci-dessous est un extrait de code que j'ai utilisé pour réaliser un vertical seulement de défilement de la vue.
    Il fonctionne par l'ajout d'un affichage de contenu comme un enfant à la vue d'un parchemin, puis le fait de contraindre la largeur de l'affichage du contenu de la largeur de la mère de défilement de la vue. À partir de là, tous les sous-vues doit être ajouté à la vue de contenu plutôt que de le faire défiler la vue.

    //View that will contain content of scroll view. Width is constrained to the width of the scroll view.
UIView *contentView = [[UIView alloc] init];
contentView.translatesAutoresizingMaskIntoConstraints = NO;
[scrollView addSubview:contentView];

views[@"contentView"] = contentView;
[scrollView addConstraint:[NSLayoutConstraint constraintWithItem:contentView attribute:NSLayoutAttributeWidth relatedBy:NSLayoutRelationEqual toItem:scrollView attribute:NSLayoutAttributeWidth multiplier:1.0 constant:0.0]];
[scrollView addConstraint:[NSLayoutConstraint constraintWithItem:contentView attribute:NSLayoutAttributeCenterX relatedBy:NSLayoutRelationEqual toItem:scrollView attribute:NSLayoutAttributeCenterX multiplier:1.0 constant:0.0]];
[scrollView addConstraints:[NSLayoutConstraint constraintsWithVisualFormat:@"V:|[contentView]|" options:0 metrics:nil views:views]];

//Now, add all your subviews to contentView
  7. 1

    Avec @derek réponse que je voudrais ajouter que la mise contentOffset toujours dans scrollViewDidScroll sera la cause de problème de performances . Veuillez donc vérifier seulement si x est différent de 0 alors définir contentOffset

        if(contentOffset.x != 0){
        setContentOffset(CGPointMake(0, contentOffset.y), animated: false)
    }

    et oui à la scrollview

    directionalLockEnabled = true