Compartilhar via

Como desenhar um retângulo

Este exemplo mostra como desenhar um retângulo usando o Rectangle elemento.

Para desenhar um retângulo, crie um Rectangle elemento e especifique seu Width e Height. Para pintar o interior do retângulo, defina seu Fill. Para dar ao retângulo uma estrutura de tópicos, use suas propriedades e Stroke propriedadesStrokeThickness.

Para fornecer os cantos arredondados do retângulo, especifique as propriedades e RadiusX opcionaisRadiusY. As RadiusX propriedades e RadiusY o eixo x e o eixo y do elipse usados para arredondar os cantos do retângulo.

No exemplo a seguir, dois Rectangle elementos são desenhados em um Canvas. O primeiro retângulo tem um Blue interior. O segundo retângulo tem um Blue interior, um Black contorno e cantos arredondados.

Exemplo

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

Embora este exemplo use um Canvas para conter os retângulos, você pode usar elementos de retângulo (e todos os outros elementos de forma) com qualquer Panel ou Control que ofereça suporte a conteúdo não textual. Na verdade, retângulos são particularmente úteis para fornecer planos de fundo para partes de Grid painéis. Para obter um exemplo, consulte a Visão geral da tabela.

Este exemplo faz parte de um exemplo maior; para obter o exemplo completo, consulte Exemplo de Elementos de Forma.

Consulte também