Xamarin.Forms Formen: Rechteck

  • Artikel

Beispiel herunterladen Das Beispiel herunterladen

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:

  • RadiusXvom Typ double, d. h. der x-Achsenradius, der zum Runden der Ecken des Rechtecks verwendet wird. Der Standardwert dieser Eigenschaft ist 0,0.
  • RadiusYvom Typ double, d. h. der Radius der y-Achse, der zum Runden der Ecken des Rechtecks verwendet wird. Der Standardwert dieser Eigenschaft ist 0,0.

Diese Eigenschaften werden durch BindableProperty-Objekte gestützt, was bedeutet, dass sie Ziele von Datenbindungen sein können, und geformt.

Die Rectangle -Klasse legt die von der AspectShape -Klasse geerbte Eigenschaft auf fest Stretch.Fill. Weitere Informationen zur Aspect -Eigenschaft finden Sie unter Stretch-Shapes.

Erstellen eines Rechtecks

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

Legen Sie die Eigenschaften und RadiusY festRadiusX, um dem Rechteck abgerundete Ecken zu geben. Diese Eigenschaften legen die Radien der x-Achse und der Y-Achse fest, die zum Runden der Ecken des Rechtecks verwendet werden.

Um ein Quadrat zu zeichnen, stellen Sie die WidthRequest Eigenschaften und HeightRequest des Rectangle Objekts gleich.

Im folgenden XAML-Beispiel wird gezeigt, wie ein ausgefülltes Rechteck gezeichnet wird:

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

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

Gefü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 blau gefülltes Rechteck mit abgerundeten Ecken gezeichnet:

Rechteck mit abgerundeten Ecken

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