Breaking News: Grepper is joining You.com. Read the official announcement!

grid layout qml

V1CTOR-cloud answered on January 3, 2023 Popularity 6/10 Helpfulness 3/10

answer grid layout qml

related qml grid layout

grid layout qml

Comment

import QtQuick 2.5
import QtQuick.Controls 1.4
import QtQuick.Layouts 1.1
 
ApplicationWindow {
    visible: true
    width: 480
    height: 480
    title: qsTr("Hello World")
 
   GridLayout {
       id: grid
       anchors.fill: parent
 
       rows: 3
       columns: 3
 
       Rectangle {
            color: "red"
            Layout.fillHeight: true
            Layout.fillWidth: true
            Layout.columnSpan: 2
            Layout.rowSpan: 1
            Layout.row: 1
            Layout.column: 2
       }
 
       Rectangle {
            color: "blue"
            Layout.fillHeight: true
            Layout.fillWidth: true
            Layout.columnSpan: 1
            Layout.rowSpan: 2
            Layout.row: 1
            Layout.column: 1
       }
 
       Rectangle {
            color: "green"
            Layout.fillHeight: true
            Layout.fillWidth: true
            Layout.columnSpan: 1
            Layout.rowSpan: 2
            Layout.row: 2
            Layout.column: 3
       }
 
       Rectangle {
            color: "white"
            Layout.fillHeight: true
            Layout.fillWidth: true
            Layout.columnSpan: 1
            Layout.rowSpan: 1
            Layout.row: 2
            Layout.column: 2
       }
 
       Rectangle {
            color: "yellow"
            Layout.fillHeight: true
            Layout.fillWidth: true
            Layout.columnSpan: 2
            Layout.rowSpan: 1
            Layout.row: 3
            Layout.column: 1
       }
   }
}

Popularity 6/10 Helpfulness 3/10 Language whatever

Source: evileg.com

Tags: grid-layout qml whatever

Link to this answer
Share Copy Link

Contributed on Jan 03 2023

V1CTOR-cloud

0 Answers Avg Quality 2/10

Closely Related Answers

qml grid layout

Comment

import QtQuick 2.5
import QtQuick.Layouts 1.2
import QtQuick.Controls 1.4

ApplicationWindow {
    visible: true
    width: 640
    height: 480
    title: qsTr("Hello World")

    GridLayout {
        anchors.fill: parent

        columns: 5
        rows: 2

        Rectangle {
            Layout.column: 0
            Layout.columnSpan: 4
            Layout.row: 0
            Layout.rowSpan: 2

            Layout.fillHeight: true
            Layout.fillWidth: true

            color: "red"
        }

        Rectangle {
            Layout.column: 4
            Layout.columnSpan: 1
            Layout.row: 0
            Layout.rowSpan: 2

            Layout.fillHeight: true
            Layout.fillWidth: true

            color: "green"
        }

        Rectangle {
            Layout.column: 0
            Layout.columnSpan: 5
            Layout.row: 2
            Layout.rowSpan: 3

            Layout.fillHeight: true
            Layout.fillWidth: true

            color: "blue"
        }
    }
}

Popularity 6/10 Helpfulness 6/10 Language whatever

Source: stackoverflow.com

Tags: qml whatever grid-layout

Link to this answer
Share Copy Link

Contributed on Jan 03 2023

V1CTOR-cloud

0 Answers Avg Quality 2/10

grid layout qml

Contents

More Related Answers

grid layout qml

Closely Related Answers

qml grid layout

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.