В xcode 5 с использованием раскадровок, как можно создать полностью работающее представление прокрутки с вертикальной прокруткой с включенным AutoLayout?
Учитывая, что подпредставления имеют иерархию:
1.UIView
2.UIScrollView
3.UIView (lets call this UIDetailView to make things easier)
Уточните, пожалуйста, от кода до ограничений, чтобы любое из представлений ДОЛЖНО было быть меньше и т. д.
В этом сообщении в блоге подробно описано, как использовать UIScrollView с включенным автомакетом, используя подход чистого автомакета. Обратите внимание, что все ограничения в сообщении блога определяются через раскадровку.
Подход в посте предполагает следующую иерархию:
1. View (main view of my UIViewController)
2. Scroll View (UIScrollView)
3. Container View (UIView)
4. Content View (e.g. UIImageView)
Я предполагаю, что Container View будет вашим UIDetailView, а Content View будет любым UIView внутри вашего UIDetailView.
https://happyteamlabs.com/blog/ios-how-to-use-uiscrollview-with-auto-layout-pure-auto-layout/
Я видел, как несколько человек рекомендовали подход «Контейнерное представление», также известный как грубая сила, для решения проблемы, которую они не понимают. Это неоптимально, так как теперь вы потеряли большое преимущество прокрутки, заставив его думать, что содержимое представляет собой весь прокрутку, а не подвиды, непосредственно прикрепленные к прокрутке.
Вот как я это сделал в следующем примере
--UIScrollView
|-> UITextView
|-> UILabel
|-> UIOtherStuff
При размещении UIScrollView в UIView в раскадровке просто прикрепите края к 4 сторонам UIScrollView к UIView. Теперь добавьте свой контент в UIScrollView, убедившись, что вы указали как минимум два ограничения для каждого измерения. Отличительной особенностью Autolayout является то, что он определяет, насколько большим должен быть размер содержимого прокрутки или UILabels, исходя из размера содержимого внутри него. Он же встроенныйContentSize. Поэтому, если вам выдается предупреждение «Неоднозначный размер содержимого для scrollView», вы знаете, что не наложили на содержимое достаточных ограничений. Например, вы можете указать расстояние между видами сверху, снизу, слева и справа, но ограниченному подвиду также нужна высота, поскольку бесконечная вертикальная плоскость, подобная этой UIScrollView, может предполагать, что ваш вид был от нуля до бесконечной высоты.
Иными словами, руководство Apple по Autolayout на примере составляет простой план успеха из 3 пунктов:
Этот верхний TextView с «Min melding til» также растет по мере того, как вы вводите в него больше строк, и весь ScrollView растет, чтобы содержать его. Хотя я переопределяю класс UITextView, чтобы он возвращал измененное ограничение высоты, сам ScrollView работает правильно без кодирования.
И последнее, во многих сообщениях, связанных с Autolayout, используется волшебное заклинание «все исправить» translatesAutoresizingMaskIntoConstraints = NO. Это необходимо только в том случае, если представление создается программно.
В документации четко указано, как это сделать: UIScrollView в автоматическом макете всегда будет изменять свой размер, чтобы соответствовать содержимому (UIDetailView).
Таким образом, вы должны настроить свои представления следующим образом:
У меня была похожая проблема, и я нашел относительно простое решение, похожее на DJ S, из Interface Builder, используя чистый Autolayout без какого-либо кода.
Для проверки концепции сначала удалите все ограничения в View Controller, чтобы убедиться, что это работает.
Это пример макета:
Вид (основной вид моего UIViewController)
Просмотр прокрутки (UIScrollView)
Представление контейнера (UIView)
A. Ширина/высота представления прокрутки должны быть меньше ширины/высоты представления контейнера.
B. Контейнерное представление должно иметь некоторую определенную ширину/высоту (может быть явная ширина/высота).
C. Перетащите Контейнерный вид, удерживая нажатой клавишу Control, в вид с прокруткой и добавьте только:
D. Проверьте эти два ограничения и установите «постоянное» значение для обоих на 0.
E. Запустите приложение и
Из-за новых размеров экрана iPhone 6 и 6+ мне пришлось внести несколько изменений в решение DJ S.
Цель
Поместите UITextView внутри UIScrollView, а также оставьте пробелы 15 pt от левого/правого краев экрана.
Просмотры
1. Main View (main view of my UIViewController)
2. Scroll View (UIScrollView)
3. Container View (UIView)
4. Text View (UITextView)
Решение
Для пробелов я добавил горизонтальные конечные/начальные пробелы размером 15 пт от UIScrollView->Main View. Чтобы сделать ширину UITextView относительно ширины экрана, я добавил ограничение Equal Widths из UITextView -> Main View и установил значение -30 (2 * 15-точечное горизонтальное пространство). Теперь ширина UITextView будет динамически подстраиваться под любой размер экрана.
UIScrollView должно быть Scrolling Enabled. UITextView не должно.
