WPF Designer para desenvolvedores do Windows Forms
[Esta documentação destina-se apenas à visualização e está sujeita a alterações em versões posteriores. Os tópicos em branco estão incluídos como espaços reservados.]
O WPF Designer for Visual Studio compartilha muitas semelhanças com o Windows Forms Designer, 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 Windows Forms Designer 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. O Split View permite que você visualize o design e a marcação XAML ao mesmo tempo. O WPF Designer enfatiza o modo de 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 Windows Forms Designer usando o modo de exibição XAML. O modo de exibição de divisão fornece resposta imediata, exibindo os efeitos das suas edições no modo XAML. Para mais informações sobre divisão do modo de exibição, consulte Modo de exibição de divisão: Exibindo a superfície de Design do 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. Para obter mais informações, consulte Colaboração com o Expression Blend.
Aprimoramentos do WPF Designer
Há uma variedade de aprimoramentos para o WPF Designer que não estão disponíveis no Windows Forms Designer. Esses aprimoramentos incluem:
Linhas de margem e stubs: Linhas de margem ao redor de cada controle indicam que uma margem foi definida para esse controle. Um stub da margem indica que nenhuma margem foi definida para esse controle de borda.
O controle de Zoom: O controle de Zoom aparece no canto superior esquerdo do modo Design e permite ao desenvolvedor ampliar ou reduzir na superfície de design para executar ajustes exatos. Depois que você tivesse ampliado, é possível também deslocar em toda a superfície de design.
Snaplines: Enquanto os snaplines aparecem na WPF Designer e no Windows Forms Designer, em WPF Designer eles 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 para ambas as linhas de base do texto e margens.
Tarefas do Windows Forms 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 Windows Forms Designer |
Equivalente no WPF Designer |
|---|---|
Layout absoluto |
Use o Canvas classe como o elemento raiz. |
Classificação alfabética em Janela de Propriedades |
Na janela Properties, clique na alfabética botão. Para localizar uma propriedade, use o pesquisa 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 âncora no modo de Design para definir suas metas de âncora. |
Animação |
Use o Expression Blend. |
Ícone do aplicativo |
Definir o Icon propriedade no aplicativo da principal Window classe. |
Atribuir Separador de fim |
Selecione cada controle e defina o correspondente TabIndex propriedade no modo de exibição XAML ou na janela Propriedades. As ordem de tabulação padrão é a ordem de controles que aparecem no contêiner pai. |
Componentes e bandeja de componentes |
Componentes não visuais não aparecem na WPF Designer caixa de ferramentas. Usar modo XAML e espaço para nome de mapeamento para recursos de referência e tipos não-local. Para obter mais informações, consulte Como: importar um Namespace para XAML. |
A janela Data Sources e vinculação de dados |
Use a janela fontes de dados, 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 DesignInstance a extensão de marcação. Para obter mais informações, consulte Passo a passo: Usando um DesignInstance para vincular a dados no Designer. Você também pode usar o Expression Blend para definir suas fontes de dados e ligações de dados, se você estiver vinculando a objetos ou XML. Copie e cole o XAML gerado automaticamente para modo de exibição XAML na WPF Designer. Você também pode abrir seu Visual Studio de projeto no Expression Blend e criar recursos diretamente. |
Declarando e anexar manipuladores de eventos |
Na janela Properties, clique na eventos botão e clique duas vezes no evento desejado. Para o padrão manipulador de eventos, duplo-clique no controle no modo de design. Você também pode usar IntelliSense no modo de exibição XAML para selecionar o evento desejado. Para obter mais informações, consulte Como: criar um manipulador de eventos simples. |
Criação de menus |
Use o modo de exibição XAML ou use o Collection Editor na janela de propriedades na Items coleta e o conjunto a Header propriedade de cada item. |
Definir cores e pincéis |
Na janela Propriedades, role até uma propriedade do tipo de pincel e clique na seta para baixo. Use o editor de pincel para projetar seu pincel. Para obter mais informações, consulte Como: criar um pincel usando o Editor de pincel. Você pode usar o Expression Blend. Copie e cole o XAML gerado automaticamente para modo de exibição XAML na WPF Designer. Você também pode abrir seu Visual Studio de projeto 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. Para obter mais informações, consulte Como: remover linhas e colunas em uma grade. Você também pode usar o modo de exibição XAML para remover as definições de linha relevante ou definições de coluna, em seguida, corrigir o Grid.Column ou Grid.Row as atribuições dos controles filho afetados são pai dentro do Grid. |
Exibindo uma imagem |
Use o Image controle. Para obter mais informações, consulte Como: adicionar imagens a um projeto do WPF. |
Exibindo um UserControl na caixa de ferramentas |
Adicione uma referência ao assembly do controle de usuário e usar IntelliSense no modo de exibição XAML para atribuir o xmlns atributo. Você também pode usar o Choose Toolbox Items caixa de diálogo e navegue até o assembly que contém o seu controle, mas existem limitações. Para obter mais informações, consulte Escolher itens da caixa de ferramentas, componentes do WPF. |
Distribuindo controles na horizontal 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 para os limites da célula de grade usando snapshots de linha de grade. |
Provedor de erro |
Sem design visual de tempo. Use o Validation classe no modo de exibição XAML. Para obter mais informações, consulte Como: implementar a validação da ligação. |
Vai para a definição |
No code-behind, o símbolo com o botão direito e selecione Go To Definition no menu de atalho. Para pesquisar no modo de exibição XAML, abrir todos os arquivos XAML no projeto e use o Localizar e substituir janela. Para obter mais informações, consulte Find and Replace Window. |
Provedor de ajuda |
Sem design visual de tempo. Use o modo de exibição XAML. |
Hiperlink |
Use o Hyperlink classe dentro do conteúdo de fluxo. |
Sem design visual de tempo. Use o modo de exibição XAML. |
|
O bloqueio |
Sem suporte. |
Sem design visual de tempo. 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". |
Objeto seletor drop-down list na janela Propriedades |
Selecione o objeto no documento sem Linha janela, a marca do navegador ou modo de design. Para mostrar a janela Document Outline, abra o Exibir , aponte para Other Windowse selecione Document Outline. |
Sem design visual de tempo. Use o modo de exibição XAML. |
|
Referência de tipos não-local em XAML |
Adicione uma referência e usar IntelliSense no modo de exibição XAML para definir o xmlns atributo. Para obter mais informações, consulte Como: importar um Namespace para XAML. .gif "Note") Note
O WPF Designer tenta torná correspondências com base no alias de espaço para nome após a xmlns atributo, em vez da sintaxe completa usando clr-namespace.
|
Renomeando e refatoração |
Abrir todos os arquivos XAML no projeto e uso o Localizar e substituir janela. Para obter mais informações, consulte Find and Replace Window. |
Removendo as margens |
No modo de exibição de design, selecionar Todos elementos que terão margens removidas. Na janela Properties, digite 0 para o Margin propriedade. |
Redimensionamento de um formulário depois de colocar um controle |
Devido ao redimensionamento da janela podemos redimensionar o conteúdo, utilizando o seguinte processo. Selecione todos os elementos e recorte. Em seguida, redimensionar a janela e, em seguida, cole. |
Setting text for the Button, Label, CheckBox, RadioButton controls |
Na janela Properties, defina a Content propriedade. Como alternativa, defina o texto no modo de exibição XAML. |
Marcas inteligentes |
Sem suporte. |
Dicas de ferramentas |
Sem design visual de tempo. Use o ToolTip classe no modo de exibição XAML. |
Sem design visual de tempo. Use o modo de exibição XAML. |
|
Herança Visual |
Sem suporte. |
Sem design visual de tempo. Use o modo de exibição XAML. |
|
Z-Order |
Selecionar e mover a marca de elemento no modo de exibição XAML ou selecionar ordem no menu de contexto no modo Design. Use a janela Document Outline para confirmar a ordem z do elemento. |
Consulte também
Concepts
Controles do Windows Forms e controles do WPF equivalente
WPF e Silverlight Designer Overview