在 QML 中控制 SplitView 边框
Control SplitView borders in QML
我有一个 SplitView
,在这个拆分视图中我有两个元素(Rectangle
(用户)和一个包含 ColumnLayout
(进程)的 Item
) .
用户可以选择是否要查看用户。如果他不想看到用户,那么,我将矩形宽度设置为 0,他只能看到进程,但问题是 window 中有两个边框。
一张来自 window,一张来自 SplitView
。
知道如何摆脱这些双边框吗?
尝试将矩形的可见属性设置为 false(而不是将宽度更改为 0)
在示例中,您可以更改拆分视图的可见左侧 'border'
(边框不是边框,是第一个和第二个元素之间的splitview滑块):
ApplicationWindow {
title: qsTr("Hello World")
width: 640
height: 480
visible: true
SplitView {
anchors.fill: parent
Rectangle {
id: rec
width: 0
height: parent.height
visible: false
}
Rectangle {
width: 200
color:"red"
height: parent.height
}
Button {
text: "change left border of splitview"
onClicked: {
rec.visible = !rec.visible;
}
}
}
}
我有一个 SplitView
,在这个拆分视图中我有两个元素(Rectangle
(用户)和一个包含 ColumnLayout
(进程)的 Item
) .
用户可以选择是否要查看用户。如果他不想看到用户,那么,我将矩形宽度设置为 0,他只能看到进程,但问题是 window 中有两个边框。
一张来自 window,一张来自 SplitView
。
知道如何摆脱这些双边框吗?
尝试将矩形的可见属性设置为 false(而不是将宽度更改为 0)
在示例中,您可以更改拆分视图的可见左侧 'border' (边框不是边框,是第一个和第二个元素之间的splitview滑块):
ApplicationWindow {
title: qsTr("Hello World")
width: 640
height: 480
visible: true
SplitView {
anchors.fill: parent
Rectangle {
id: rec
width: 0
height: parent.height
visible: false
}
Rectangle {
width: 200
color:"red"
height: parent.height
}
Button {
text: "change left border of splitview"
onClicked: {
rec.visible = !rec.visible;
}
}
}
}