WPF Designer para desenvolvedores do Windows Forms
The Windows Presentation Foundation (WPF) Designer for Visual Studio compartilha muitas semelhanças com o Designer de Formulários do Windows, mas também é diferente de várias maneiras. Este tópico descreve algumas das diferenças e como realizar tarefas que são familiares do Designer de Formulários do Windows usando o WPF Designer.
Ênfase em XAML
A diferença mais óbvia entre a Windows Forms Designer e o WPF Designer é a divisão do modo de exibição.A divisão do modo de exibição permite que você vizualize a marcação XAML e o designer visual ao mesmo tempo.The WPF Designer enfatiza a exibição XAML e fornece uma experiência de edição completa, incluindo IntelliSense, para o XAML do seu aplicativo. Você pode realizar muitas tarefas que são familiares do Designer de Formulários do Windows usando exibição XAML.modo divisão fornece comentários imediatos, exibir os efeitos das suas edições no modo de exibição XAML.Para mais informações sobre divisão do modo de exibição, consulte modo divisão: Exibindo a área de design do WPF e XAML ao mesmo time.
Você também pode usar o expressão Blend juntamente com Visual Studio para realizar as tarefas não são compatíveis com o WPF Designer. Para obter mais informações, consulte A colaboração com Expression Blend.
Aprimoramentos do WPF designer
Há vários aprimoramentos para o WPF Designer que não estão disponível no Designer de Formulários do Windows. Esses aprimoramentos incluem:
Linhas de margem e stubs: Linhas de margem ao redor de cada controle indicam que foi uma margem conjunto desse controle.Um stub da margem indica que nenhuma margem foi definida para esse controle de borda.
Controle de aplicar aplicar zoom: O controle de aplicar aplicar zoom aparece no canto superior esquerdo do modo de modo de exibição de Design e permite que o desenvolvedor de aumentar ou diminuir o aplicar aplicar zoom na área de design para realizar ajustes exatas.
Snaplines: Enquanto snaplines aparecem no WPF Designer e o Designer de Formulários do Windows no WPF Designer Elas também exibem valores exatos. Além disso, para exibir o controle de alinhamento, snaplines também mostram o alinhamento de texto para controles baseado em texto.Para obter mais informações, consulte Como: Alinhar a ambas as linhas de base do texto e margens.
Tarefas do Designer de Formulários do Windows e os equivalentes em WPF designer
A tabela a seguir fornece um MAP para entender como realizar várias tarefas no WPF Designer.
Tarefa no Designer de Formulários do Windows |
Equivalente no WPF designer |
|---|---|
Layout absoluto |
Use o Canvas classe do elemento raiz. |
Alfabético de classificação na janela Propriedades |
Para localizar uma propriedade, use o Pesquisar caixa na janela Propriedades. Para procurar propriedades, use o IntelliSense no modo de exibição XAML ou no Editor de código.Você também pode usar o Pesquisador de objetos. |
Ancoragem |
Use o Grid e os recursos de ancorar no modo de exibição de Design para conjunto metas de ancorar. |
Animation |
Use o expressão Blend. |
Ícone do aplicativo |
conjunto o Icon propriedade no aplicativo 's principal Window classe. |
Atribuindo guia ordem |
selecionar cada controle e conjunto o correspondente TabIndex propriedade no modo de exibição XAML ou na janela Propriedades. A ordem de tabulação padrão é a ordem em que os controles aparecem no contêiner pai. |
Componentes e da bandeja de componentes |
Componentes não visuais não aparecem no WPF Designer Caixa de ferramentas. Use modo de exibição XAML e mapeamento de namespace para fazer referência a recursos e tipos de não-local.Para obter mais informações, consulte Como: Importar um Namespace em XAML. |
A janela Data Sources e vinculação de dados |
The WPF Designer não oferece suporte a janela dados Sources nesta versão. Use o modo de exibição XAML para definir suas fontes de dados e ligações de dados. Você também pode usar o expressão Blend para definir as fontes de dados e ligações de dados se você estiver vinculando a XML ou objetos.Copie e cole o XAML gerado automaticamente para o modo de exibição XAML no WPF Designer. Você também pode em em aberto o seu Visual Studio projeto em expressão Blend e criar recursos diretamente. |
Declarando e anexando evento manipuladores |
Para o manipulador de eventos padrão, clicar duas vezes no controle no modo de modo de exibição de Design.Outros eventos, use IntelliSense no modo de exibição XAML e selecionar o evento desejado na lista drop-down.Para obter mais informações, consulte Como: Criar um simples manipulador de eventos. |
Criando menus |
Usar exibição XAML ou usar o Editor de coleção na janela Propriedades sobre o Items coleta e o conjunto a Header propriedade de cada item. |
Definir cores e pincéis |
Para pincéis complexas, tais sistema autônomo pincéis gradientes, use o expressão Blend.Copie e cole o XAML gerado automaticamente para o modo de exibição XAML no WPF Designer. Você também pode em em aberto o seu Visual Studio projeto em expressão Blend e criar recursos diretamente. |
Excluir linhas de grade |
Use o modo de exibição XAML para remover as definições de linha relevante ou definições de coluna e, em seguida, corrigir o Grid.Column ou Grid.Row as atribuições dos controles filho afetados pai dentro de Grid. |
Exibindo uma imagem |
Adicione a imagem para o projeto e defina sua ação de compilação como Recurso.Coloque um Image controle na área de design e conjunto seus Source propriedade na janela Propriedades. Para obter mais informações, consulte Como: Atribuir uma imagem a um controle de imagem.Você também pode conjunto a imagem de fonte usando o empacotar de sintaxe de URI.Para obter mais informações, consulte URIs de Pacotes no Windows Presentation Foundation. |
Exibindo um UserControl Na caixa de ferramentas |
Adicionar uma referência de projeto ao assembly do controle de usuário e usar o IntelliSense no modo de exibição XAML para atribuir o xmlns atributo. Você também pode usar o Escolher itens da caixa de ferramentas caixa de diálogo e navegue até o assembly que contém o controle, mas existem limitações.Para obter mais informações, consulte Componentes do WPF guia, escolha a caixa de diálogo itens da caixa de ferramentas. |
Distribuição de controles em um formulário |
Use o StackPanel elemento. |
Encaixe |
Use o DockPanel elemento para vários controles. Você também pode usar um Grid e ajustar os controles de grade de limites da célula, usando snapshots de linha de grade. |
Erro de provedor |
Sem time de design visual.Use o Validation classe no modo de exibição XAML. Para obter mais informações, consulte Como: Implement Binding Validation. |
Sem time de design visual.Use o modo de exibição XAML. |
|
Sem time de design visual.Use o modo de exibição XAML. |
|
Vai para a definição |
em em aberto todos os arquivos XAML no projeto e usar o Localizar e substituir janela.Para obter mais informações, consulte Localizar e substituir janela. |
Provedor de ajuda |
Sem time de design visual.Use o modo de exibição XAML. |
Hiperlink |
Use o Hyperlink classe de conteúdo de fluxo. |
Sem time de design visual.Use o modo de exibição XAML. |
|
O bloqueio |
Sem suporte. |
Sem time de design visual.Use o modo de exibição XAML. |
|
Mnemônicos |
Preceda o caractere mnemônico com o caractere sublinhado "_" em vez de caractere e comercial "&". |
Objeto seletor na lista suspensa na janela Propriedades |
selecionar o objeto na janela documento estrutura de tópicos, marca navigator, ou modo de exibição de Design.Para mostrar a janela estrutura do documento, abra o Modo de exibição , aponte para Outras janelase selecionar Estrutura de tópicos de documento. |
Sem time de design visual.Use o modo de exibição XAML. |
|
Fazendo referência a tipos de não-local no XAML |
Adicionar uma referência de projeto e use o IntelliSense na exibição XAML para conjunto o xmlns atributo. Para obter mais informações, consulte Como: Importar um Namespace em XAML. .gif "Observação") Observação:
The WPF Designer tenta fazer correspondência com base no alias de espaço para nome após o xmlns atributo, em vez de usar a sintaxe completa clr-namespace.
|
Renomeando e refatoração |
em em aberto todos os arquivos XAML no projeto e usar o Localizar e substituir janela.Para obter mais informações, consulte Localizar e substituir janela. |
Removendo as margens |
No modo de modo de exibição de Design, selecionar todos os elementos que tenham margens removidas.Na janela Propriedades, digite 0 for the Margin propriedade. |
Redimensionamento de um formulário depois de colocar um controle |
Como redimensionar a janela pode redimensionar o conteúdo, use o seguinte processo.Selecionar todos os elementos e, em seguida, recortar.Em seguida, redimensione a janela e, em seguida, cole. |
configuração texto para o Button, Label, CheckBox, RadioButton controles |
Na janela Propriedades, conjunto o Content propriedade. Como alternativa, defina o texto no modo de exibição XAML. |
Definindo propriedades complexas visualmente, por exemplo, propriedades de fonte, recursos, pincéis e cores |
Use exibição XAML ou expressão Blend. |
Rótulos inteligentes |
Sem suporte. |
Sem time de design visual.Use o modo de exibição XAML. |
|
Dicas de ferramenta |
Sem time de design visual.Use o ToolTip classe no modo de exibição XAML. |
Sem time de design visual.Use o modo de exibição XAML. |
|
Herança Visual |
Sem suporte. |
Sem time de design visual.Use o modo de exibição XAML. |
|
Ordem em Z |
Selecionar e mover a marca do elemento no modo de exibição XAML ou Ordem no menu de contexto no modo de modo de exibição de Design.Use a janela documento estrutura de tópicos para confirmar a ordem z do elemento. |
Consulte também
Conceitos
Controles de Formulários do Windows e Controles WPF Equivalentes
Referência
Referência interface de usuário para o WPF Designer