Невозможно вставить UIScrollView над UIView в другую сцену с помощью XCode 8

Сделайте это на втором контроллере: 1. Удалите основной UIView из сцены UIViewController, затем 2. Добавьте UIScrollView поверх него. 3. Добавьте подпредставление UIView as UIScrollView.

У вас будет идеальный порядок и желаемый результат, как в первой сцене. В вашем случае выберите «Просмотр» в разделе «Руководство по нижнему макету», нажмите клавишу «Возврат», перетащите UIScrollView в сведения об этой книге. Ваше здоровье.

Вот результат:

КАК РАБОТАТЬ С ПРОКРУТКАМИ

1. Ваш navigation bar всегда будет вверху с высотой 44px и верхним пространством 20px (верхнее 20px предназначено для строки состояния, т. е. значка зарядки, сети и т. д., который вы видите на своем устройстве).

Причина исправления navigation bar в верхней части состоит в том, что, где бы пользователь ни находился в ВК, вы всегда должны показывать ему, в какой ВК он присутствует в данный момент времени, иначе качество вашего приложения может ухудшиться (я сказал, может быть). В конце концов, вы можете добавить navigation Bar в UIScrollView по вашему выбору.

Верхний зеленый вид, который вы видите, я просто беру вид как statusBar высоты 20px, чтобы показать разницу.

2. Теперь добавьте UIScrollView в оставшуюся часть ViewController и задайте следующие ограничения:

   • top to navgationBar 0px
   • Ведущий, ведомый, нижний для супервизора как 0.

Теперь ваш VC будет таким, как показано ниже. Красная точка, указывающая, что ограничение может отсутствовать. Не беспокойтесь об этом, пока ваши компоненты внутри UIScrollView не будут установлены должным образом, это покажет вам ту же ошибку.

3. Теперь добавьте UIView в свой UIScrollView (говорит viewMain) и задайте такие ограничения

   • top, bottom, leading, trailing to scrollview as 0
   • Равной вам ширины viewVC. viewVC это вид ВК. вы получаете этот вид, когда берете новый UIViewController. Теперь ваш пользовательский интерфейс будет похож на

и ваша иерархия представлений будет выглядеть

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

3. Теперь я собираюсь добавить 5 видов разной высоты в scrollview, посмотрите.

4. Добавьте представление в viewMain (говорит viewYellow) и задайте ограничение ниже;

   • top, leading trailing to mainView as 0px
   • высота 180px

Теперь ваш пользовательский интерфейс будет похож на

5. Теперь так же, как step 4, добавьте еще четыре вида (viewGreen, viewBlue, viewRed, viewPurple) и задайте ограничения, как показано ниже.

   • • viewGreen : 1. top to viewYellow 0px 2. leading trailing to mainView as 0pxand 3. height 150px.
   • • viewBlue : 1. top to viewGreen 0px 2. leading trailing to mainView as 0pxand 3. height 80px.
   • • viewBlue : 1. top to viewGreen 0px 2. leading trailing to mainView as 0pxand 3. height 80px.
   • • viewRed : 1. top to viewBlue 0px 2. leading trailing to mainView as 0pxand 3. height 140px.
   • • viewPurple : 1. top to viewRed 0px 2. leading trailing to mainView as 0pxand 3. height 128px. 4. bottom to mainView 0px.

Теперь ваш пользовательский интерфейс и иерархия представлений будут такими, как показано ниже.

Не беспокойтесь о viewPurple, так как он мало отображается в UI, но доступен в иерархии. это scrollView и это очень безопасно. Видеть

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

Важно: как рассчитывается высота прокрутки

Когда вы устанавливаете ограничение каждого вида с ограничением сверху, снизу и по высоте на mainView, поэтому высота mainView рассчитывается по следующему уравнению

mainView.height = viewYellow.top + viewYellow.height + .... for all view + viewPurple.bottom

а высота scrollView будет рассчитываться следующим образом:

scrollView.height = mainView.height

Однако каждый вид имеет постоянную высоту, поэтому высота вращения будет одинаковой.

Окончательный результат

портрет

Пейзаж

Ни один из ответов не решил проблему изменения существующего приложения, поэтому я обратился в службу технической поддержки Apple. Они тоже не решили эту проблему, а дали мне несколько документов для просмотра. @Aragunz, вероятно, подошел ближе всего, предположив, что это была / есть проблема в XCode 8. Мой единственный оставшийся вариант - переписать раскадровку с нуля, сохранив существующие классы.

Выберите Сведения о книге UIViewController в раскадровке, а затем просто выберите корневой вид. Удалите его, а затем перетащите UIScrollView на свой UIViewController. Теперь ваше корневое представление должно быть UIScrollView

Примечание. Лично я предпочитаю следующую иерархию представлений:

|---UIView
     |---UIScrollView
         |---UIView //(to act as a container)
              |---UIView
              |---UIView
              |---UIView
              |---UIView

Позволяет вам довольно легко масштабировать приложение по мере необходимости, а также позволяет autoLayout довольно легко управлять настройкой размера содержимого вашего UIScrollView