gpt4 book ai didi

qt - 如何将TabView的选项卡排列成多行?

转载 作者:行者123 更新时间:2023-12-02 05:32:54 24 4
gpt4 key购买 nike

来自:http://doc.qt.io/qt-5/qml-qtquick-controls-tabview.html#details

TabView 
{
Tab {
title: "Red"
Rectangle { color: "red" }
}
Tab {
title: "Blue"
Rectangle { color: "blue" }
}
Tab {
title: "Green"
Rectangle { color: "green" }
}
}

这些选项卡默认显示在水平栏中。如何将它们显示在单独的行中?

像这样:
选项卡1
选项卡2
选项卡3

而不是:
选项卡1 选项卡2 选项卡3

最佳答案

您需要隐藏标准选项卡栏,并创建自己的垂直栏。

Row {
Column {
Repeater {
model: view.count
Rectangle {
width: 100
height: 40
border.width: 1
Text {
anchors.centerIn: parent
text: view.getTab(index).title
}
MouseArea {
anchors.fill: parent
cursorShape: Qt.PointingHandCursor
onClicked: view.currentIndex = index
}
}
}
}
TabView {
id: view
style: TabViewStyle {
tab: Item {}
}

Tab {
title: "Red"
Rectangle { color: "red" }
}
Tab {
title: "Blue"
Rectangle { color: "blue" }
}
Tab {
title: "Green"
Rectangle { color: "green" }
}
}
}

关于qt - 如何将TabView的选项卡排列成多行?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/29117418/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com