Pré-visualizador de Cartões Ajustáveis da Microsoft

Observação

O Pré-visualizador de Cartões Ajustáveis está disponível na pré-visualização do programador público.

O Pré-visualizador de Cartões Ajustáveis da Microsoft permite-lhe pré-visualizar Cartões Ajustáveis quando refina os designs. Funciona com o Teams Toolkit e permite-lhe pré-visualizar cartões ajustáveis criados para o bot e extensão de mensagens do Teams. Pode abrir uma pré-visualização lado a lado para observar as alterações em direto e alternar entre temas diferentes.

Captura de ecrã a mostrar a extensão Do Visual Studio Code do Pré-visualizador de Cartões Ajustáveis.

Explorar o Pré-visualizador de Cartões Ajustáveis

O Adaptive Card Previewer fornece soluções mais rápidas e fiáveis para pré-visualizar designs de Cartões Adaptáveis. O Pré-visualizador de Cartões Ajustáveis suporta as seguintes funcionalidades:

  • Integração do Teams Toolkit: ativa a instalação Just-in-Time (JIT) do Pré-visualizador de Cartões Ajustáveis quando atualiza cartões ajustáveis gerados a partir de um projeto do Teams Toolkit.

    Captura de ecrã a mostrar uma pré-visualização de exemplo de um Cartão Ajustável ao atualizar um Cartão Ajustável.

  • Pré-visualização instantânea: permite-lhe pré-visualizar Cartões Ajustáveis no editor do Visual Studio Code através do CodeLens ou da Paleta de Comandos.

    Pode selecionar Pré-visualizar sugestão de Cartão Ajustável no ficheiro de modelo Cartão Ajustável para pré-visualizar o Cartão Ajustável no painel direito.

    O gráfico mostra como a pré-visualização é apresentada na extensão de pré-visualização do Cartão Adaptável no Visual Studio Code.


  • Separação de dados: permite-lhe separar os dados do esquema numa linguagem de modelo de Cartão Ajustável. Utilize o comando Adaptive Card: New Data File para adicionar um ficheiro de dados para um modelo, que gera um ficheiro vazio onde pode vincular dados ao modelo cartão ajustável.

  • Configuração do tema predefinido: permite-lhe definir um tema predefinido através das definições da extensão do Visual Studio Code Pré-visualizador de Cartões Adaptáveis: Tema Predefinido.

    Captura de ecrã a mostrar como configurar o tema predefinido através das definições da extensão do Visual Studio Code.

  • Alternar temas: permite-lhe alternar entre temas claros, escuros e de alto contraste para pré-visualizar os cartões ajustáveis.

    O gráfico mostra a pré-visualização do Cartão Adaptável em temas claros, escuros e de alto contraste.

Vantagens

O Pré-visualizador de Cartões Ajustáveis oferece as seguintes vantagens:

  • Atualizações rápidas: permite-lhe pré-visualizar designs de Cartões Adaptáveis no respetivo ambiente de desenvolvimento integrado, eliminando constantemente a necessidade de alternar entre ferramentas. Pode criar um bot ou uma extensão de mensagens com o Teams Toolkit, abrir o ficheiro de metadados do Cartão Ajustável e utilizar o CodeLens ou um comando específico para pré-visualizar o cartão. Qualquer atualização ou alteração ao cartão é refletida instantaneamente através da funcionalidade Recarregamento Frequente na pré-visualização.

  • Pré-visualizações fiáveis: utiliza a mesma pilha de composição que o Teams e o Outlook para garantir que os resultados de pré-visualização precisos e consistentes estão alinhados com a composição real do cartão.

Limitações

O Pré-visualizador de Cartões Ajustáveis não suporta as seguintes funcionalidades de Cartão Ajustável:

Perguntas Frequentes

Por que temos de utilizar uma nova extensão no Visual Studio Code? Esta extensão não pode ser integrada no Teams Toolkit for Visual Studio Code?

O Adaptive Card Previewer é uma extensão autónoma porque utiliza um pacote de origem fechada para compor os Cartões Ajustáveis para garantir uma lógica de composição consistente com a plataforma teams. O Teams Toolkit é um projeto open source e não inclui dependências em pacotes aos quais os programadores de terceiros não conseguem aceder.
 

Esta extensão suporta todas as funcionalidades do Cartão Ajustável na plataforma Teams?

Não. Existem várias limitações que a extensão do Pré-visualizador de Cartões Ajustáveis não suporta.
 

Confira também

Projetar os Cartões Adaptáveis