split

ДЕМО

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

  • XML-элемент: split

  • Java-класс: JmixSplitLayout

Основы

split должен содержать два компонента или контейнера, которые размещаются по обе стороны от разделителя. Начальная позиция разделителя зависит от размеров компонентов. Пользователи могут перетаскивать разделитель для изменения положения разделения.

split basic 
<split height="200px">
    <vbox height="100%">
        <label text="Label"/>
        <textField placeholder="TextField"/>
        <hbox spacing="true">
            <button text="Button"/>
            <button text="Button"/>
        </hbox>
    </vbox>
    <vbox height="100%">
        <label text="Label"/>
        <textField placeholder="TextField"/>
        <hbox spacing="true">
            <button text="Button"/>
            <button text="Button"/>
        </hbox>
    </vbox>
</split>

Варианты темы

ДЕМО

Используйте атрибут themeNames для настройки темы компонента.

Вариант Описание Поддерживается в

minimal

Скрывает визуальное оформление разделителя.

Aura, Lumo

small

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

Aura, Lumo

splitter-spacing

Добавляет отступы вокруг разделителя.

Aura, Lumo

Атрибуты

id - alignSelf - classNames - colspan - css - height - maxHeight - maxWidth - orientation - splitterPosition - themeNames - visible - width

orientation

Vaadin

Определяет ориентацию разделения. Возможные значения:

  • VERTICAL – вложенные компоненты размещаются вертикально. Это значение по умолчанию.

  • HORIZONTAL – вложенные компоненты размещаются горизонтально.

splitterPosition

Vaadin

Явно задает начальную позицию разделителя в процентном значении.

themeNames

Vaadin

Устанавливает тему для изменения внешнего вида компонента. Возможные значения:

  • small — разделяет области тонкой линией. Разделитель показывается при наведении.

  • minimal — скрывает визуальное обозначение разделителя.

  • splitter-spacing — добавляет отступ для разделителя.

Смотрите также

Дополнительную информацию смотрите в документации Vaadin.