Responsive Container grid
This commit is contained in:
parent
e5e537c79b
commit
5f130afa9f
|
@ -0,0 +1,27 @@
|
||||||
|
import QtQuick 2.7
|
||||||
|
import QtQuick.Controls 2.4
|
||||||
|
import QtQuick.Controls.Material 2.0
|
||||||
|
import QtQuick.Layouts 1.3
|
||||||
|
import QtQuick.Controls 1.4
|
||||||
|
|
||||||
|
|
||||||
|
GridLayout {
|
||||||
|
id: root
|
||||||
|
|
||||||
|
// have children ... control weather to stack or row them
|
||||||
|
// n * minWidth determin
|
||||||
|
property int minCellWidth: 500
|
||||||
|
|
||||||
|
|
||||||
|
onWidthChanged: resizeCheck()
|
||||||
|
|
||||||
|
function resizeCheck() {
|
||||||
|
if (width < children.length * minCellWidth) {
|
||||||
|
root.rows = -1
|
||||||
|
root.columns = 1
|
||||||
|
} else {
|
||||||
|
root.rows = 1
|
||||||
|
root.columns = -1
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
Loading…
Reference in New Issue