Pré-visualizador de Cartão Adaptativo da Microsoft

A Pré-visualização de Cartão Adaptável da Microsoft permite que você visualize Cartões Adaptáveis quando você refina os designs. Ele funciona com o Microsoft 365 Agents Toolkit (anteriormente conhecido como Teams Toolkit) que permite visualizar Cartões Adaptáveis criados para Agentes, bot do Teams e extensões de mensagens. Você pode abrir uma visualização lado a lado para observar as alterações ao vivo e alternar entre diferentes temas.

Explore o Pré-visualizador de Cartão Adaptável

O Visualizador de Cartão Adaptável fornece soluções mais rápidas e confiáveis para visualizar designs de Cartão Adaptável. O Adaptive Card Previewer dá suporte aos seguintes recursos:

• Integração do Kit de Ferramentas de Agentes: Permite a instalação JIT (Just-in-Time) do Pré-visualizador de Cartão Adaptável quando você atualiza Cartões Adaptáveis gerados a partir de um projeto do Kit de Ferramentas de Agentes.

  

• Visualização instantânea: permite visualizar Cartões Adaptáveis no editor do Visual Studio Code por meio do CodeLens ou da Paleta de Comandos.

  • CodeLens
  • Paleta de Comandos

  Você pode selecionar Visualizar sugestão de Cartão Adaptável no arquivo de modelo de Cartão Adaptável para visualizar o Cartão Adaptável no painel direito.

  

• Separação de dados: permite separar dados do layout em uma linguagem de modelo de Cartão Adaptável. Use o comando Adaptive Card: New Data File para adicionar um arquivo de dados para um modelo, que gera um arquivo vazio no qual você pode associar dados ao modelo de Cartão Adaptável.

• Configuração de tema padrão: permite definir um tema padrão por meio das configurações de extensão do Visual Studio Code Pré-visualizador de Cartão Adaptável: tema padrão.

  

• Alternar temas: permite alternar entre temas claros, escuros e de alto contraste para visualizar seus Cartões Adaptáveis.

  

Vantagens

O Pré-visualizador de Cartão Adaptável oferece os seguintes benefícios:

• Atualizações rápidas: permite visualizar designs de Cartão Adaptável em seu ambiente de desenvolvimento integrado, elimina a necessidade de alternar entre ferramentas constantemente. Você pode criar um bot ou extensão de mensagens com o Agents Toolkit, abrir o arquivo de metadados do Cartão Adaptável e usar o CodeLens ou um comando específico para visualizar o card. Qualquer atualização ou alteração no card é refletida instantaneamente por meio do recurso de Recarga Dinâmica na visualização.

• Visualizações confiáveis: usa a mesma pilha de renderização que o Teams e o Outlook para garantir que os resultados de visualização precisos e consistentes estejam alinhados com a renderização real do card.

Limitações

O Pré-visualizador de Cartão Adaptável não dá suporte aos seguintes recursos do Cartão Adaptável:

• People Picker
• Pesquisa de digitação antecipada
• Menção do usuário
• Stageview
• Controle de largura total

Perguntas Frequentes

Confira também

Projetar os Cartões Adaptáveis