QSplitter
QSplitter组件允许通过可拖动的分隔条在垂直和/或水平方向上拆分容器。
QSplitter API
用法
WARNING
需要使用before
和after
插槽。
单击并拖动分离分隔条以查看结果。
基础
水平
自定义拖动限制
模型单位
默认情况下,使用的CSSunit
为“%”(百分比)。 但您也可以使用“px”(像素),如下例所示。
反转模型
默认情况下,模型连接到before
插槽尺寸。 但是您可以颠倒它,并使其连接到after
插槽,如以下示例所示。 如果将unit
设置为像素并且要控制after
插槽,则此功能特别有用。
向分隔符添加内容
TIP
如果使用图像作为分隔符插槽的内容,则可能需要将draggable="false"
添加到图像中,否则本地浏览器行为可能会以负面方式干扰。
暗色设计
嵌入式的
QSplitter可以嵌入另一个QSplitter的before
和/或after
插槽中,如下面的示例所示。