Sdílet prostřednictvím

Xamarin.Forms Obrazce: Obdélník

  • Článek

Třída Rectangle je odvozena od Shape třídy a lze ji použít k kreslení obdélníků a čtverců. Informace o vlastnostech, které Rectangle třída dědí z Shape třídy, naleznete v tématu Xamarin.Forms Obrazce.

Rectangle definuje následující vlastnosti:

  • RadiusX, typu double, což je poloměr osy x, který se používá k zaoblení rohů obdélníku. Výchozí hodnota této vlastnosti je 0,0.
  • RadiusY, typu double, což je poloměr osy y, který se používá k zaoblení rohů obdélníku. Výchozí hodnota této vlastnosti je 0,0.

Tyto vlastnosti jsou podporovány BindableProperty objekty, což znamená, že mohou být cíle datových vazeb a stylovány.

Třída Rectangle nastaví Aspect vlastnost zděděnou z Shape třídy na Stretch.Fill. Další informace o Aspect vlastnosti naleznete v tématu Roztažení obrazců.

Vytvoření obdélníku

Pokud chcete nakreslit obdélník, vytvořte Rectangle objekt a nastavte jeho WidthRequest a HeightRequest vlastnosti. Chcete-li malovat vnitřní část obdélníku, nastavte jeho Fill vlastnost na -odvozený Brushobjekt. Chcete-li dát obdélník obrysu, nastavte jeho Stroke vlastnost na -odvozený Brushobjekt. Vlastnost StrokeThickness určuje tloušťku obrysu obdélníku. Další informace o Brush objektech naleznete v tématu Xamarin.Forms Štětce.

Pokud chcete obdélník zaobleným rohům dát, nastavte jeho RadiusX a RadiusY vlastnosti. Tyto vlastnosti nastavují osu x a y paprsky, které se používají k zaoblení rohů obdélníku.

Pokud chcete nakreslit čtverec, nastavte WidthRequest hodnotu a HeightRequest vlastnosti objektu na Rectangle stejnou hodnotu.

Následující příklad XAML ukazuje, jak nakreslit vyplněný obdélník:

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

V tomto příkladu je vykreslen červený vyplněný obdélník s rozměry 150x50 (jednotky nezávislé na zařízení):

Vyplněný obdélník

Následující příklad XAML ukazuje, jak nakreslit vyplněný obdélník se zaoblenými rohy:

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

V tomto příkladu se nakreslí modrý vyplněný obdélník se zaoblenými rohy:

Obdélník se zaoblenými rohy

Informace o kreslení přerušovaného obdélníku naleznete v tématu Kreslení přerušovaných obrazců.