Rechteck

Durchsuchen Sie das Beispiel

Die .NET Multi-Platform App UI-Rectangle-Klasse (.NET MAUI) wird von der Klasse Shape abgeleitet und kann verwendet werden, um Rechtecke und Quadrate zu zeichnen. Informationen zu den Eigenschaften, die die Klasse Rectangle von der Klasse Shape erbt, finden Sie unter .NET MAUI-Formen.

Rectangle definiert die folgenden Eigenschaften:

• RadiusX, vom Typ double, ist der Radius der X-Achse, der zum Abrunden der Ecken des Rechtecks verwendet wird. Der Standardwert für diese Eigenschaft ist 0,0.
• RadiusY, vom Typ double, ist der Radius der Y-Achse, der zum Abrunden der Ecken des Rechtecks verwendet wird. Der Standardwert für diese Eigenschaft ist 0,0.

Diese Eigenschaften werden von BindableProperty-Objekten unterstützt, was bedeutet, dass sie Ziele von Datenbindungen sein können und formatiert werden können.

Die Klasse Rectangle legt die Eigenschaft Aspect, die von der Klasse Shape geerbt wird, auf Stretch.Fill fest. Weitere Informationen über die Eigenschaft Aspect finden Sie unter Stretchformen.

Erstellen eines Rechtecks

Um ein Rechteck zu zeichnen, erstellen Sie ein Rectangle-Objekt und legen dessen Eigenschaften WidthRequest und HeightRequest fest. Um das Innere des Rechtecks zu zeichnen, legen Sie dessen Eigenschaft Fill auf ein von Brush abgeleitetes Objekt fest. Um dem Rechteck eine Kontur zu verleihen, legen Sie dessen Eigenschaft Stroke auf ein von Brush abgeleitetes Objekt fest. Die Eigenschaft StrokeThickness gibt die Stärke der Rechteckkontur an. Weitere Informationen zu Brush-Objekten finden Sie unter Pinsel.

Um dem Rechteck abgerundete Ecken zu geben, legen Sie die Eigenschaften RadiusX und RadiusY fest. Diese Eigenschaften legen die Radii der X-Achse und der Y-Achse fest, die zum Abrunden der Ecken des Rechtecks verwendet werden.

Hinweis

Es gibt auch eine Klasse RoundRectangle mit einer CornerRadius BindableProperty, die verwendet werden kann, um Rechtecke mit abgerundeten Ecken zu zeichnen.

Um ein Quadrat zu zeichnen, legen Sie die Eigenschaften WidthRequest und HeightRequest des Objekts Rectangle auf die gleichen Werte fest.

Das folgende XAML-Beispiel zeigt, wie ein ausgefülltes Rechteck gezeichnet wird:

<Rectangle Fill="Red"
           WidthRequest="150"
           HeightRequest="50"
           HorizontalOptions="Start" />

In diesem Beispiel wird ein rotes gefülltes Rechteck mit den Abmessungen 150x50 (geräteunabhängige Einheiten) gezeichnet:

Das folgende XAML-Beispiel zeigt, wie ein gefülltes Rechteck mit abgerundeten Ecken gezeichnet wird:

<Rectangle Fill="Blue"
           Stroke="Black"
           StrokeThickness="3"
           RadiusX="50"
           RadiusY="10"
           WidthRequest="200"
           HeightRequest="100"
           HorizontalOptions="Start" />

In diesem Beispiel wird ein blaues ausgefülltes Rechteck mit abgerundeten Ecken gezeichnet:

Informationen zum Zeichnen eines gestrichelten Rechtecks finden Sie unter Zeichnen gestrichelter Formen.