Compartilhar via


Como: Desenhar um retângulo

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

Para desenhar um retângulo, crie um elemento Rectangle e especifique seu Width e Height. Para pintar o interior de um retângulo, defina seu Fill. Para dar contorno a um retângulo, use suas propriedades Stroke e StrokeThickness.

Para dar bordas arredondadas ao um retângulo, especifique as propriedades opcionais RadiusX e RadiusY. As propriedades RadiusX e RadiusY definem o raios no eixo x e eixo y da elipse que é usada para arredondar as quinas do retângulo.

No seguinte exemplo, elementos Rectangle são desenhados em um Canvas. O primeiro retângulo tem um interior Blue. O segundo retângulo tem um interior Blue, um contorno Black e quinas arredondadas.

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 retângulos (e todos outros elementos de forma) com qualquer Panel ou Control que suporte conteúdo não texto. Na verdade, retângulos são particularmente úteis para fornecer fundos para porções de painéis Grid. Para um exemplo, veja Visão Geral da Tabela.

This example is part of a larger sample; for the complete sample, see Exemplo de elementos de forma.

Consulte também

Tarefas

Exemplo de elementos de forma

Conceitos

Visão geral de Formas e Desenho básico no WPF

Visão Geral da Tabela

Referência

Rectangle