Rectangle QML Type

Wird verwendet, um zu entscheiden, ob das Rectangle Antialiasing verwenden soll oder nicht. Antialiasing bietet Informationen zu den Leistungsauswirkungen dieser Eigenschaft.

Der Standardwert ist true für Rechtecke mit einem Radius, andernfalls false.

Die Breite und Farbe, mit der der Rand des Rechtecks gezeichnet wird.

Eine Breite von 1 erzeugt eine dünne Linie. Um keine Linie zu erzeugen, verwenden Sie eine Breite von 0 oder eine transparente Farbe.

Der Rahmen wird innerhalb der Grenzen des Rechtecks gerendert.

Wenn pixelAligned auf true gesetzt ist (Standardeinstellung), wird die gerenderte Randbreite nach der Skalierung des Gerätepixelverhältnisses auf eine ganze Zahl von Pixeln gerundet. Wenn pixelAligned auf false gesetzt wird, sind gebrochene Rahmenbreiten möglich, was wünschenswert sein kann, wenn antialiasing aktiviert ist.

Diese Eigenschaft enthält den Radius, der zum Zeichnen der linken unteren Ecke verwendet wird.

Wenn bottomLeftRadius nicht festgelegt ist, wird stattdessen radius verwendet. Wenn bottomLeftRadius Null ist, wird die Ecke scharf gezeichnet.

Diese Eigenschaft wurde in Qt 6.7 eingeführt.

Siehe auch radius, topLeftRadius, topRightRadius, und bottomRightRadius.

Diese Eigenschaft enthält den Radius, der zum Zeichnen der unteren rechten Ecke verwendet wird.

Wenn bottomRightRadius nicht gesetzt ist, wird stattdessen radius verwendet. Wenn bottomRightRadius gleich Null ist, wird die Ecke scharf gezeichnet.

Diese Eigenschaft wurde in Qt 6.7 eingeführt.

Siehe auch radius, topLeftRadius, topRightRadius, und bottomLeftRadius.

Diese Eigenschaft enthält die Farbe, die zum Füllen des Rechtecks verwendet wird.

Die Standardfarbe ist weiß.

Das folgende Beispiel zeigt Rechtecke mit Farben, die in hexadezimaler und benannter Farbschreibweise angegeben sind:

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

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

Wenn sowohl ein Farbverlauf als auch eine Farbe angegeben sind, wird der Farbverlauf verwendet.

Siehe auch gradient.

Der Farbverlauf, der zum Füllen des Rechtecks verwendet werden soll.

Mit dieser Eigenschaft lassen sich einfache vertikale oder horizontale Farbverläufe erstellen. Andere Farbverläufe können durch Hinzufügen von Rotation zum Rechteck gebildet werden.

Rectangle {
    width: 80; height: 80
    color: "lightsteelblue"
}

Rectangle {
    width: 80; height: 80
    gradient: Gradient {
        GradientStop { position: 0.0; color: "lightsteelblue" }
        GradientStop { position: 1.0; color: "blue" }
    }
}

Rectangle {
    width: 80; height: 80
    gradient: Gradient {
        orientation: Gradient.Horizontal
        GradientStop { position: 0.0; color: "lightsteelblue" }
        GradientStop { position: 1.0; color: "blue" }
    }
}

Rectangle {
    width: 80; height: 80
    rotation: 90
    gradient: Gradient {
        GradientStop { position: 0.0; color: "lightsteelblue" }
        GradientStop { position: 1.0; color: "blue" }
    }
}

Die Eigenschaft akzeptiert auch Gradientenvorgaben von QGradient::Preset. Beachten Sie jedoch, dass aufgrund der Tatsache, dass Rectangle nur einfache vertikale oder horizontale Gradienten unterstützt, jede Vorgabe mit einem nicht unterstützten Winkel auf die nächstliegende Darstellung zurückgreift.

Rectangle {
    width: 80; height: 80
    gradient: Gradient.NightFade
}

Rectangle {
    width: 80; height: 80
    gradient: "SunnyMorning"
}

Wenn sowohl ein Farbverlauf als auch eine Farbe angegeben werden, wird der Farbverlauf verwendet.

Siehe auch Gradient und color.

Diese Eigenschaft enthält den Eckenradius, der zum Zeichnen eines abgerundeten Rechtecks verwendet wird.

Ist der Radius ungleich Null, wird das Rechteck als abgerundetes Rechteck gezeichnet, andernfalls wird es als normales Rechteck gezeichnet. Es können auch individuelle Eckradien festgelegt werden (siehe unten). Diese Werte haben Vorrang vor dem Radius. Wenn sie nicht gesetzt sind (indem sie auf undefined gesetzt werden), wird stattdessen radius verwendet.

Siehe auch topLeftRadius, topRightRadius, bottomLeftRadius, und bottomRightRadius.

Diese Eigenschaft enthält den Radius, der zum Zeichnen der oberen linken Ecke verwendet wird.

Wenn topLeftRadius nicht festgelegt ist, wird stattdessen radius verwendet. Wenn topLeftRadius Null ist, wird die Ecke scharf gezeichnet.

Diese Eigenschaft wurde in Qt 6.7 eingeführt.

Siehe auch radius, topRightRadius, bottomLeftRadius, und bottomRightRadius.

Diese Eigenschaft enthält den Radius, der zum Zeichnen der oberen rechten Ecke verwendet wird.

Wenn topRightRadius nicht gesetzt ist, wird stattdessen radius verwendet. Wenn topRightRadius gleich Null ist, wird die Ecke scharf gezeichnet.

Diese Eigenschaft wurde in Qt 6.7 eingeführt.

Siehe auch radius, topLeftRadius, bottomLeftRadius, und bottomRightRadius.