Partilhar via


Como: Construir um layout dinâmico controlado por dados

Windows Presentation Foundation (WPF) fornece controles que suportam orientado a dados dinâmicos layouts.Usando esses controles com a WPF Designer torna fácil para você criar esses tipos de layouts.Você pode usar os seguintes controles em seus aplicativos:

O controle ListView fornece a infraestrutura para exibir um conjunto de itens de dados em diferentes layouts ou modos de exibição.Normalmente você usar um GridView em conjunto com o controle ListView para exibir dados em colunas.Para obter mais informações, consulte Visão geral de ListView e GridView Overview.

Adicionando e configurando um banco de dados

Para adicionar e configurar um ListView.

  1. Da Caixa de Ferramentas ,no grupo de Controls, arraste um controle ListView para um painel, como um Grid.

  2. Na janela Properties,defina as propriedades a seguir para o controle ListView para maximizar o comportamento dinâmico:

    Propriedade

    Valor sugerido

    Width

    Auto

    Height

    Auto

    HorizontalAlignment

    Stretch

    VerticalAlignment

    Stretch

    Margin

    0

  3. No menu File, clique em Save All.

Adicionando e configurando um banco de dados

Para adicionar e configurar um ListView.

  1. No modo de exibição do XAML, clique no elemento ListView.O elemento tem a seguinte forma:

    <ListView <ATTRIBUTES> />
    
  2. Substitua o elemento ListView com a marcação a seguir.Adicione nomes e mais colunas conforme necessário.

    Observação:

    O elemento ListView e os elementos GridViewColumn devem ter nomes explícito se você quiser se refere a eles a partir de code-behind.Por exemplo, eles devem ter nomes explícito se você fizer referência a elas a partir do código de vinculação de dados.

    <ListView x:Name="LISTVIEWNAME">
        <ListView.View>
            <GridView AllowsColumnReorder="True">
                <GridViewColumn x:Name="<COLUMNNAME>" Header="<COLUMNHEADER>"></GridViewColumn>
                Add more columns as necessary.
            </GridView>
        </ListView.View>
    </ListView>
    
  3. No menu File, clique em Save All.

Definindo a janela como tamanho dinamicamente

A propriedade SizeToContent especifica como o tamanho de um Window altera quando altera o tamanho do seu conteúdo.Por padrão, essa propriedade estiver definida como Manual, o que significa que o usuário pode redimensionar manualmente a janela para caber o conteúdo.Se você definir essa propriedade como WidthAndHeight, a janela redimensiona dinamicamente quando o conteúdo alterado.

Definindo a janela como tamanho dinamicamente

  1. Abra Window1.XAML no designer.

  2. No modo Design, selecione Window.

  3. Na janela Properties, defina as propriedades a seguir Window:

    Propriedade

    Valor

    SizeToContent

    WidthAndHeight

    Width

    Auto

    Height

    Auto

    Dica:

    Quando definido as propriedades WIDTH e HEIGHT para Automático, a janela é redimensionado para ajustar os controles atuais e conteúdo.Portanto, você deve definir essas propriedades depois de adicionar todos os seus controles e conteúdo para a janela.

  4. No menu File, clique em Save All.

Consulte também

Tarefas

Demonstra Passo a passo: Construindo um layout dinâmico controlado por dados

Como: Exibir conteúdo de um ListView usando um GridView

Conceitos

O sistema de layout

Outros recursos

Trabalhando com o designer WPF