Xamarin.Forms Tvary: Obdélník

Download Sample Stažení ukázky

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

Rectangle definuje následující vlastnosti:

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

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

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

Vytvoření obdélníku

Pokud chcete nakreslit obdélník, vytvořte objekt a nastavuje jeho vlastnosti a RectangleWidthRequestHeightRequest . Pokud chcete vykreslit uvnitř obdélníku, Fill nastavte jeho vlastnost na Brush objekt odvozený odvozovaný. Pokud chcete obdélníku poskytnout obrys, nastavte Stroke jeho vlastnost na objekt Brush odvozený odvozovaný. Vlastnost StrokeThickness určuje tloušťku obrysu obdélníku. Další informace o Brush objektech najdete v tématu Xamarin.Forms Brushes .

Pokud chcete obdélník zaoblené rohy dát, nastavte jeho RadiusXRadiusY vlastnosti a . Tyto vlastnosti nastaví osu x a radii osy y, které se používají k zaoblení rohů obdélníku.

Pokud chcete nakreslit čtverec, nakreslete vlastnosti objektu WidthRequest a na stejnou HeightRequestRectangle 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 150 × 50 (jednotky nezávislé na zařízení):

Filled rectangle

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

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

V tomto příkladu je vykreslen modrý vyplněný obdélník se zaobleými rohy:

Rectangle with rounded corners

Informace o kreslení přerušovaných obdélníků najdete v tématu Kreslení přerušovaných tvarů.