Freigeben über

Xamarin.Forms Shapes: Rechteck

  • Artikel

Die Rectangle Klasse wird von der Shape Klasse abgeleitet und kann verwendet werden, um Rechtecke und Quadrate zu zeichnen. Informationen zu den Eigenschaften, die die Rectangle Klasse von der Shape Klasse erbt, finden Sie unter Xamarin.Forms Shapes.

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 Xamarin.Forms 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.

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:

Ausgefülltes Rechteck

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:

Rechteck mit abgerundeten Ecken

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