组件/基础组件

ESplitterPanel 分隔面板项

import EUI 1.0

示例与代码

百分比尺寸与约束

QML 代码QML

import EUI 1.0 import QtQuick 2.15 import QtQuick.Layouts 1.15 import QtQuick.Controls 2.15 ESplitter { height: 180 width: parent.width ESplitterPanel { max: "70%" min: "20%" size: "40%" collapsible: true ECard { anchors.fill: parent header: "20% ≤ panel ≤ 70%" } } ESplitterPanel { min: 100 ECard { anchors.fill: parent header: qsTr("剩余空间") } } }

效果

运行代码，体验组件交互

可修改文字、属性和事件，再点击运行。

代码在当前浏览器中运行 许可

属性

属性说明取值与默认值

collapsedbool

面板是否处于折叠状态。

默认值false

collapsiblebool

是否允许折叠面板。

默认值false

enabledbool

是否允许交互；false 时控件禁用。

默认值true

heightreal

组件尺寸，单位为像素；可绑定父布局尺寸。

默认值implicitHeight

maxvar

面板最大尺寸，支持像素数值或百分比字符串；Infinity 表示不限制。

默认值Infinity

minvar

面板最小尺寸，支持像素数值或百分比字符串。

默认值0

resizablebool

是否允许拖动调整尺寸。

默认值true

savedSizereal

折叠前保存的面板尺寸，展开时恢复，单位为像素。

默认值0

sizevar

面板尺寸，支持像素数值或百分比字符串；undefined 使用隐式尺寸。

默认值undefined

visiblebool

是否显示组件。

默认值true

widthreal

组件尺寸，单位为像素；可绑定父布局尺寸。

默认值implicitWidth

horizontalbool只读

实际布局是否采用水平或垂直方向。

默认值由运行时计算

preferredSizereal只读

分隔面板解析像素或百分比后的期望尺寸。

默认值由运行时计算

splittervar只读

此面板所属的分隔容器。

默认值由运行时计算

信号

签名作用

sizeUpdated(real size)

面板尺寸改变时触发，size 为更新后的尺寸。

方法

签名作用

setCollapsed(value)

设置面板是否折叠，value 为布尔值。