Projetar XAML no Visual Studio e no Blend para Visual Studio
O Visual Studio e o Blend for Visual Studio fornecem ferramentas visuais para criar interfaces do usuário envolventes e experiências de mídia avançadas com XAML para vários tipos de aplicativos. Os dois IDEs (ambientes de desenvolvimento integrados) compartilham um conjunto comum de recursos, incluindo um editor XAML visual (o designer). O Blend para Visual Studio, que dá suporte às plataformas WPF e UWP, fornece ferramentas adicionais para a criação de estados visuais e animações.
É possível alternar entre o Visual Studio e o Blend para Visual Studio e até deixar o mesmo projeto aberto nos dois IDEs ao mesmo tempo. As alterações salvas nos arquivos XAML em um IDE podem ser aplicadas por meio de recarregamento automático ao mudar para o outro IDE. Você pode controlar o comportamento de recarregamento navegando até Ferramentas>Opções>Ambiente>Documentos em qualquer IDE.
Instalação
Para criar aplicativos WPF, instale a carga de trabalho do desenvolvimento de área de trabalho .NET no Visual Studio. O Blend para Visual Studio também será instalado.
Para criar aplicativos UWP, instale a carga de trabalho de desenvolvimento de Plataforma Universal do Windows no Visual Studio. O Blend para Visual Studio também será instalado.
Para criar aplicativos no Xamarin.Forms, instale a carga de trabalho Desenvolvimento mobile com .NET no Visual Studio. O Blend para Visual Studio não será instalado, pois não dá suporte a aplicativos Xamarin.Forms.
Funcionalidades compartilhadas
Para tarefas de desenvolvimento mais básicas, o Visual Studio e o Blend para Visual Studio compartilham o mesmo conjunto de janelas e funcionalidades, com algumas diferenças sutis. Alguns dos destaques incluem:
IntelliSense: os dois IDEs dão suporte a recursos do IntelliSense, como o preenchimento de declaração.
Depuração: é possível depurar no Visual Studio e no Blend para Visual Studio, incluindo a definição de pontos de interrupção no código para depurar um aplicativo em execução e o uso da Recarga Dinâmica para alterar o código XAML enquanto o aplicativo 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 de depuração e barras de ferramentas do Visual Studio.
Recarga de arquivo: você pode editar os arquivos XAML no Visual Studio ou no Blend para Visual Studio. Os arquivos editados que foram salvos são recarregados automaticamente conforme você alterna entre os IDEs. Você pode controlar o comportamento de recarregamento navegando até Ferramentas>Opções>Ambiente>Documentos em qualquer IDE.
Layouts e configurações sincronizadas: as preferências de configurações e layouts de janelas de ferramentas de personalização para o Visual Studio ou Blend para Visual Studio são sincronizadas em seus dispositivos e versões quando você entra com a mesma conta de personalização. Confira Sincronizar configurações em vários computadores.
Funcionalidades avançadas do Blend para Visual Studio
Para aumentar sua produtividade, considere o uso do Blend for Visual Studio para as tarefas a seguir. Estas são as áreas em que o Blend for Visual Studio dá mais funcionalidades do que o designer do Visual Studio ou o código isolado.
| Tarefa | Visual Studio | Blend for Visual Studio | Mais informações |
|---|---|---|---|
| Projetar estados visuais | Não há ferramenta para ajudar você a criar estados visuais; é necessário 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 há nenhuma ferramenta de design para animações; você precisa criá-las de forma programática. Isso exige noções básicas da animação e do sistema de tempo no WPF, além de amplas competências em codificação. | Você cria animações visualmente e pode visualizá-las no Blend for Visual Studio. Isso é mais rápido e mais preciso do que criar as animações em código. É possível adicionar gatilhos para manipular a interação do usuário e mudar para o código para adicionar manipuladores de eventos e outras funcionalidades. | Animar objetos |
| Transformar formas e texto em demarcadores para facilitar a manipulação | Sem suporte. | Você pode fazer alterações sutis ou drásticas em formas (como retângulos e elipses) convertendo-as em demarcadores, que fornecem um melhor controle de edição. É possível alterar a forma ou combinar demarcadores, além de criar demarcadores compostos com base em várias formas. Você também pode converter blocos de texto em demarcadores para manipulá-los como imagens vetoriais. |
Desenhe as formas e demarcadores |
| Editar controles, modelos e estilos | Exige a codificação e o conhecimento de estilos e modelos do WPF. | Transforme qualquer imagem em um controle. Use as ferramentas de edição de modelo para fazer alterações em controles, estilos e modelos com apenas alguns cliques do mouse. Por exemplo, é possível usar os 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 a cor, o estilo ou o modelo subjacente diretamente no Blend for Visual Studio. Você pode mudar para o código para dar os toques finais, se desejar. |
Modificar o estilo de objetos |
| Conectar a interface do usuário aos dados | É possível criar uma fonte de dados com base em recursos, como bancos de dados SQL Server, WCF ou serviços Web, objetos ou lista do SharePoint, depois associar a fonte de dados aos controles da interface do usuário. Dados de tempo de design devem ser criados manualmente para proporcionar uma experiência de design interativa. |
Para aplicativos do .NET Framework, crie dados de amostra com facilidade para executar protótipos e testes. Mude para dados dinâmicos quando você estiver pronto. As funcionalidades de geração de dados do Blend para Visual Studio são impressionantes (é possível adicionar nomes, números, URLs e fotos de maneira fácil e imediata) e podem economizar um bom tempo. Para dados dinâmicos, é possível associar os controles da interface do usuário a um arquivo XML ou a qualquer fonte de dados CLR. |
Exibir dados |
Para obter mais informações sobre design avançado de XAML, confira Criar uma interface do usuário usando o Blend para Visual Studio.