Какие правила использует VStack для распределения пространства между подпредставлениями?IOS

Программируем под IOS
Ответить
Anonymous
 Какие правила использует VStack для распределения пространства между подпредставлениями?

Сообщение Anonymous »

TL;DR Какие правила использует VStack для распределения доступного пространства между своими подпредставлениями. особенно когда задействован maxHeight: .infitiy.
Исходя из UIKit и LayoutConstraints, я все еще пытаюсь понять, как работает SwiftUI > изменяет размер своего представления.
После прочтения/просмотра различных руководств, документов и т. д. я понимаю, что в конечном итоге каждое представление само определяет свой размер. Родительское представление предлагает доступный размер, а дочерний элемент решает, насколько большим он хочет быть. Например, это видео WWDC показывает это с хорошими примерами.
Однако как это работает в следующем VStack:

Код: Выделить всё

VStack(spacing: 0) {
VStack {
Text("Top")
.background(.blue)
}
.frame(maxWidth: .infinity, maxHeight: .infinity)
.background(.red)

VStack {
Text("Bottom")
.background(.yellow)
}
.frame(maxWidth: .infinity, maxHeight: .infinity)
.background(.green)
}
.frame(maxWidth: .infinity, maxHeight: .infinity)
  • RootView предоставляет внешнему VStack полный размер экрана.
  • Внешний VStack предлагает этот размер своим дочерним элементам и спрашивает их, насколько большими они хотят быть.
  • Оба внутренние VStacks содержат только один TextView. Обычно они спрашивают textView, насколько большим он хочет быть, и возвращают этот размер как свой собственный. Однако модификатор кадра меняет это значение на бесконечную высоту.
  • Оба дочерних элемента имеют бесконечную высоту. Таким образом, внешний VStack дает обоим 50% высоты.
Это правильно?

Код: Выделить всё

Text("Bottom")
.frame(maxWidth: .infinity, maxHeight: .infinity)
.background(.yellow)
Теперь нижняя метка запрашивает для себя бесконечную высоту. Однако внутренний VStack предоставляет ему только доступные 50 % высоты экрана.
Но при добавлении дополнительных подпредставлений во внутренние VStacks ограничение в 50 % не соблюдается:

Код: Выделить всё

VStack(spacing: 0) {
VStack {
Text("Top1")
Text("...")
Text("TopN")
}
.frame(maxWidth: .infinity, maxHeight: .infinity)
.background(.red)

VStack {
Text("Bottom1")
Text("...")

// ...

Text("BottomN")
}
.frame(maxWidth: .infinity, maxHeight: .infinity)
.background(.green)
}
.frame(maxWidth: .infinity, maxHeight: .infinity)
Как здесь рассчитывается размер? Почему нижний VStack становится больше 50% в этом случае, но не раньше?
[img]https://i.sstatic.net /90rjfDKN.png[/img]


Подробнее здесь: https://stackoverflow.com/questions/792 ... n-subviews
Ответить

Быстрый ответ

Изменение регистра текста: 
Смайлики
:) :( :oops: :roll: :wink: :muza: :clever: :sorry: :angel: :read: *x)
Ещё смайлики…
   
К этому ответу прикреплено по крайней мере одно вложение.

Если вы не хотите добавлять вложения, оставьте поля пустыми.

Максимально разрешённый размер вложения: 15 МБ.

Вернуться в «IOS»