Comment adapter automatiquement la taille d'un UIScrollView à son contenu ?

Question

Y a-t-il un moyen de faire un UIScrollView s'ajuste automatiquement à la hauteur (ou à la largeur) du contenu qu'il fait défiler ?

Quelque chose comme :

[scrollView setContentSize:(CGSizeMake(320, content.height))];

Answer 1

La meilleure méthode que j'ai rencontrée pour mettre à jour la taille du contenu d'un fichier de type UIScrollView en fonction des sous-vues qu'il contient :

Objectif-C

CGRect contentRect = CGRectZero;

for (UIView *view in self.scrollView.subviews) {
    contentRect = CGRectUnion(contentRect, view.frame);
}
self.scrollView.contentSize = contentRect.size;

Swift

let contentRect: CGRect = scrollView.subviews.reduce(into: .zero) { rect, view in
    rect = rect.union(view.frame)
}
scrollView.contentSize = contentRect.size

Answer 2

UIScrollView ne connaît pas automatiquement la hauteur de son contenu. Vous devez calculer la hauteur et la largeur par vous-même

Faites-le avec quelque chose comme

CGFloat scrollViewHeight = 0.0f;
for (UIView* view in scrollView.subviews)
{
   scrollViewHeight += view.frame.size.height;
}

[scrollView setContentSize:(CGSizeMake(320, scrollViewHeight))];

Mais cela ne fonctionne que si les vues sont l'une en dessous de l'autre. Si vous avez une vue l'une à côté de l'autre, vous ne devez ajouter que la hauteur d'une seule vue si vous ne voulez pas que le contenu du défilement soit plus grand qu'il ne l'est réellement.

Answer 3

Solution si vous utilisez la mise en page automatique :

• Définir translatesAutoresizingMaskIntoConstraints à NO sur toutes les vues impliquées.

• Positionnez et dimensionnez votre vue défilante avec des contraintes externes à la vue défilante.

• Utilisez les contraintes pour disposer les sous-vues dans la vue défilante, s'assurer que les contraintes sont liées aux quatre bords de la vue défilante et ne dépendent pas de la vue défilante pour obtenir leur taille.

Source : https://developer.apple.com/library/ios/technotes/tn2154/_index.html

Answer 4

J'ai ajouté ceci à la réponse d'Espuz et de JCC. Elle utilise la position y des sous-vues et n'inclut pas les barres de défilement. Modifier Utilise le bas de la sous-vue la plus basse qui est visible.

+ (CGFloat) bottomOfLowestContent:(UIView*) view
{
    CGFloat lowestPoint = 0.0;

    BOOL restoreHorizontal = NO;
    BOOL restoreVertical = NO;

    if ([view respondsToSelector:@selector(setShowsHorizontalScrollIndicator:)] && [view respondsToSelector:@selector(setShowsVerticalScrollIndicator:)])
    {
        if ([(UIScrollView*)view showsHorizontalScrollIndicator])
        {
            restoreHorizontal = YES;
            [(UIScrollView*)view setShowsHorizontalScrollIndicator:NO];
        }
        if ([(UIScrollView*)view showsVerticalScrollIndicator])
        {
            restoreVertical = YES;
            [(UIScrollView*)view setShowsVerticalScrollIndicator:NO];
        }
    }
    for (UIView *subView in view.subviews)
    {
        if (!subView.hidden)
        {
            CGFloat maxY = CGRectGetMaxY(subView.frame);
            if (maxY > lowestPoint)
            {
                lowestPoint = maxY;
            }
        }
    }
    if ([view respondsToSelector:@selector(setShowsHorizontalScrollIndicator:)] && [view respondsToSelector:@selector(setShowsVerticalScrollIndicator:)])
    {
        if (restoreHorizontal)
        {
            [(UIScrollView*)view setShowsHorizontalScrollIndicator:YES];
        }
        if (restoreVertical)
        {
            [(UIScrollView*)view setShowsVerticalScrollIndicator:YES];
        }
    }

    return lowestPoint;
}

Answer 5

Vous pouvez obtenir la hauteur du contenu à l'intérieur de UIScrollView en calculant quel enfant "atteint le plus loin". Pour calculer cela, vous devez prendre en considération l'origine Y (départ) et la hauteur de l'élément.

float maxHeight = 0;
for (UIView *child in scrollView.subviews) {
    float childHeight = child.frame.origin.y + child.frame.size.height;
    //if child spans more than current maxHeight then make it a new maxHeight
    if (childHeight > maxHeight)
        maxHeight = childHeight;
}
//set content size
[scrollView setContentSize:(CGSizeMake(320, maxHeight))];

En procédant de cette manière, les éléments (vues secondaires) ne doivent pas être empilés directement les uns sous les autres.