本文主要是介绍qml 网格布局 Grid,对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!
import QtQuick 2.9
import QtQuick.Window 2.2
import QtQuick.Controls 2.2
//import QtQuick.Layouts 1.3
Window {
visible: true
width: 640
height: 480
title: qsTr("Hello World")
Item {
id: rootItem
anchors.fill: parent
// 网格布局
Grid {
anchors.left: parent.left
anchors.right: parent.right
id: grid
columns: 4
spacing: 2
padding: 5
//rows: 3
Rectangle { color: "red"; width: 50; height: 50 }
Rectangle { color: "green"; width: 20; height: 50 }
Rectangle { color: "blue"; width: 30; height: 20 }
Rectangle { color: "cyan"; width: 10; height: 50 }
Rectangle { color: "magenta"; width: 30; height: 10 }
}
}
}
这篇关于qml 网格布局 Grid的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!