Condividi tramite


Xamarin.Forms Forme: Rettangolo

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

Rectangle definisce le proprietà seguenti:

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

Queste proprietà sono supportate da BindableProperty oggetti, il che significa che possono essere destinazioni di data binding e stili.

La Rectangle classe imposta la Aspect proprietà , ereditata dalla Shape classe , su Stretch.Fill. Per altre informazioni sulla proprietà, vedere Stretch shapes.For more information about the Aspect property, see Stretch shapes.

Creare un rettangolo

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

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

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

L'esempio XAML seguente mostra come disegnare un rettangolo riempito:

<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 riempito

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 con riempimento blu con angoli arrotondati:

Rettangolo con angoli arrotondati

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