Estou aprendendo QML agora e quero criar algo parecido com a imagem anexada, já tentei criar alguma coisa mas não consigo manipular os botões do menu vertical e deixar igual a imagem, alguém poderia me mostrar o que devo fazer?
Window {
visible: true
width: 640
height: 480
title: qsTr("Hello World")
color: "gainsboro"
Rectangle {
id: page
width: 320; height: 1020
color: "navy"
Text {
id: helloText
y: 30
anchors.horizontalCenter: page.horizontalCenter
font.pointSize: 24; font.bold: true
}
Button {
text: "button"
style: ButtonStyle {
background: Rectangle {
implicitWidth: 321
implicitHeight: 25
border.width: control.activeFocus ? 2 : 1
border.color: "#fff"
radius: 0
gradient: Gradient {
GradientStop { position: 0 ; color: control.pressed ? "#ccc" : "deepskyblue" }
GradientStop { position: 1 ; color: control.pressed ? "#aaa" : "deepskyblue" }
}
}
}
}
}
Item {
x: 520; y: 50;
width: 300; height: 100
Row {
spacing: 20
Rectangle { width: 300; height: 100; color: "white" }
Rectangle { width: 300; height: 100; color: "white" }
Rectangle { width: 300; height: 100; color: "white" }
Rectangle { width: 300; height: 100; color: "white" }
}
Row {
spacing: 20
x: 0; y: 220;
Rectangle { width: 300; height: 100; color: "white" }
Rectangle { width: 300; height: 100; color: "white" }
Rectangle { width: 300; height: 100; color: "white" }
Rectangle { width: 300; height: 100; color: "white" }
}
}
}