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>

XML 属性

orientation

定义组件的分隔方向,可能值:

  • VERTICAL - 内部组件垂直放置,默认值。

  • HORIZONTAL - 内部组件水平放置。

splitterPosition

显式设置初始时分隔条的位置,使用百分比设置。

themeNames

设置不同的主题,修改组件的外观。支持:

  • small — 使用细线分隔区域。分隔条在鼠标悬停时显式。

  • minimal — 隐藏分隔的视觉效果。

  • splitter-spacing — 为分隔条添加一些 margin。

参考