split 分隔布局

split 创建了两块内容区域，由一个可拖拽的分隔条区分。默认的分隔方向是垂直分隔，但是也可以配置为水平分隔。

XML 元素：split
Java 类：JmixSplitLayout

基本用法

split 必须包含两个内部的容器或组件，这些组件将显示在分隔条的两侧。初始的分隔条位置根据组件的大小确定。用户可以拖拽分隔条以修改分隔位置。

<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

minimal

隐藏分隔布局的样式。

Aura, Lumo

small

使用一个更薄的分隔符，只有鼠标悬停才会出现。

Aura, Lumo

splitter-spacing

在分隔符周边添加一些空白。

Aura, Lumo