Xamarin.Forms Forme: Rettangolo

Scaricare l'esempio. Scaricare l'esempio

La classe deriva dalla classe e può essere usata Rectangle per disegnare rettangoli Shape e quadrati. Per informazioni sulle proprietà ereditate dalla classe , vedere Rectangle Shape Xamarin.Forms Forme.

Rectangle definisce le proprietà seguenti:

  • RadiusX, di tipo , ovvero il raggio dell'asse x utilizzato per arrotondare double gli angoli del rettangolo. Il valore predefinito di questa proprietà è 0,0.
  • RadiusY, di tipo , ovvero il raggio dell'asse y utilizzato per arrotondare double gli angoli del rettangolo. Il valore predefinito di questa proprietà è 0,0.

Queste proprietà sono supportate da oggetti , ovvero possono essere BindableProperty destinazioni di data binding e con stile.

La Rectangle classe imposta la proprietà , Aspect ereditata dalla classe , su Shape Stretch.Fill . Per altre informazioni sulla proprietà Aspect , vedere Estensione di forme.

Creare un rettangolo

Per disegnare un rettangolo, creare un Rectangle oggetto e impostarne WidthRequest le proprietà HeightRequest e . Per disegnare l'interno del rettangolo, impostarne Fill la proprietà su un oggetto Brush derivato da . Per assegnare al rettangolo un contorno, impostarne Stroke la proprietà su un oggetto Brush derivato da . La StrokeThickness proprietà specifica lo spessore del contorno del rettangolo. Per altre informazioni sugli Brush oggetti, vedere Xamarin.Forms Pennelli.

Per assegnare gli angoli arrotondati al rettangolo, impostarne RadiusX le proprietà RadiusY e . Queste proprietà impostano i raggi dell'asse x e y usati per arrotondare gli angoli del rettangolo.

Per disegnare un quadrato, rendere uguali WidthRequest le HeightRequest proprietà e Rectangle dell'oggetto .

L'esempio XAML seguente illustra come disegnare un rettangolo pieno:

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

In questo esempio viene disegnato un rettangolo con riempimento rosso con dimensioni 150x50 (unità indipendenti dal dispositivo):

Rettangolo pieno.

L'esempio XAML seguente mostra come disegnare un rettangolo pieno con angoli arrotondati:

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

In questo esempio viene disegnato un rettangolo blu pieno con angoli arrotondati:

Rettangolo con angoli arrotondati.

Per informazioni sul disegno di un rettangolo tratteggiato, vedere Disegnare forme tratteggiate.