it-swarm.com.ru

Как мне автоматически изменить размер UIScrollView, чтобы соответствовать его содержимому

Есть ли способ автоматически настроить UIScrollView на высоту (или ширину) прокручиваемого содержимого?

Что-то вроде:

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

Лучший метод, с которым я когда-либо сталкивался, обновлял размер содержимого UIScrollView на основе содержащихся в нем подпредставлений:

Objective-C

CGRect contentRect = CGRectZero;

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

Swift

var contentRect = CGRect.zero

for view in mainScrollView.subviews {
   contentRect = contentRect.union(view.frame)
}
mainScrollView.contentSize = contentRect.size
293
leviathan

UIScrollView не знает высоту своего содержимого автоматически. Вы должны рассчитать высоту и ширину для себя

Сделай это с чем-то вроде

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

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

Но это работает, только если мнения находятся один под другим. Если у вас есть вид рядом друг с другом, вам нужно добавить высоту только один, если вы не хотите, чтобы содержимое скроллера было больше, чем оно есть на самом деле.

75
emenegro

Решение, если вы используете автоматический макет:

  • Установите translatesAutoresizingMaskIntoConstraints в NO для всех задействованных представлений.

  • Расположите и измените размер представления прокрутки с ограничениями, внешними по отношению к представлению прокрутки.

  • Используйте ограничения для размещения подпредставлений в представлении прокрутки, , убедившись, что ограничения привязаны ко всем четырем ребрам представления прокрутки и не полагаются на просмотр прокрутки, чтобы получить их размер.

Источник: https://developer.Apple.com/library/ios/technotes/tn2154/_index.html

37
Adam Waite

Я добавил это к ответу Espuz и JCC. Он использует позицию y подпредставлений и не включает полосы прокрутки. Edit Использует нижнюю часть самого нижнего подвида, который виден.

+ (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;
}
35
richy

Вот принятый ответ в Swift для всех, кому лень его конвертировать :)

var contentRect = CGRectZero
for view in self.scrollView.subviews {
    contentRect = CGRectUnion(contentRect, view.frame)
}
self.scrollView.contentSize = contentRect.size
13
Josh

Вот Swift 3 адаптация ответа @ leviatan:

РАСШИРЕНИЕ

import UIKit


extension UIScrollView {

    func resizeScrollViewContentSize() {

        var contentRect = CGRect.zero

        for view in self.subviews {

            contentRect = contentRect.union(view.frame)

        }

        self.contentSize = contentRect.size

    }

}

ИСПОЛЬЗОВАНИЕ

scrollView.resizeScrollViewContentSize()

Очень прост в использовании!

7
fredericdnd

Следующее расширение будет полезно в Swift.

extension UIScrollView{
    func setContentViewSize(offset:CGFloat = 0.0) {
        // dont show scroll indicators
        showsHorizontalScrollIndicator = false
        showsVerticalScrollIndicator = false

        var maxHeight : CGFloat = 0
        for view in subviews {
            if view.isHidden {
                continue
            }
            let newHeight = view.frame.Origin.y + view.frame.height
            if newHeight > maxHeight {
                maxHeight = newHeight
            }
        }
        // set content size
        contentSize = CGSize(width: contentSize.width, height: maxHeight + offset)
        // show scroll indicators
        showsHorizontalScrollIndicator = true
        showsVerticalScrollIndicator = true
    }
}

Логика одинакова с данными ответами. Тем не менее, он пропускает скрытые представления внутри UIScrollView, и вычисление выполняется после скрытых указателей прокрутки.

Кроме того, есть необязательный параметр функции, и вы можете добавить значение смещения, передав параметр в функцию.

6
gokhanakkurt

Отличное и лучшее решение от @leviathan. Просто переведите на Swift, используя FP (функциональное программирование).

self.scrollView.contentSize = self.scrollView.subviews.reduce(CGRect(), { 
  CGRectUnion($0, $1.frame) 
}.size
5
othierry42

Вы можете получить высоту содержимого внутри UIScrollView, рассчитав, какой дочерний элемент "достигает дальнейших шагов". Чтобы рассчитать это, вы должны принять во внимание происхождение Y (начало) и высоту предмета.

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))];

Делая вещи таким образом, предметы (подпредставления) не должны быть сложены непосредственно один под другим.

4
paxx

Я придумал другое решение на основе решения @ emenegro

NSInteger maxY = 0;
for (UIView* subview in scrollView.subviews)
{
    if (CGRectGetMaxY(subview.frame) > maxY)
    {
        maxY = CGRectGetMaxY(subview.frame);
    }
}
maxY += 10;
[scrollView setContentSize:CGSizeMake(scrollView.frame.size.width, maxY)];

По сути, мы выясняем, какой элемент расположен дальше всего вниз, и добавляем отступ в 10 пикселей к нижней части.

3
Chris

Поскольку scrollView может иметь другие scrollViews или другое дерево подпунктов inDepth, рекурсивный запуск в глубину предпочтителен. enter image description here

Swift 2

extension UIScrollView {
    //it will block the mainThread
    func recalculateVerticalContentSize_synchronous () {
        let unionCalculatedTotalRect = recursiveUnionInDepthFor(self)
        self.contentSize = CGRectMake(0, 0, self.frame.width, unionCalculatedTotalRect.height).size;
    }

    private func recursiveUnionInDepthFor (view: UIView) -> CGRect {
        var totalRect = CGRectZero
        //calculate recursevly for every subView
        for subView in view.subviews {
            totalRect =  CGRectUnion(totalRect, recursiveUnionInDepthFor(subView))
        }
        //return the totalCalculated for all in depth subViews.
        return CGRectUnion(totalRect, view.frame)
    }
}

Использование

scrollView.recalculateVerticalContentSize_synchronous()
3
iluvatar_GR

Или просто сделайте:

int y = CGRectGetMaxY(((UIView*)[_scrollView.subviews lastObject]).frame); [_scrollView setContentSize:(CGSizeMake(CGRectGetWidth(_scrollView.frame), y))];

(Это решение было добавлено мной в качестве комментария на этой странице. Получив 19 голосов за этот комментарий, я решил добавить это решение в качестве официального ответа на благо сообщества!)

2
Gal

Оборачивая код Ричи, я создал собственный класс UIScrollView, который полностью автоматизирует изменение размера контента!

SBScrollView.h

@interface SBScrollView : UIScrollView
@end

SBScrollView.m:

@implementation SBScrollView
- (void) layoutSubviews
{
    CGFloat scrollViewHeight = 0.0f;
    self.showsHorizontalScrollIndicator = NO;
    self.showsVerticalScrollIndicator = NO;
    for (UIView* view in self.subviews)
    {
        if (!view.hidden)
        {
            CGFloat y = view.frame.Origin.y;
            CGFloat h = view.frame.size.height;
            if (y + h > scrollViewHeight)
            {
                scrollViewHeight = h + y;
            }
        }
    }
    self.showsHorizontalScrollIndicator = YES;
    self.showsVerticalScrollIndicator = YES;
    [self setContentSize:(CGSizeMake(self.frame.size.width, scrollViewHeight))];
}
@end

Как использовать:
Просто импортируйте файл .h в контроллер представления и объявите экземпляр SBScrollView вместо обычного экземпляра UIScrollView.

1
AmitP

Для Swift 4 используется уменьшение:

self.scrollView.contentSize = self.scrollView.subviews.reduce(CGRect.zero, {
   return $0.union($1.frame)
}).size
1
mm282

Установите динамический размер контента следующим образом.

 self.scroll_view.contentSize = CGSizeMake(screen_width,CGRectGetMaxY(self.controlname.frame)+20);
1
Monika Patel

Размер зависит от содержимого, загруженного в него, и параметров отсечения. Если это текстовое представление, то это также зависит от переноса текста, количества строк текста, размера шрифта и так далее. Почти невозможно для вас вычислить себя. Хорошей новостью является то, что он вычисляется после загрузки представления и в viewWillAppear. До этого все неизвестно и размер контента будет такой же, как и размер кадра. Но в методе viewWillAppear и после (например, viewDidAppear) размер контента будет фактическим.

1
PapaSmurf

почему не одна строка кода ??

_yourScrollView.contentSize = CGSizeMake(0, _lastView.frame.Origin.y + _lastView.frame.size.height);
0
Ali

Я думаю, что это может быть аккуратный способ обновления размера представления контента UIScrollView.

extension UIScrollView {
    func updateContentViewSize() {
        var newHeight: CGFloat = 0
        for view in subviews {
            let ref = view.frame.Origin.y + view.frame.height
            if ref > newHeight {
                newHeight = ref
            }
        }
        let oldSize = contentSize
        let newSize = CGSize(width: oldSize.width, height: newHeight + 20)
        contentSize = newSize
    }
}
0
Furqan Khan

Я также нашел ответ Левиафана, чтобы работать лучше. Тем не менее, он рассчитывал странную высоту. При циклическом просмотре подпредставлений, если для прокрутки установлено отображение индикаторов прокрутки, они будут в массиве подпредставлений. В этом случае решение состоит в том, чтобы временно отключить индикаторы прокрутки перед циклом, а затем восстановить их прежнюю настройку видимости.

-(void)adjustContentSizeToFit - это открытый метод пользовательского подкласса UIScrollView.

-(void)awakeFromNib {    
    dispatch_async(dispatch_get_main_queue(), ^{
        [self adjustContentSizeToFit];
    });
}

-(void)adjustContentSizeToFit {

    BOOL showsVerticalScrollIndicator = self.showsVerticalScrollIndicator;
    BOOL showsHorizontalScrollIndicator = self.showsHorizontalScrollIndicator;

    self.showsVerticalScrollIndicator = NO;
    self.showsHorizontalScrollIndicator = NO;

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

    self.showsVerticalScrollIndicator = showsVerticalScrollIndicator;
    self.showsHorizontalScrollIndicator = showsHorizontalScrollIndicator;
}
0
clayzar

на самом деле это зависит от контента: content.frame.height может дать вам то, что вы хотите? Зависит от того, является ли контент отдельной вещью или совокупностью.

0
Andiih