Горизонтальная проблема StackView для многострочной метки и изображения значка фиксированного размера

Question

Я хочу показать изображение значка, которое имеет фиксированный размер 20px X 20px. Это хорошо, когда метка состоит только из одной строки, но не отображается точно, когда метка стала в две строки. Снимок экрана прикреплен.

Answer 1

Рабочие ограничения.!

1. Установить внутренний вид стека Выравнивание на Верх и Распределение установить на Заполнить пропорционально
2. Установить ширина значка к фиксированному значению 20px (без соотношения сторон и без высоты)
3. настройка значка свойство сопротивления сжатию содержимого по горизонтали приоритет 1000 .

Изображения прикреплены

Answer 2

Какие атрибуты для вас vStackView (Container)?

Убедитесь, что ваши атрибуты vStackView:

• Выравнивание: заполнить
• Распределение: заполнить

Каковы атрибуты вашего hStackView (каждой строки)?

Убедитесь, что ваши атрибуты hStackView:

• Выравнивание: верх / центр / Bottom (зависит от вашего требования)
• Распределение: заполнить

Answer 3

Убедитесь, что вы установили распределение стека представления на заливка и выравнивание на top (или по центру, если вы хотите значок вертикально по центру)! Если вы задаете распределение заливки и не меняете приоритет размещения содержимого и сжатия содержимого упорядоченных подпредставлений с установленными ограничениями, метка размера intrinsi c должна занимать большую часть пространства, в то время как значок остается в своем натуральном размере. Я бы также порекомендовал вам установить ограничение ширины 20 пикселей вместо соотношения сторон в представлении изображения, но я не думаю, что это было проблемой. Это может помочь .

Вот пример:

• Внешний вид стека (по вертикали): выравнивание = заполнение, распределение = заполнение
• Внутренний вид стека (горизонтальный): выравнивание = верх, распределение = заполнение