Demonstra Passo a passo: Atribuindo o conteúdo do WPF no Windows Forms em tempo de Design

Essa explicação passo a passo mostra a você como para selecionar os tipos de controle Windows Presentation Foundation (WPF) você deseja exibir em seu formulário. Você pode selecionar qualquer tipos de controle WPF que estão incluídos no seu projeto.

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

  • Criar o projeto.

  • Cria os tipos de controle WPF.

  • Selecione controles WPF.

ObservaçãoObservação

As caixas de diálogo e comandos de menu demonstradas podem ser diferentes daqueles descritos na Ajuda, dependendo das configurações ativas ou configurações de edição. Para alterar as configurações, escolha Import and Export Settings sobre o Ferramentas menu. Para obter mais informações, consulte Trabalhando com configurações.

Pré-requisitos

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

  • Visual Studio 2010.

Criando o projeto

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

ObservaçãoObservação

Quando hospedar conteúdo WPF, apenas projetos C# e Visual Basic são suportados.

Para criar o projeto

Criando o tipo de controle WPF

Após adicionar os tipos de controle WPF para o projeto, você pode hospedá-los em diferentes controles ElementHost.

Para criar tipos de controle WPF

  1. Adicionar um novo WPF UserControl o projeto à solução. Use o nome padrão para o tipo de controle, UserControl1.xaml. Para obter mais informações, consulte Demonstra Passo a passo: Criando novo conteúdo WPF no Windows Forms em tempo de Design.

  2. No modo de exibição de design, veja se UserControl1 está selecionada. Para obter mais informações, consulte Como: Selecionar e mover elementos na superfície de design.

  3. Na janela Propriedades, defina o valor das properties Width e Height como 200.

  4. Adicionar um System.Windows.Controls.TextBox o controle para o UserControl e definir o valor da Text propriedade para conteúdo de hospedado.

  5. Adicione um novo WPF UserControl ao projeto Use o nome padrão para o tipo de controle, UserControl2.xaml.

  6. Na janela Propriedades, defina o valor das properties Width e Height como 200.

  7. Adicionar um System.Windows.Controls.TextBox o controle para o UserControl e definir o valor da Text propriedade hospedado conteúdo 2.

Observação  Em geral, você deve hospedar conteúdo WPF mais sofisticado. O controle System.Windows.Controls.TextBox é usado aqui para fins ilustrativos apenas.

  1. Crie o projeto.

Selecionando controles WPF

Você pode atribuir diferente conteúdo WPF a um controle ElementHost, já que está hospedando o conteúdo.

Para selecionar controles WPF

  1. Abra Form1 no Windows Forms Designer.

  2. Na caixa Toolbox, clique duas vezes em UserControl1 para criar uma instância de UserControl1 sobre o formulário.

    Uma instância de UserControl1 está hospedada em um novo controle ElementHost chamado elementHost1.

  3. No painel de marcas inteligentes para elementHost1, abra a caixa de listagem suspensa Select Hosted Content.

  4. Selecione UserControl2 na caixa de lista suspensa.

    O controle elementHost1 agora hospeda uma instância do tipo UserControl2.

  5. Na janela Properties, confirme se a property Child é definida como UserControl2 .

  6. Da Toolbox, no grupo WPF Interoperability, arraste um controle ElementHost ao formulário.

    O nome padrão para o novo controle é elementHost2.

  7. No painel de marcas inteligentes para elementHost2, abra a caixa de listagem suspensa Select Hosted Content.

  8. Selecione UserControl1 na caixa de lista suspensa.

  9. O controle elementHost2 agora hospeda uma instância do tipo UserControl1.

Consulte também

Referência

ElementHost

WindowsFormsHost

Outros recursos

Migração e Interoperabilidade

Usando os controles do WPF

WPF Designer