Подвиды не такие большие в симуляции

Question

Я создал несколько подпредставлений, как показано здесь:

Answer 1

Как вы можете видеть в Storyboard размещенных вами видах, вы просто перетаскиваете их из Library и, возможно, изменяете размеры, используя угловые края из этого конкретного View.

Теперь причина, по которой это происходит

Вы используете дизайн раскадровки iPhone SE (вы можете увидеть это внизу) и запускаете его на симуляторе iPhone 8

Теперь, если вы запустите то же самое на iPhone SE's симуляторе, он будет отображаться отлично!

Но если вы хотите, чтобы он выглядел одинаково на всех устройствах, то вам нужноиспользуйте Auto Layout constraints

В Интернете вы можете найти множество удивительных Auto Layout учебных пособий, которые научат вас многим вещам, и вам действительно важно выучить Auto Layout, если вы хотитечтобы продолжить в разработке iOS

Я прикрепил ссылку ниже для одного из руководств, которые я использовал:

Auto LayoutУчебное пособие

Answer 2

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

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

Добавьте желаемый вертикальный интервал между подпредставлениями.Или добавьте все ваши вложенные представления в представление стека, которое выровняет ваши элементы по вертикали.

для получения дополнительной информации ищите UIScrollView и Макет с использованием стековых представлений

Answer 3

Если у вас ограниченное количество UIVIew и вы хотите отобразить все на одном экране без UIScrollView, вам просто нужно добавить ограничение UIView, как показано ниже

Примечание: Нет фиксированной высоты любого UIView, поэтому он будет изменяться или увеличиваться в соответствии с экраном устройства.

1. Первое UIView ограничение до Top Leading Trailing Bottom.

2. Второе UIView ограничение до Top Center Horizontal First View Equal Width of First View Equal Height of First View

3. Третье UIView ограничение до Top Center Horizontal of Second View Equal Width Second View Equal Height of Second View

4. Forth UIView ограничение до Top Center Horizontal of Third View Equal Width Third View Equal Height of Third View

5. Пятое UIView ограничение на Top Center Horizontal of Forth View Equal Width Forth View Equal Height of Forth View Bottom

, поэтому оно будет выглядеть следующим образом.

1.В StoryBoard

2.Внешний вид устройства или симулятора

Примечание: Если у вас большое число UIView, тогдаНаиболее предпочтительным способом является добавление внутрь UIScrollView

Answer 4

Вам нужно добавить ограничения.(ведущий и конечный)

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

Я настоятельно рекомендую учебник по ограничениям.Также кажется, что вам нужно прокрутить это, так что, возможно, что-то прокручивающее поможет вам отобразить подпредставления для этой ситуации: - ScrollView - TableView - CollectionView