Home › Resources & tools › QML Editor

QML Editor

A simple online editor for QML (Qt Modeling Language) files.

untitled.qml — QML Editor

import QtQuick

Rectangle {
    id: canvas
    width: 250
    height: 200
    color: "blue"

    Image {
        id: logo
        source: "pics/logo.png"
        anchors.centerIn: parent
        x: canvas.height / 5
    }
}1
import QtQuick
2

3
Rectangle {
4
    id: canvas
5
    width: 250
6
    height: 200
7
    color: "blue"
8

9
    Image {
10
        id: logo
11
        source: "pics/logo.png"
12
        anchors.centerIn: parent
13
        x: canvas.height / 5
14
    }
15
}

All prices listed are in United States Dollars (USD). Visual representations of products are intended for illustrative purposes. Actual products may exhibit variations in color, texture, or other characteristics inherent to the manufacturing process. The products' design and underlying technology are protected by applicable intellectual property laws. Unauthorized reproduction or distribution is prohibited.

QML Editor

See also