Partilhar via


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.

Expander

Sem time de design visual.Use o modo de exibição XAML.

Frame

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.

InkCanvas

Sem time de design visual.Use o modo de exibição XAML.

O bloqueio

Sem suporte.

MediaElement

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.

Popup

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.

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.

TabControl

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.

Viewbox

Sem time de design visual.Use o modo de exibição XAML.

Herança Visual

Sem suporte.

WindowsFormsHost

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

Outros recursos

Guia de Introdução com o WPF Designer