Projetar XAML no Visual Studio e Blend para Visual Studio

O Visual Studio e o Blend for Visual Studio fornecem ferramentas visuais para criar interfaces de usuário envolventes e experiências de mídia avançada com XAML para uma variedade de tipos de aplicativos. Ambos os ambientes de desenvolvimento integrado (IDE) compartilham um conjunto comum de recursos, incluindo um editor XAML visual (designer). O Blend for Visual Studio, que suporta as plataformas WPF e UWP, fornece ferramentas adicionais para projetar estados visuais e criar animações.

Você pode alternar entre o Visual Studio e o Blend for Visual Studio, e pode até mesmo ter o mesmo projeto aberto em ambos os IDEs ao mesmo tempo. As alterações salvas em arquivos XAML em um IDE podem ser aplicadas por meio de recarga automática quando você alterna para o outro IDE. Você pode controlar o comportamento de recarga navegando até Ferramentas>Opções>Ambiente>Documentos em qualquer IDE.

Instalação

• Para criar aplicativos WPF, instale o de trabalho de desenvolvimento de área de trabalho .NET no Visual Studio. O Blend for Visual Studio também será instalado.

  

• Para criar aplicações UWP, instale a carga de trabalho de desenvolvimento da Plataforma Universal do Windows no Visual Studio. O Blend for Visual Studio também será instalado.

  

Capacidades partilhadas

Para a maioria das tarefas de desenvolvimento fundamentais, o Visual Studio e o Blend for Visual Studio compartilham o mesmo conjunto de janelas e recursos, com algumas diferenças sutis. Alguns destaques incluem:

• IntelliSense: Ambos os IDEs suportam recursos do IntelliSense, como preenchimento de instruções.

• Depuração: Pode realizar depuração no Visual Studio e no Blend for Visual Studio, incluindo a configuração de breakpoints no código para depurar uma aplicação em execução e a utilização do Hot Reload para modificar o seu código XAML enquanto a aplicação está em execução. Para manter uma experiência de depuração consistente com o Visual Studio, o Blend for Visual Studio inclui a maioria das janelas e barras de ferramentas de depuração do Visual Studio.

• Recarga de arquivo: Você pode editar seus arquivos XAML no Visual Studio ou no Blend for Visual Studio. Os arquivos editados que foram salvos são recarregados automaticamente à medida que você alterna entre IDEs. Você pode controlar o comportamento de recarregamento navegando até Ferramentas>Opções>Ambiente>Documentos em qualquer um dos IDEs.

• Layouts e configurações sincronizados: Os layouts e preferências de configurações da ferramenta de personalização de design para Visual Studio ou Blend for Visual Studio são sincronizados em seus dispositivos e versões quando você entra com a mesma conta de personalização. Veja Sincronizar configurações em vários computadores.

Recursos avançados no Blend for Visual Studio

Para aumentar sua produtividade, considere usar o Blend for Visual Studio para as tarefas a seguir. Essas são as áreas em que o Blend for Visual Studio oferece mais funcionalidade do que o designer ou o código do Visual Studio sozinho.

Tarefa	Estúdio Visual	Blend para Visual Studio	Mais informações
Projetar estados visuais	Não há nenhuma ferramenta para ajudá-lo a projetar estados visuais; você deve criá-los programaticamente.	Use ferramentas de design para alterar a aparência de um controle com base em seu estado.	Estados visuais
Criar animações	Não existe uma ferramenta de design para animações; você tem que criá-los programaticamente. Isso requer uma compreensão do sistema de animação e cronometragem no WPF e ampla experiência em codificação.	Você cria animações visualmente e pode visualizá-las no Blend for Visual Studio. Isso é mais rápido e preciso do que criar suas animações em código. Você pode adicionar gatilhos para manipular a interação do usuário e pode alternar para o código para adicionar manipuladores de eventos e outras funcionalidades.	Animar objetos
Transforme formas e texto em caminhos para facilitar a manipulação	Não suportado.	Você pode fazer alterações sutis ou drásticas nas formas (como retângulos e elipses) convertendo-as em caminhos, o que proporciona um melhor controle de edição. Você pode remodelar ou combinar caminhos e criar caminhos compostos a partir de várias formas. Você também pode converter blocos de texto em caminhos para manipulá-los como imagens vetoriais.	Desenhar formas e caminhos
Editar controles, modelos e estilos	Requer codificação e conhecimento de estilos e modelos WPF.	Transforme qualquer imagem em um controle. Use as ferramentas de edição de modelos para fazer alterações em controles, estilos e modelos com apenas alguns cliques do mouse. Por exemplo, você pode usar recursos de estilo do Blend for Visual Studio para implementar controles WPF comuns (como botões, caixas de listagem, barras de rolagem, menus, etc.) e alterar sua cor, estilo ou modelo subjacente diretamente no Blend for Visual Studio. Você pode então passar para o código para retoques finais, se desejar.	Modificar o estilo dos objetos
Conecte a sua interface aos dados	Você pode criar uma fonte de dados a partir de recursos como um banco de dados do SQL Server, WCF ou serviço Web, objeto ou lista do SharePoint e, em seguida, vincular a fonte de dados aos seus controles de interface do usuário. Os dados de design em tempo real devem ser criados de forma manual para uma experiência de design interativa.	Para aplicativos .NET Framework, crie dados de exemplo facilmente para prototipagem e teste. Mude para dados em tempo real quando estiver pronto. Os recursos de geração de dados do Blend for Visual Studio são excelentes (você pode adicionar nomes, números, URLs e fotos facilmente em tempo real) e podem economizar muito tempo. Para dados dinâmicos, você pode vincular seus controles de interface do usuário a um arquivo XML ou a qualquer fonte de dados CLR.	Exibir dados

Para obter mais informações sobre design XAML avançado, consulte Criar uma interface do usuário usando o Blend for Visual Studio.

Conteúdo relacionado

• Visão geral do XAML
• Visão geral do Blend for Visual Studio