QML控件之 RowLayout

it2023-10-24  68

水平布局管理器:RowLayout 与之对应的是 ColumnLayout 可以改变RowLayout 的如下四个属性,从而改变Item的位置:

Layout.alignment: Qt.AlignBottom Layout.topMargin: 15 Layout.bottomMargin: -25 Layout.leftMargin:-5 RowLayout { anchors.fill: parent spacing: 0 //Layout.fillHeight :true Repeater { model: ListModel { ListElement { color4: "lightgreen";text4: qsTr("LL"); value4: "2"; } ListElement { color4: "mediumseagreen";text4: qsTr("L"); value4: "3"; } ListElement { color4: "gray";text4: qsTr(""); value4: "4" } ListElement { color4: "goldenrod";text4: qsTr("H"); value4: "5" } ListElement { color4: "indianred";text4: qsTr("HH"); value4: "5"} } SeDataRangeItem { Layout.alignment: Qt.AlignBottom Layout.topMargin: 15 Layout.bottomMargin: -4 Layout.leftMargin:-5 color: color4 text: text4 value: value4 } } SeDataRangeItem { Layout.alignment: Qt.AlignBottom Layout.topMargin: 15 Layout.bottomMargin: -25 Layout.leftMargin:-5 color: "lightgreen" text: qsTr("LL") value: "2" } } 运行效果如下:

最新回复(0)