Demonstra Passo a passo: Organizando o conteúdo para Windows Presentation Foundation sobre Windows Forms no time de design

Artigo
08/25/2010

Essa explicação passo a passo mostra como usar os recursos de layout dos Formulários do Windows, como snaplines e a ancoragem para organizar controles do Windows Presentation Foundation (WPF).

Nesta explicação passo a passo, você executa as seguintes tarefas:

Criar o projeto.
Crie o controle WPF.
Hospedar controles WPF em um painel de layout.
Usar snaplines para alinhar controles WPF.
Âncorar e encaixar controles WPF.

Observação:
As caixas de diálogo e comandos de menu demonstradas podem ser diferentes daqueles descritas na Ajuda, dependendo das configurações ativas ou configurações de edição.Para alterar as configurações, escolher Importar e exportar configurações on the Ferramentas menu.Para obter mais informações, consulte Configurações do Visual Studio.

Pré-requisitos

Para completar este passo a passo, são necessários os seguintes componentes:

Visual Studio 2008.

Criando o projeto

A primeira etapa é criar um projeto de Formulário Windows.

Observação:
Ao hospedar WPF c ontent, apenas translation from VPE for Csharp e Visual Basic projetos são suportados.

Para criar o projeto

Crie um novo projeto Aplicação de Formulários Windows no Visual Basic ou Visual C# chamado ArrangeElementHost .Para obter mais informações, consulte Como: Criar um projeto de aplicativos do Windows.

Criando o controle WPF

Após adicionar um controle WPF para o projeto, você pode organizá-lo no formulário.

Para criar controles WPF

Adicione um novo UserControl WPF ao projetoUse o nome padrão para o tipo de controle, UserControl1.xaml.Para obter mais informações, consulte Demonstra Passo a passo: Criação de conteúdo do novo Windows Presentation Foundation em Windows Forms em time de design.
No modo de exibição de design, veja se UserControl1 está selecionada.Para obter mais informações, consulte Como: Selecionar e mover os elementos na superfície de design.
Na janela Propriedades, defina o valor das properties Width e Height como 200.
Defina o valor da propriedade Background como Azul.
Crie o projeto.

Hospedando controles WPF em um painel de layout.

Você pode usar controles WPF nos painéis de layout da mesma forma que você usa outros controles dos Formulários do Windows.

Para hospedar controles WPF em um painel de layout.

Abra Form1 no Windows Forms Designer.
Na Caixa de Ferramentas, arraste um controle TableLayoutPanel para o formulário.
No painel de marcas inteligentes do controle TableLayoutPanel, selecione Remover Última Linha.
Redimensione o controle TableLayoutPanel para uma largura e altura maior.
Na Caixa de Ferramentas , clique duas vezes em UserControl1 para criar uma instância de UserControl1 na primeira célula do controle TableLayoutPanel.

A instância de UserControl1 está hospedada em um novo controle ElementHost chamado elementHost1.
Na Caixa de Ferramentas, clique duas vezes em UserControl1 para criar outra instância na segunda célula do controle TableLayoutPanel.
Na janela Estrutura do Documento, selecione tableLayoutPanel1.Para obter mais informações, consulte A janela da estrutura do documento.
Na janela Propriedades,defina o valor da propriedade Padding como 10, 10, 10, 10.

Ambos os controles ElementHost são redimensionados para caber no novo layout.

Usando Snaplines para alinhar controles WPF

Snaplines permitem fácil alinhamento de controles em um formulário.Você pode usar snaplines para alinhar os controles WPF também.Para obter mais informações, consulte Demonstra Passo a passo: Organizando controles no Windows Forms usando Snaplines.

Para usar snaplines para alinhar controles WPF.

Da Caixa de Ferramentas , arraste uma instância de UserControl1 para o formulário e coloque-o no espaço abaixo do controle TableLayoutPanel.

A instância de UserControl1 está hospedada em um novo controle ElementHost chamado elementHost3.
Usando snaplines, alinhe a borda esquerda de elementHost3 com a extremidade esquerda do controle TableLayoutPanel.
Usando snaplines, dimensione elementHost3 para a mesma largura que o controle TableLayoutPanel.
Mova elementHost3 em direção ao controle TableLayoutPanel até que apareça uma snapline de centro entre os controles.
Na janela Propriedades, defina o valor da propriedade Margin como 20, 20, 20, 20.
Mova o elementHost3 para fora do controle TableLayoutPanel até que a snapline do centro apareça novamente.O centro snapline agora indica uma margem de 20.
Mova elementHost3 para a direita, até que sua borda esquerda alinhe com a extremidade esquerda de elementHost1.
Altere a largura do elementHost3 até a borda direita alinhe com a extremidade direita de elementHost2.

Ancorando e Encaixando controles WPF

Um controle WPF hospedado em um formulário tem o mesmo comportamento de ancoragem e encaixe de outros controles de Formulários do Windows.

Para ancorar e encaixar controles WPF.

Selecione elementHost1.
Na janela Properties, defina a propriedade Anchor para Superior, Inferior, Esquerda, Direita.
Redimensione o controle TableLayoutPanel para um tamanho maior.

O controle elementHost1 redimensiona-se para preencher a célula.
Selecione elementHost2.
Na janela Propriedades,defina o valor da propriedade Dock como Fill.

O controle elementHost2 redimensiona-se para preencher a célula.
Selecione o controle TableLayoutPanel.
Defina o valor da propriedade Dock como Top.
Selecione elementHost3.
Defina o valor da propriedade Dock como Fill.

O controle elementHost3 redimensiona-se para preencher o espaço restante no formulário.
Redimensione o formulário.

Todos os três controles ElementHost redimensionam-se de forma apropriada.

Para obter mais informações, consulte Como: Ancorar e ancorar controles de filho em um controle TableLayoutPanel.

Consulte também

Compartilhar via