Compartilhar via


WPF Designer para desenvolvedores de formulários do Windows

O WPF Designer for Visual Studio compartilha muitas semelhanças com o Designer de Windows Forms , mas também difere de várias maneiras. Este tópico descreve algumas das diferenças e como realizar tarefas que são familiares do Designer de Windows Forms usando o WPF Designer.

Ênfase em XAML

The most obvious difference between the Windows Forms Designer and the WPF Designer is the split view. Split view allows you to view both the design surface and the XAML markup at the same time. O WPF Designer enfatiza o modo de exibição XAML e fornece uma experiência de edição completa, incluindo IntelliSense, para seu aplicativodo XAML. Você pode realizar muitas tarefas que já são familiares do Designer de Windows Forms usando o modo de exibição XAML . Split view provides immediate feedback by displaying the effects of your edits in XAML view. For more information about split view, see Exibição de Divisão: Visualizar a superfície de design WPF e XAML ao mesmo tempo.

Você também pode usar o Expression Blend, juntamente com Visual Studio para realizar as tarefas que não são compatíveis com o WPF Designer. For more information, see A colaboração com Expression Blend.

WPF Aperfeiçoamentos do Designer

Há vários aprimoramentos para o WPF Designer que não estão disponíveis no Designer de Windows Forms . These enhancements include:

  • Linhas de margem e stubs: Linhas de margem ao redor de cada controle indicam que uma margem foi definido para esse controle. A margin stub indicates that no margin has been set for that control edge.

  • Controle de zoom: O controle de Zoom é exibida no canto esquerdo superior-de modo de exibição de Design e permite ao desenvolvedor para aplicar zoom ou reduzir na superfície de design realizar ajustes exatas. Depois que você tivesse ampliado, é possível também deslocar na superfície de design.

  • Linhas de ajuste: Enquanto as linhas de ajuste aparecem em ambos os WPF Designer e os Windows Forms Designer na WPF Designer eles também exibem valores exatos. In addition to displaying control alignment, snaplines also show text alignment for text-based controls. For more information, see Como: Alinhar para ambas as linhas de base de texto e margens.

Windows Forms Tarefas de Designer e equivalentes do WPF Designer

A tabela a seguir fornece um mapa para a compreensão de como realizar diversas tarefas na WPF Designer.

Tarefa no Designer de Windows Forms

Equivalente no WPF Designer

LayoutAbsoluto

Use o deCanvasclasse como elemento raiz .

Alphabetic sorting in the Properties window

No janela Propriedades, clique na alfabética botão. Para localizar uma propriedade, use o Procurar caixa.

Você pode procurar propriedades usando 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 definir seus destinos de ancorar .

Animation

Use o Expression Blend.

Ícone do aplicativo

Definir o Iconapropriedade do aplicativoprincipal Windowclasse.

Assigning tab order

Selecione cada controle e defina o correspondente TabIndex propriedade no modo de exibição XAML ou de janela Propriedades. The default tab order is the order the controls appear in the parent container.

Componentes e da bandeja do componente

Não-de componentes visuais não aparecem no WPF Designer caixa de ferramentas. Use XAML view and namespace mapping to reference resources and non-local types. For more information, see Como: Importar um namespace em XAML.

A janela de fontes de dados e vinculação de dados

O uso de fontes de dados janela, para obter mais informações, consulte Controles do WPF de ligação a dados em Visual Studio.

Você pode vincular a uma instância de tempo de design-de seus dados usando o DesignInstanceaextensãodemarcação. For more information, see Passo a passo: Usando um DesignInstance para associar dados no Designer.

Você também pode usar o Expression Blend para definir suas fontes de dados e as ligações de dados, se você estiver vinculando a objetos ou XML . Exibir aCopiar e colar o XAML gerado automaticamente para XAML na WPF Designer. Você também pode em aberto seu Visual Studiooprojeto no Expression Blend e criar recursos diretamente.

Declarando e anexar manipuladores de evento

No janela Propriedades, clique na eventos botão e-clique duas vezes no eventodesejado.

For the default event handler, double-click the control in Design view. Você também pode usar IntelliSense no modo de exibição XAML para selecionar o eventodesejado. For more information, see How to: Create a Simple Event Handler.

A criação de menus

Use exibição XAML ou o Collection Editor no janela Propriedades na Itemscoleção e o conjunto a Headerapropriedade de cada item.

Definir cores e pincéis

No janela Propriedades, role para um tipo de pincel- propriedade e clique na seta abaixo da-. Use o pincel de editor para criar o seu pincel. For more information, see Como: Criar um pincel usando o editor de pincel.

Você pode usar o Expression Blend. Exibir aCopiar e colar o XAML gerado automaticamente para XAML na WPF Designer. Você também pode em aberto seu Visual Studiooprojeto no Expression Blend e criar recursos diretamente.

A exclusão de linhas de grade

Clique em um indicador de linha de grade e arraste-o condutor de grade. For more information, see Como: Remover Linhas e Colunas de uma Grade.

Você também pode usar o modo de exibição XAML para remover as definições de coluna ou definições de linha relevante e corrigir o Grid.Column ou Grid.Row as atribuições dos controles filho de afetados são pai dentro do Grid.

Exibindo uma imagem

Use o Image de controle. For more information, see Como: Adicionar imagens a um projeto WPF.

Exibindo um UserControl na caixa de ferramentas

Adicionar um projeto de referência ao assembly do controle de usuário e usar IntelliSense no modo de exibição XAML para atribuir o xmlnsatributo.

Você também pode usar o Choose Toolbox Items caixa de diálogo e Procurar para o assembly que contém o seu controle, mas existem limitações. For more information, see Componentes do WPF de tabulação, escolha a caixa de diálogo de itens da caixa de ferramentas.

Distributing controls across a form

Use o StackPanel elemento.

Docking

Use o DockPanel elemento para vários controles. Você também pode usar um Grid e ajustar os controles para os limites da célula de grade usando snapshots de linha de grade.

Erro de provedor

No visual design time. Use o deValidationclasse no modo de exibição XAML . For more information, see Como: Implement Binding Validation.

Go to Definition

No código para trás, certo-, clique no símbolo e selecione Ir para Definição nomenude atalho.

Para pesquisar a partir do modo de exibição XAML , em aberto todos os arquivos XAML no projeto e usar o Localizar e substituir janela. For more information, see Localizar e substituir janela.

Ajuda provedor

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

Hyperlink

Use o deHyperlinkclasse dentro do fluxo de conteúdo.

InkCanvas

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

O bloqueio

Não é suportado.

MediaElement

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

Mnemônicos

Preceda o caractere mnemônico com o caractere de sublinhado "_" em vez do caractere e comercial "e".

Object selector drop-down list in the Properties window

Select the object in the Document Outline window, the tag navigator, or Design view. Para mostrar a estrutura de tópicos do documento janela, em aberto o Exibir menu, aponte para Other Windowse selecione Document Outline.

Popup

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

Referencing non-local types in XAML

Adicionar uma referência de projeto e o uso de IntelliSense em XAML exibir para definir o xmlns atributo. For more information, see Como: Importar um namespace em XAML.

ObservaçãoObservação
O WPF Designer tenta fazer a correspondência com base no namespacealias após o xmlnsusando oatributo, em vez da sintaxe completa  clr-namespace.

Renomeando e refatoração

Abrir todos os arquivos XAML no projeto e Use o Localizar e substituir janela. For more information, see Localizar e substituir janela.

Remover margens

In Design view, select all elements that will have margins removed. No janela Propriedades, digite 0 para o Margin propriedade.

Resizing a form after placing a control

Because resizing the window may resize the content, use the following process. Select all the elements and then cut. Avançar, redimensionar a janelae, em seguida, colar.

Definir o texto para o Button, Label, CheckBox, RadioButton controles

No janela Propriedades, defina a Content propriedade. Como alternativa, defina o texto no modo de exibição XAML .

Marcas inteligentes

Não é suportado.

Dicas de ferramentas

No visual design time. Use o deToolTipclasse no modo de exibição XAML .

Viewbox

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

Herança Visual

Não é suportado.

WindowsFormsHost

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

Z-order

Selecionar e mover a marca de elemento no modo de exibição XAML ou selecione ordem nomenu de contextono modo de exibição de Design. Use a janela de estrutura de tópicos do documento para confirmar o pedido de z-do elemento.

Consulte também

Conceitos

Controles de Formulários do Windows e Controles WPF Equivalentes

Visão geral do WPF e do Silverlight Designer

Outros recursos

Guia de Introdução com o WPF Designer