Partilhar via

Como: Adicionar linhas e colunas a uma grade

  • Artigo

O Windows Presentation Foundation (WPF) Grid controle permite que você de forma rápida e fácil posicionar e alinhar controles criando Grid-com layouts.Em time de design, você pode adicionar linhas e colunas a um Grid controlar no WPF Designer. Por padrão, usam novas linhas e colunas Star dimensionamento.

Observação importante:

Se você definir o tamanho de uma linha ou coluna para Auto Antes de adicionar conteúdo a ela, você não poderá vê-lo no designer.Isso pode dificultá-lo a posicionar controles na correta de linha ou coluna.Para evitar isso, você pode usar estrela dimensionamento enquanto você trabalha e alterar para automaticamente quando você terminar.

Este tópico discute três maneiras que você pode adicionar linhas e colunas para um Grid.Você também pode remover linhas e colunas de uma grade.Para obter mais informações, consulte Como: Remover linhas e colunas de uma grade.

Usando o criador

No WPF Designer, quando você seleciona um controle Grid, rails aparecem nos lados superior e esquerda.Você pode usar os rails para adicionar linhas e colunas diretamente para o Grid.XAML modo de exibição é atualizado automaticamente com as novas linhas e colunas.

Observação:

Se a propriedade FlowDirection é definida como DireitaParaEsquerda , o ferroviário para as linhas aparece no lado direito da Grid.

Para adicionar linhas em uma grade usando o Criador

  1. No WPF Designer, selecione um controle Grid.

  2. Mova o ponteiro sobre a borda externa da rail do lado.O ponteiro se transformar em uma linha de grade e hairs cruz aparece, indicando onde a linha será adicionada.

  3. Clique no rail para definir a linha.

    A linha de grade é corrigida no local e um indicador das linhas de grade aparece no rail no final da linha de grade.

    Dica:

    Você pode ajustar o tamanho da linha, arrastando a linha de grade dentro da grade ou o indicador da linha de grade no rail.

  4. (Opcional) Repita as etapas 2 e 3 para adicionar mais linhas.

Para adicionar linhas em uma grade usando o Criador

  1. No WPF Designer, selecione um controle Grid.

  2. Mova o ponteiro sobre a borda superior do rail superior.O ponteiro se transformar em uma linha de grade e hairs cruz aparece, indicando onde a linha será adicionada.

  3. Clique no rail para definir a coluna.

    A linha de grade é corrigida no local e um indicador das linhas de grade aparece no rail no final da linha de grade.

    Dica:

    Você pode ajustar o tamanho da linha, arrastando a linha de grade dentro da grade ou o indicador da linha de grade no rail.

  4. (Opcional) Repita as etapas 2 e 3 para adicionar mais linhas.

Usando o Editor da coleção

Você também pode adicionar linhas e colunas para um Grid usando o Editor de coleção.Ao usar o Editor de coleção para configurar linhas e colunas, XAML modos de exibição Design e são atualizados automaticamente.

Para adicionar linhas em uma grade usando o Editor de Coleção

  1. No WPF Designer, selecione um controle Grid.

  2. Na janela Properties,localize a propriedade RowDefinitions e clique no botão de reticências na coluna valor da propriedade.

    O Editor de coleção caixa de diálogo aparece.

  3. Clique em Add Para adicionar uma nova linha.

  4. (Opcional) Defina as propriedades da linha.

  5. (Opcional) Repita as etapas 3 e 4 para adicionar mais linhas.

  6. Clique em OK para fechar o Editor de coleção e retornar para a WPF Designer.

Para adicionar linhas em uma grade usando o Editor de Coleção

  1. No WPF Designer, selecione um controle Grid.

  2. Na janela Properties,localize a propriedade RowDefinitions e clique no botão de reticências na coluna valor da propriedade.

    O Editor de coleção caixa de diálogo aparece.

  3. Clique em Add Para adicionar uma nova coluna.

  4. (Opcional) Defina as propriedades da coluna.

  5. (Opcional) Repita as etapas 3 e 4 para adicionar mais linhas.

  6. Clique em OK para fechar o Editor de coleção e retornar para a WPF Designer.

Usando o Editor XAML livre

Você pode também adicionar linhas e colunas para um Grid manualmente digitando no editor do XAML.XAML modo de exibição é atualizado automaticamente com as novas linhas e colunas.

Para adicionar linhas em uma grade usando o Editor de Coleção

  1. No Editor do XAML, localize um elemento Grid.

  2. Adicione um elemento Grid.RowDefinitions como um filho do elemento Grid.O código deve se parecer com o seguinte:

    <Grid>
    <Grid.RowDefinitions>
    </Grid.RowDefinitions>
</Grid>

  3. Adicione RowDefinition elementos.O exemplo a seguir mostra a restrição:

    <Grid.RowDefinitions>
    <RowDefinition Height="100" />
    <RowDefinition Height="Auto" />
    <RowDefinition Height="*" />
    <RowDefinition Height="5*" />
</Grid.RowDefinitions>

Para adicionar linhas em uma grade usando o Editor de Coleção

  1. No Editor do XAML, localize um elemento Grid.

  2. Adicione um elemento Grid.ColumnDefinitions como um filho do elemento Grid.O código deve se parecer com o seguinte:

    <Grid>
    <Grid.ColumnDefinitions>
    </Grid.ColumnDefinitions>
</Grid>

  3. Adicione ColumnDefinition elementos.O exemplo a seguir mostra a restrição:

    <Grid.ColumnDefinitions>
    <ColumnDefinition Width="100" />
    <ColumnDefinition Width="Auto" />
    <ColumnDefinition Width="*" />
    <ColumnDefinition Width="5*" />
</Grid.ColumnDefinitions>

Consulte também

Tarefas

Demonstra Passo a passo: Construindo um layout dinâmico

Conceitos

Alinhamento no WPF Designer

Layout com absoluto e dinâmica posicionamento

Outros recursos

Controles contêiner