Rectangle QML Type

Paints a filled rectangle with optionally rounded corners. More...

Import Statement: import QtQuick .
Since: Qt Quick Ultralite 1.0



Detailed Description

Rectangle items are used to fill areas with solid color.


Each Rectangle item is painted using a solid fill color, specified using the color property.

You can also create rounded rectangles using the radius property.

Example Usage

The following example shows a Rectangle item, which in this case is used to create a square with rounded corners.

import QtQuick 2.15

Rectangle {
    width: 100
    height: 100
    color: "red"
    radius: 10

See also Image.

Property Documentation

color : color

This property holds the color used to fill the rectangle.

The default color is white.

The following example shows rectangles with colors specified using hexadecimal and named color notation:

Rectangle {
    color: "#00B000"
    width: 80; height: 80

Rectangle {
    color: "steelblue"
    y: 100; width: 80; height: 80

radius : real

This property holds the corner radius used to draw a rounded rectangle.

If radius is non-zero, the rectangle will be painted as a rounded rectangle, otherwise it will be painted as a normal rectangle. The same radius is used by all 4 corners; there is currently no way to specify different radii for different corners.

Available under certain Qt licenses.
Find out more.