SplitPanel

SplitPanel – это контейнер, разделенный на две части подвижным разделителем.

split panel vertical

XML-имя компонента: split.

Основы

SplitPanel должен содержать два вложенных контейнера или компонента. Они будут отображаться по обе стороны от разделителя.

Например:

<split height="300px"
       width="100%">
    <vbox height="100%"
          margin="true">
        <label value="Label"/>
        <textField inputPrompt="TextField"/>
        <hbox spacing="true">
            <button caption="Button"/>
            <button caption="Button"/>
        </hbox>
    </vbox>
    <vbox height="100%"
          margin="true">
        <label value="Label"/>
        <textField inputPrompt="TextField"/>
        <hbox spacing="true">
            <button caption="Button"/>
            <button caption="Button"/>
        </hbox>
    </vbox>
</split>

Атрибуты

orientation

Атрибут orientation определяет направление компонентов. Возможные значения:

  • vertical – вложенные компоненты располагаются вертикально. Значение по умолчанию.

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

    split panel horizontal

dockable

Атрибут dockable включает или отключает кнопку стыковки SplitPanel. Значение по умолчанию – false.

Стыковка доступна только для горизонтально направленного SplitPanel.

dockMode

dockMode aтрибут определяет направление стыковки. Работает, когда dockable="true". Возможные значения:

  • LEFT - по умолчанию

    split panel dock left
  • RIGHT

    split panel dock right

pos

Атрибут pos позволяет определить процент площади первого компонента по сравнению со вторым. Например, pos="30" означает, что соотношение площадей составляет 30/70. По умолчанию pos="50".

reversePosition

reversePosition атрибут указывает, что атрибут pos указывает расположение разделителя с противоположной стороны компонента. Например, если pos=30 и reversePosition="true", соотношение площадей равно 70/30. По умолчанию reversePosition="false".

locked

Если для locked атрибута установлено значение true, пользователи не могут изменить позицию разделителя. По умолчанию locked="false".

minSplitPosition and maxSplitPosition

Атрибуты minSplitPositionа и maxSplitPosition определяют диапазон доступной позиции разделения, которую можно указать в пикселях или процентах.

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

<split minSplitPosition="100px"
       maxSplitPosition="300px"
       orientation="horizontal"
       pos="200px"
       height="100%"
       width="100%">
    <vbox height="100%" width="100%">
        <label value="Label"/>
        <textField inputPrompt="TextField"/>
        <hbox spacing="true">
            <button caption="Button"/>
            <button caption="Button"/>
        </hbox>
    </vbox>
    <vbox height="100%" width="100%">
        <label value="Label"/>
        <textField inputPrompt="TextField"/>
        <hbox spacing="true">
            <button caption="Button"/>
            <button caption="Button"/>
        </hbox>
    </vbox>
</split>