Passo a passo: Usando um DesignInstance para associar dados no Designer

Artigo
08/01/2011

Esta explicação passo a passo mostra como usar o WPF Designer for Visual Studio para criar ligações de dados em tempo de design para um contexto de dados que é atribuído em tempo de execução. Para criar a vinculação de dados, você usar o construtor de vinculação de dados para criar um projeto especial-dados em tempo de contexto e o conjunto de DesignInstance para um tipo de objeto de negócios. DesignInstanceé um tempo de design- propriedade.

In this walkthrough, you perform the following tasks:

Create the project.
Criar um Customerde negócios daclasse objeto.
Ligação de dados um TextBox o controle a uma instância de tempo de design-da Customeraclasse em um contextode dados.

Quando tiver terminado, você terá uma caixa de texto que é limite em tempo de execução para um objetode negócios. A vinculação de dados é definido na WPF Designer.

Observação
Caixas de diálogo e comandos de menu que você vê podem diferir das descritas na Help dependendo das suas configurações ativas ou edição. Para alterar as configurações, escolha Import and Export Settings sobre o Ferramentas menu. For more information, see Trabalhando com configurações.

Pré-requisitos

You need the following components to complete this walkthrough:

Visual Studio 2010.

Creating the Project

A primeira etapa é criar um aplicativo do WPF projeto e habilitar as propriedades de tempo de design-.

To create the project

Criar um aplicativo WPF novo projeto no Visual Basic ou no Visual C# chamado DataBindingDemo. For more information, see Como: Criar um novo projeto de aplicativo WPF.

MainWindow. XAML é aberto no WPF Designer.
No modo de exibição de Design, clique na marca de tamanho de raiz () no canto inferior-à direita do MainWindow para definir o tamanho de raiz automaticamente o tamanho.

No modo de exibição XAML , o designer adiciona o ddenamespacemapeamento, que permite acessar tempo de design-, atributos, como DesignHeight e DesignInstance.

Criando o objeto de negócios

Em seguida, criar o objetode negócios. O objeto de negócios é uma simples Customeraclasse que tem FirstName e LastName Propriedades.

Observação
O tipo de objeto de negócios não deve ser criado para uso em tempo de design- vinculação de dados. Por exemplo, você pode vincular uma abstrata de classe em tempo de design.

Para criar o objetode negócios

Adicionar uma nova classe chamada Customer para o projeto. For more information, see Como: Adicionar novos itens de projeto.

Replace the automatically generated code with the following code.

using System;
using System.Collections.Generic;
using System.Linq;
using System.Text;

namespace DataBindingDemo
{
    public class Customer
    {   
        public string FirstName { get; set; }
        public string LastName { get; set; }
    }
}

Definindo o contexto de dados de tempo de Design-

Para criar ligações de dados, usando o construtor de vinculação de dados , você criar um especial de dados de tempo de- contexto de design e defina a DesignInstance para o tipo de objeto de negócios.

Para definir o de dados de tempo de design- contexto

Abrir MainWindow. XAML na WPF Designer.
No modo XAML , adicione o namespaceseguintemapeamento para a marca de abertura de MainWindow. For more information, see Como: Importar um namespace em XAML.
```
xmlns:local="clr-namespace:DataBindingDemo"
```
Substituir a tag de abertura de Grid elemento com o seguinte XAML.
```
<Grid d:DataContext="{d:DesignInstance Type=local:Customer}" Name="_grid">
```
Esse XAML estabelece um de dados de tempo de design- contexto e faz o Customerdeclasse disponíveis para criar ligações de dados.
Build the solution.

Criando a ligação de dados

Agora você pode criar ligações de dados para o Customer objeto de negócios usando o construtor de vinculação de dados . O procedimento a seguir mostra como ligar um TextBox o controle para o FirstNameapropriedade de um Customerobjeto.

Para criar a vinculação de dados

From the Toolbox, drag a TextBox control onto the Window.
No janela Propriedades, role até o Text propriedade.
Na borda da coluna esquerda, clique na o marcador depropriedade ().

Aparecerá um menu .

Dica

Você também pode direita-clique na linha para exibir o menu.
Clique em Aplicar a vinculação de dados.

O construtor de vinculação de dados aparece, com o Caminhoem abertoopainel.
Clique em FirstName e pressione Enter.

No modo de exibição XAML , Text propriedade tem uma vinculação de dados para o Customer do tipo FirstName propriedade.

Definindo o tempo de Executar-o contexto de dados

Finalmente, você pode atribuir a execução de-dados em tempo de contexto. A vinculação de dados criado em tempo de design funciona em tempo de execução sem alterações no código ou XAML .

Para definir a execução de-dados em tempo de contexto

MainWindow.xaml.cs ou MainWindow.xaml.vb no editorde código aberto.

Substituir gerado automaticamente MainWindow construtor com o código a seguir.

public MainWindow()
{
    InitializeComponent();

    Customer c = new Customer();
    c.FirstName = "Brenda";
    c.LastName = "Diaz";

    this._grid.DataContext = c;
}

Press F5 to run the application.

A caixa de texto exibe o nome da Customeroobjeto que foi criado em tempo de execução.

Próximas etapas

Você pode vincular aos dados de tempo de design-exemplo, que ajuda a construir o comportamento de layout correto no runtime quando seus dados reais estão disponíveis. For more information, see Passo a passo: Usando dados de exemplo no WPF Designer.

Consulte também

Referência

DataContext

Outros recursos

Atributos de tempo de design

Associação de dados no WPF Designer

Compartilhar via