Sdílet prostřednictvím

Postupy: Kreslení obdélníku

Tento příklad ukazuje, jak nakreslit obdélník pomocí elementu Rectangle .

Pokud chcete nakreslit obdélník, vytvořte Rectangle prvek a zadejte jeho Width a Height. Chcete-li malovat vnitřní část obdélníku, nastavte jeho Fill. Pokud chcete obdélníku dát obrys, použijte jeho Stroke a StrokeThickness vlastnosti.

Chcete-li zaoblit rohy obdélníku, zadejte volitelné vlastnosti RadiusX a RadiusY. Vlastnosti RadiusX a RadiusY nastavují poloměr elipsy na ose x a ose y, který se používá k zaokrouhlování rohů obdélníku.

V následujícím příkladu jsou dva prvky Rectangle nakresleny v Canvas. První obdélník má Blue vnitřek. Druhý obdélník má Blue vnitřek, Black obrys a zaoblené rohy.

Příklad

  <Canvas Width="120" Height="200" >

  <!-- Draws a 100 by 50 rectangle with a solid blue fill. -->
  <Rectangle
    Width="100"
    Height="50"
    Fill="Blue"
    Canvas.Left="10"
    Canvas.Top="25" />

  <!-- Draws a 100 by 50 rectangle with a solid blue fill,
       a black outline, and rounded corners. -->
  <Rectangle
    Width="100"
    Height="50"
    Fill="Blue"
    Stroke="Black" StrokeThickness="4"
    RadiusX="20" RadiusY="20"
    Canvas.Left="10"
    Canvas.Top="100"/>

</Canvas>

I když tento příklad používá Canvas k umístění obdélníků, můžete použít prvky obdélníka (a všechny ostatní prvky obrazců) s libovolným Panel nebo Control podporujícím netextový obsah. Ve skutečnosti jsou obdélníky zvláště užitečné pro poskytování pozadí pro části Grid panelů. Jako příklad viz Přehled tabulek.

Tento příklad je součástí většího vzorku; kompletní vzorek naleznete v ukázce prvků tvarů .

Viz také

  • Last updated on