Condividi tramite


Procedura: disegnare un rettangolo

Aggiornamento: novembre 2007

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

Per disegnare un rettangolo, creare un elemento Rectangle e specificare le relative proprietà Width e Height. Per disegnare l'interno del rettangolo, impostare la proprietà Fill. Per specificare un contorno per il rettangolo, utilizzare le proprietà Stroke e StrokeThickness.

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

Nell'esempio seguente vengono disegnati due elementi Rectangle in un oggetto Canvas. Il primo rettangolo ha un colore interno Blue. Il secondo rettangolo ha un colore interno Blue, un contorno Black e gli 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 utilizzato un oggetto Canvas per contenere i rettangoli, è possibile utilizzare elementi rettangolo, e tutti gli altri elementi forma, con qualsiasi oggetto Panel o Control che supporta contenuto non testuale. Infatti, i rettangoli sono particolarmente utili per fornire sfondi per parti dei riquadri Grid. Per un esempio, vedere Cenni preliminari sull'elemento Table.

Questo esempio fa parte di un esempio più grande. Per la versione completa, vedere Esempio di elementi forma.

Vedere anche

Attività

Esempio di elementi forma

Concetti

Cenni preliminari sugli oggetti Shape e sulle funzionalità di disegno di base di WPF

Cenni preliminari sull'elemento Table

Riferimenti

Rectangle