Show Menu
Cheatography

DSQt Cheat Sheet (DRAFT) by

Cheat Sheet for DSQt

This is a draft cheat sheet. It is a work in progress and is not finished yet.

Common Layout Snippets

Column {
    spacing: 8
    Rectangle { width: 100; height: 20; color: "red" }
    Rectangle { width: 80; height: 20; color: "blue" }
}

GridLayout {
    columns: 2
    Rectangle { Layout.row: 0; Layout.column: 0 }
    Rectangle { Layout.row: 0; Layout.column: 1 }
}

Flow {
    spacing: 4
    Repeater {
        model: 5
        Rectangle { width: 50; height: 50; color: Qt.rgba(Math.random(), 0.5, 0.5, 1) }
    }
}

Simple Clicks

MouseArea {
    anchors.fill: parent
    onClicked: {
        console.log("Clicked!")
    }
}