Xamarin.Forms Forme: Rettangolo
Scaricare l'esempioLa 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 tipodouble, che è il raggio dell'asse x usato per arrotondare gli angoli del rettangolo. Il valore predefinito di questa proprietà è 0,0.RadiusY, di tipodouble, 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):
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:
Per informazioni sul disegno di un rettangolo tratteggiato, vedere Disegnare forme tratteggiate.