Как работает Scrollview с автозагрузкой и почему установка нижнего вертикального ограничения пространства заставляет работать?

Ответ 1

Рабочий пример

Привет. Сначала, вот рабочий пример прокрутки, который вызывается пару дней назад.

[self addSubview:scrollView];

id views = NSDictionaryOfVariableBindings(scrollView);
[self addConstraints:PVVFL(@"H:|[scrollView]|").withViews(views).asArray];
[self addConstraints:PVVFL(@"V:|[scrollView]|").withViews(views).asArray];

Ограничения, введенные в код и с помощью Parus lib.

Как вы можете заметить, просмотр прокрутки привязан к этому супервизу. Другими словами, он полностью заполняет его.

Пара строк ранее я настраиваю дерево scrollView.

id views = NSDictionaryOfVariableBindings(photoView, storeNameLabel, selectStoreButton, tagsLabel, tagsContainer, editTagsButton, commentView, sendButton, cancelButton);
[scrollView addConstraints:PVVFL(@"V:|-15-[photoView(150)]").withViews(views).asArray];
[scrollView addConstraints:PVVFL(@"|-15-[photoView]-15-|").withViews(views).asArray];
[scrollView addConstraint:PVCenterXOf(photoView).equalTo.centerXOf(scrollView).asConstraint];

[scrollView addConstraint:PVTopOf(storeNameLabel).equalTo.bottomOf(photoView).plus(20).asConstraint];
[scrollView addConstraints:
 PVVFL(@"|-15-[storeNameLabel]-(>=15)-[selectStoreButton]-15-|")
 .alignAllBaseline.withViews(views).asArray];
[selectStoreButton setContentCompressionResistancePriority:UILayoutPriorityRequired
                                                   forAxis:UILayoutConstraintAxisHorizontal];

[scrollView addConstraints:
 PVVFL(@"V:[storeNameLabel]-15-[tagsLabel][tagsContainer]").alignAllLeft.withViews(views).asArray];
[scrollView addConstraint:PVRightOf(tagsContainer).equalTo.rightOf(selectStoreButton).asConstraint];
[scrollView addConstraint:PVTopOf(editTagsButton).equalTo.bottomOf(tagsContainer).plus(10).asConstraint];
[scrollView addConstraint:PVWidthOf(editTagsButton).equalTo.widthOf(tagsContainer).asConstraint];
[scrollView addConstraint:PVLeftOf(editTagsButton).equalTo.leftOf(tagsContainer).asConstraint];

[scrollView addConstraint:PVTopOf(commentView).equalTo.bottomOf(editTagsButton).plus(10).asConstraint];
[scrollView addConstraint:PVWidthOf(commentView).equalTo.widthOf(editTagsButton).asConstraint];
[scrollView addConstraint:PVLeftOf(commentView).equalTo.leftOf(editTagsButton).asConstraint];
[scrollView addConstraint:PVHeightOf(commentView).moreThan.constant(100).asConstraint];
[scrollView addConstraint:PVLeftOf(cancelButton).equalTo.leftOf(commentView).asConstraint];
[scrollView addConstraints:PVVFL(@"[cancelButton]-(>=15)-[sendButton(==cancelButton)]").alignAllBaseline.withViews(views).asArray];
[scrollView addConstraint:PVRightOf(sendButton).equalTo.rightOf(commentView).asConstraint];
[scrollView addConstraints:PVVFL(@"V:[commentView]-10-[cancelButton]-10-|").withViews(views).asArray];

Как вы видите, это довольно сложный макет. Но ключевые моменты этого: внутренние представления фиксировали высоты, обеспечиваемые их внутренними размерами контента. Объединив все вместе, они попытались увеличить высоту scrollView. Но высота scrollView фиксируется self.view!!! Решатель Constraint должен генерировать ошибку. Но,

Теория

Apple имеет специальное Техническое примечание для этого случая. И есть интересный момент:

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

Также в этой заметке приводятся некоторые примеры различных подходов при работе со списками прокрутки и автомакетами.

Теперь я постараюсь ответить на ваши вопросы.

Ответы

Вопрос 1 - Почему это?

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

Вопрос 2 - почему это?

Опять же, дело в содержании. Специальный подход ограничения выглядит как переборщик интерфейса. В xib у вас есть нормальный размер, и после создания экземпляра файла nib файла вы просто возвращаетесь к нормальному состоянию, фиксируя это ограничение до 0, а это означает, что размер содержимого прокрутки будет равным представлению C.

Вопрос 3. Может ли кто-нибудь объяснить, что происходит, когда свиток scrollview, какой из исходных фреймов объекта меняется, и почему это делается так?

Великое объяснение этого процесса вы можете найти в этой статье: Понятие прокрутки > , но короткий ответ: просмотр UIScroll выполняет прокрутку, изменяя self.bounds.origin точка.

Вопрос 4 - Может ли кто-нибудь объяснить, как ограничения должны быть установлены между (A), (B) и (C) на простом английском языке?

Вы должны установить ограничения внутри представления прокрутки, установив все ребра во внутренний вид. Другими словами, все ребра прокрутки должны быть исправлены дважды: по внутренним представлениям и по супервизу.

Если ответ на этот вопрос еще не ясен, вы можете прочитать этот ответ с самого начала.

Ответ 2

Я нашел много примеров, как это сделать, но не один, объясняющий, как установить contendize в Runtime. Итак, с помощью кнопки.

На самом деле все сводится к тому, чтобы иметь отношение между вашим содержимым scrollviews и scrollView.

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

Чтобы настроить консенсус с помощью кнопки (во время выполнения), вам необходимо настроить ограничения вашего контента.

Это трудно понять. Я поместил код в github http://goo.gl/qrXANp, и вы можете найти видео об этом здесь... https://www.youtube.com/watch?v=4oCWxHLBQ-A

Ответ 3

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

UIView → UIScrollView → ContentView

и вы можете продолжать добавлять subview в contentView во время выполнения, а размер содержимого uiscrollview будет увеличиваться автоматически

   self.ContentView = [[UIView alloc] initWithFrame:CGRectZero];
    self.ContentView.translatesAutoresizingMaskIntoConstraints = NO;
    self.scrollview = [[UIScrollView alloc] initWithFrame:CGRectZero];
    self.scrollview.translatesAutoresizingMaskIntoConstraints = NO;
    [self.scrollview sizeToFit];

    [self.scrollview addSubview:self.ContentView];
    [self.view addSubview:self.scrollview];

    NSMutableDictionary *views = [[NSMutableDictionary alloc] init];

    [views setValue:self.ContentView forKey:@"ContentView"];
    [views setValue:self.scrollview forKey:@"scrollview"];
    [views setValue:self.view forKey:@"mainView"];

    [self.view addConstraints:[NSLayoutConstraint constraintsWithVisualFormat:@"H:|-0-[scrollview]-0-|"
                                                                             options:0
                                                                             metrics:nil
                                                                               views:views]];

    [self.view addConstraints:[NSLayoutConstraint constraintsWithVisualFormat:@"V:|-0-[scrollview]-0-|"
                                                                             options:0
                                                                             metrics:nil
                                                                               views:views]];

    [self.scrollview addConstraints:[NSLayoutConstraint constraintsWithVisualFormat:@"H:|[ContentView]|"
                                                                             options:0
                                                                             metrics:nil
                                                                               views:views]];

    [self.scrollview addConstraints:[NSLayoutConstraint constraintsWithVisualFormat:@"V:|[ContentView]|"
                                                                             options:0
                                                                             metrics:nil
                                                                               views:views]];

    [self.view addConstraints:[NSLayoutConstraint constraintsWithVisualFormat:@"H:[ContentView(==mainView)]"
                                                                      options:0
                                                                      metrics:nil
                                                                        views:views]];

    self.view.contentMode = UIViewContentModeRedraw;

    [self.view setNeedsUpdateConstraints];