Ограничения для просмотра стека в представлении стека

Question

Почему это происходит?

Это мои ограничения:

Два вида стека: горизонтальный и вертикальный, оба распределения установлены на «Fill Equally».

Что я делаю не так?

Answer 1

Вертикальные стеки должны быть установлены на:

Alignment: Center
Distribution: Fill

И ваш горизонтальный StackView должен быть установлен на:

Alignment: Fill
Distribution: Fill Equally

Результат:

Answer 2

Свойство distribution определяет размер подпредставлений вдоль оси просмотра стека, в этом случае .fillEqually в ваших вертикальных представлениях стека приведет к тому, что переключатель и метка будут иметь одинаковую высоту.

Свойство alignment будет определять положение и размер видов на другой оси. Если установлено значение .fill, значение по умолчанию, представление будет иметь тот же размер, что и представление стека.

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

Если вы хотите, чтобы надписи и переключатели были отцентрированы, установите alignment на .center.