Оборачивание

Виджет Wrap похож на Row и Column, поскольку показывает дочерние элементы один за другим. Если для отображения элемента не хватает места, виджет Wrap автоматически поместит его в новую строку или колонку.

Вот пример того, как вы можете использовать виджет Wrap в своем проекте:

• Сначала перетащите виджет Container с вкладки Layout Elements (в панели виджетов) или добавьте его непосредственно из дерева виджетов и установите его ширину на бесконечность, а высоту на 200.
• Добавьте виджет Wrap с вкладки Layout Elements внутрь Container.
• Добавьте виджет Button внутри виджета Wrap.
• Скопируйте-вставьте и добавьте еще несколько виджетов Button.

Панель свойств можно использовать для настройки внешнего вида и поведения вашего виджета.

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

Чтобы изменить направление, в котором добавляются элементы:

• Выберите Wrap в дереве виджетов или в области холста.
• Перейдите в редактор свойств и прокрутите вниз до раздела Свойства обертки.
• Найдите выпадающий список Направление и измените его на Вертикальное.

Чтобы добавить пространство между элементами:

• Выберите обертку в дереве виджетов или в области холста.
• Перейдите в редактор свойств и прокрутите вниз до раздела Свойства обертки.
• В поле ввода Промежуток введите значение 10. Если для параметра Направление установлено значение Горизонтальное, Wrap будет вставлять пустое пространство в 10px по вертикали между элементами, а если для параметра Направление установлено значение Вертикальное, Wrap будет вставлять пустое пространство в 10px по горизонтали между элементами.
• В поле ввода Run Spacing введите значение 15. Если для параметра Direction выбрано значение Horizontal, Wrap будет вставлять пустое пространство в 15px по горизонтали между элементами. и Если для параметра Direction выбрано значение Vertical, Wrap будет вставлять пустое пространство в 15px по вертикали между элементами.

Основной осью по умолчанию для виджета Wrap является горизонтальная ось, поэтому изменение этого параметра изменит горизонтальное распределение дочерних виджетов в виджете Wrap.

Чтобы изменить выравнивание:

• Выберите виджет Wrap в дереве виджетов или в области холста.
• Перейдите в редактор свойств и прокрутите вниз до пункта Выравнивание.
• Выберите один из представленных вариантов, включая «Начало«, «Центр«, «Конец«, «Пространство равномерно«, «Пространство между» и «Пространство вокруг«.

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

Чтобы изменить выравнивание:

• Выберите виджет Wrap в дереве виджетов или в области холста.
• Перейдите в редактор свойств и прокрутите вниз до пункта Выравнивание выполнения.
• Выберите один из представленных вариантов: «Начало«, «Центр«, «Конец«, «Пространство равномерно«, «Пространство между» и «Пространство вокруг«.

По умолчанию новые элементы всегда добавляются сверху вниз. В очень редких случаях вам может понадобиться изменить это поведение.

Чтобы добавить элементы снизу вверх:

• Выберите обертку в дереве виджетов или в области холста.
• Перейдите в редактор свойств и прокрутите вниз до пункта Вертикальное направление.
• Установите для параметра Выпадающий значение Вверх.
• Попробуйте добавить элементы.

Если вы добавите в виджет Wrap несколько элементов, размер которых превышает размер виджета патента, виджет Wrap продолжит отображать переполненные элементы. Однако вы можете скрыть переполненные элементы с помощью свойства Clip Behaviour:

Чтобы зажать переполненные элементы:

• Выберите виджет Wrap в дереве виджетов или в области холста.
• Перейдите в редактор свойств и прокрутите вниз до свойства Clip Behaviour.
• Измените его на Clip Content.

Ниже приведены инструкции по добавлению подкладки.

Здесь приведены инструкции по настройке выравнивания.

Инструкции по отображению/скрытию виджета находятся здесь