QSplitter 组件允许用户通过拖动分隔条来调整两个相邻面板的大小。

QSplitter API

用法

点击并拖动分隔栏以查看结果。

基础

水平

自定义拖动限制

模型单位

默认情况下,使用的 CSS unit 是 ‘%’(百分比)。但您也可以使用 ‘px’(像素),如下例所示。

反向模型

默认情况下,模型连接到 before 插槽大小。但您可以将其反转并使其连接到 after 插槽,如下例所示。如果您的 unit 设置为像素并且想要控制 after 插槽,这个功能特别有用。

向分隔栏添加内容

暗色设计

嵌套

QSplitter 可以嵌入到另一个 QSplitter 的 before 和/或 after 插槽中,如下例所示。

有趣的示例