Compartilhar via


Microsoft Adaptive Card Previewer Microsoft Visual Studio

O Pré-visualizador de Cartões Ajustáveis, integrado no Microsoft Teams Toolkit para Visual Studio, permite pré-visualizações em tempo real de Cartões Ajustáveis criados para bots do Microsoft Teams. Pode abrir uma pré-visualização lado a lado do seu Cartão Ajustável para observar alterações em direto, alternar entre temas diferentes e refinar os seus designs para garantir que são precisos e eficazes.

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 um exemplo de Cartão Ajustável no painel direito.

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

  • 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 a um modelo, que gera um ficheiro vazio onde pode vincular dados ao modelo cartão ajustável.

  • 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 e elimina constantemente a necessidade de alternar entre ferramentas. Pode criar um bot ou uma extensão de mensagem 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 no Pré-visualizador de Cartões Ajustáveis.

  • 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:

Pré-visualizar Cartão Ajustável

Pode utilizar um ficheiro de modelo de Cartão Ajustável existente ou transferir o exemplo de Cartão Ajustável.

  1. Abra um ficheiro de modelo de Cartão Adaptável existente ou um ficheiro de modelo de Cartão Ajustável a partir do exemplo transferido no Visual Studio.

  2. No ficheiro de modelo Cartão Ajustável, no canto superior esquerdo, selecione Pré-visualizar.

    Captura de ecrã a mostrar a opção para selecionar a opção de pré-visualização para abrir uma pré-visualização do Cartão Ajustável no painel direito.

    É aberta uma pré-visualização do Cartão Ajustável no painel direito. Pode selecionar o tema da pré-visualização na lista pendente Tema .

Confira também

Projetar os Cartões Adaptáveis