Condividi tramite

Procedura: Disegnare un rettangolo

  • Articolo

In questo esempio viene illustrato come disegnare un rettangolo usando l'elemento Rectangle.

Per disegnare un rettangolo, creare un elemento Rectangle e specificarne Width e Height. Per dipingere l'interno del rettangolo, impostare il suo colore su Fill. Per assegnare al rettangolo un contorno, utilizzare le relative proprietà Stroke e StrokeThickness.

Per assegnare gli angoli arrotondati al rettangolo, specificare le proprietà facoltative RadiusX e RadiusY. Le proprietà RadiusX e RadiusY impostano l'asse x e i raggi dell'asse y dell'ellisse utilizzata per arrotondare gli angoli del rettangolo.

Nell'esempio seguente vengono disegnati due elementi Rectangle in un Canvas. Il primo rettangolo ha un Blue interno. Il secondo rettangolo ha un interno Blue, un contorno Black e angoli arrotondati.

Esempio

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

Anche se in questo esempio viene utilizzata una Canvas per contenere i rettangoli, è possibile utilizzare gli elementi rettangoli (e tutti gli altri elementi della forma) con qualsiasi Panel o Control che supporta contenuto non di testo. Infatti, i rettangoli sono particolarmente utili per fornire sfondi per parti di pannelli di Grid. Per un esempio, vedere la panoramica della tabella .

Questo esempio fa parte di un esempio più ampio; per l'esempio completo, vedere Esempio di Elementi di Forma.

Vedere anche