Udostępnij za pośrednictwem

Instrukcje: rysowanie prostokąta

W tym przykładzie pokazano, jak narysować prostokąt przy użyciu Rectangle elementu .

Aby narysować prostokąt, utwórz Rectangle element i określ jego Width i Height. Aby pomalować wnętrze prostokąta, ustaw jego Fill. Aby nadać prostokątowi kontur, użyj jego Stroke właściwości i StrokeThickness .

Aby nadać prostokąt zaokrąglonym rogom, określ opcjonalne RadiusX i RadiusY właściwości. Właściwości RadiusX i RadiusY ustawiają promienie osi x i y wielokropka używanego do zaokrąglenia narożników prostokąta.

W poniższym przykładzie dwa Rectangle elementy zostają narysowane w Canvas. Pierwszy prostokąt ma Blue wnętrze. Drugi prostokąt ma Blue wnętrze, Black kontur i zaokrąglone rogi.

Przykład

  <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>

Mimo że w tym przykładzie użyto elementu Canvas do przechowywania prostokątów, można użyć elementów prostokąta (i wszystkich innych elementów kształtu) z dowolnym Panel lub Control, które obsługują zawartość nietekstową. W rzeczywistości prostokąty są szczególnie przydatne do zapewniania tła dla części paneli Grid . Aby zapoznać się z przykładem, zobacz Omówienie tabeli.

Ten przykład jest częścią większej próbki; Aby zapoznać się z kompletnym przykładem, zobacz przykładowe elementy kształtu .

Zobacz także