Nasıl yapılır: Dikdörtgen Çizme

Bu örnek, öğesini kullanarak dikdörtgen çizmeyi Rectangle gösterir.

Dikdörtgen çizmek için bir öğe oluşturun Rectangle ve ve öğesini WidthHeight belirtin. Dikdörtgenin içine boyamak için dikdörtgenin içini Fill ayarlayın. Dikdörtgene bir ana hat vermek için ve Stroke özelliklerini StrokeThickness kullanın.

Dikdörtgen yuvarlak köşeler vermek için isteğe bağlı ve RadiusX özelliklerini RadiusY belirtin. ve özellikleri dikdörtgenin köşelerini yuvarlamak için kullanılan üç noktanın x eksenini ve y ekseni RadiusXRadiusY radyini belirler.

Aşağıdaki örnekte, içinde Rectangle iki öğe Canvas çizilir. İlk dikdörtgenin iç kısıma Blue sahiptir. İkinci dikdörtgenin iç, Blue ana hat ve yuvarlak Black köşeleri vardır.

Örnek

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

Bu örnek dikdörtgenleri içeren bir kullansa da, dikdörtgen öğeleri (ve diğer tüm şekil öğelerini) metin dışı içeriği destekleyen veya ile CanvasPanel birlikte Control kullanabilirsiniz. Aslında dikdörtgenler, panellerin bölümleri için arka plan sağlamak için özellikle Grid yararlıdır. Bir örnek için bkz. Tabloya Genel Bakış.

Bu örnek daha büyük bir örneğin bir parçasıdır; Tam örnek için bkz. Şekil Öğeleri Örneği.

Ayrıca bkz.