Sdílet prostřednictvím

Postupy: Kreslení elipsy nebo kruhu

Tento příklad ukazuje, jak kreslit elipsy a kruhy pomocí elementu Ellipse. Chcete-li nakreslit elipsu, vytvořte prvek Ellipse a zadejte jeho Width a Height. Pomocí její vlastnosti Fill určete Brush, který se používá pro vykreslení interiéru elipsy. Pomocí vlastnosti Stroke určete Brush, sloužící k vykreslení obrysu elipsy. Vlastnost StrokeThickness určuje tloušťku obrysu elipsy.

Pokud chcete nakreslit kruh, nastavte Width a Height prvku Ellipse tak, aby se rovnaly.

Následující příklad nakreslí čtyři Ellipse prvky v rámci Canvas.

Příklad

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

  <!-- Draws an oval with a blue interior. -->
  <Ellipse
    Width="100"
    Height="50"
    Fill="Blue"
    Canvas.Left="10"
    Canvas.Top="25" />

  <!-- Draws an oval with a blue interior and a black outline. -->
  <Ellipse
    Width="100"
    Height="50"
    Fill="Blue"
    Stroke="Black"
    StrokeThickness="4"
    Canvas.Left="10"
    Canvas.Top="100"/>

  <!-- Draws a circle with a blue interior. -->
  <Ellipse
    Width="50"
    Height="50"
    Fill="Blue"
    Canvas.Left="135"
    Canvas.Top="25"/>

  <!-- Draws a circle with a blue interior and a black outline. -->
  <Ellipse
    Width="50"
    Height="50"
    Stroke="Black"
    StrokeThickness="4"
    Canvas.Left="135"
    Canvas.Top="100" />

</Canvas>

I když tento příklad používá Canvas pro elipsy, můžete použít prvky elips (a všechny ostatní prvky tvarů) s jakýmkoli Panel nebo Control, které podporují netextový obsah.

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

Viz také