Partilhar via


Visão geral dos cartões adaptáveis

Observação

Estás a criar cenários para Copilot, Teams ou Outlook alimentados por Adaptive Cards? Visite o Adaptive Card Documentation Hub, o novo balcão único para todas as suas necessidades de Adaptive Card! Tem todos os recursos que procura, incluindo documentação completa para muitas novas funcionalidades, como layout responsivo, ícone, emblema, carrossel, gráficos e muito mais!

Os Adaptive Cards são um formato aberto de troca de cartões que permite aos desenvolvedores trocar conteúdo da interface do usuário de forma comum e consistente.

Uma forma totalmente nova de entregar UI: os Adaptive Cards são fragmentos de UI independentes da plataforma, escritos em JSON, que aplicações e serviços podem trocar abertamente. Quando entregue a uma aplicação específica, o JSON é transformado numa interface nativa que se adapta automaticamente ao seu ambiente. Ajuda a desenhar e integrar interfaces leves para todas as principais plataformas e frameworks.

Os Cartões Adaptativos são feitos para:

Encontre os seus utilizadores onde eles estão

A vida digital moderna é caótica. Os utilizadores estão constantemente a alternar entre dispositivos, aplicações e serviços para cumprir o seu trabalho. Os Adaptive Cards ajudam-no a aumentar o envolvimento e a eficiência ao injetar o seu conteúdo acionável diretamente nas aplicações que utilizam diariamente.

Integrar nas aplicações existentes:

  • Teams Adaptive Cards: Como centro digital para muitos trabalhadores modernos, o Teams oferece múltiplos pontos de extensibilidade para as aplicações se integrarem. Um agente conversacional alimentado por Adaptive Cards pode simplificar muito os fluxos de trabalho empresariais no seu site ou através de outros canais.
  • Mensagens Acionáveis do Outlook: O email tem sido há muito tempo a força vital de um trabalhador da informação, e agora pode entregar conteúdo acionável diretamente na sua caixa de entrada.
  • Linha do tempo do Windows: Ajudar os utilizadores a retomar as suas atividades em qualquer dispositivo.

Abra as suas aplicações para extensibilidade

Existe um ecossistema de programadores que querem integrar-se com as tuas aplicações, mas como podes fazê-lo de forma segura e sem que o conteúdo deles se destaque como um dedo dorido? Os Adaptive Cards são sempre nativos e integram-se perfeitamente na interface envolvente – e funcionam em todas as principais plataformas!

Instalar os SDKs de Renderização >

  • Desempenho nativo: Os Adaptive Cards renderizam interface nativa em qualquer plataforma.
  • Adapta-se à interface envolvente: Os cartões adaptam-se automaticamente à interface envolvente.
  • Totalmente extensível: O esquema é aberto para que possas adicionar o teu próprio elemento.
  • Dinâmica e interativa: A interatividade é expressa de forma declarativa para ajudar a reduzir o risco de injeção de código personalizado

Desenhar cartões em qualquer lugar

Não precisa de enviar os seus utilizadores para este site para desenhar cartões. Tal como os Cartões Adaptativos se misturam com o seu ambiente, o Designer de Cartas Adaptativo também o faz. O SDK inclui uma API de configuração completa que lhe permite integrar profundamente os fluxos de trabalho dos cartões na sua cadeia de ferramentas existente.

Instalar o Designer SDK >

Crie, partilhe e descubra modelos reutilizáveis

E se pudesses mostrar instantaneamente qualquer tipo de dados? Podem ser dados da sua própria aplicação, da sua organização ou dados da web. Com o Adaptive Card Templating pode separar os dados do layout dos cartões e, quando combinado com um novo serviço de templates, torna-se possível um novo ecossistema de troca de cartas.

Criar modelos de cartões reutilizáveis >

  • Integração rica com designers: Os dados de exemplo permitem-lhe pré-visualizar o seu modelo sem sair do designer.
  • Simplifique os fluxos de trabalho de desenvolvimento: Crie o seu modelo no designer, use-o sem os seus serviços e depois cole-o novamente no designer para fazer alterações.
  • Descubra e partilhe modelos usando um serviço REST: O serviço de modelos encontra um modelo para os seus dados e até o preenche para si.
  • Queremos ouvir-te: ainda não temos uma data de lançamento para esta prévia, mas estamos à espera de saber de ti.

Como funcionam

Os autores de cartões descrevem seu conteúdo como um objeto JSON simples. Esse conteúdo pode então ser renderizado nativamente dentro de um Aplicativo Host, adaptando-se automaticamente à aparência do Host.

Por exemplo, o Bot da Contoso pode criar um Cartão Adaptável por meio da Estrutura de Bot e, quando entregue ao Skype, ele terá a aparência de um cartão Skype. Quando essa mesma carga é enviada para o Microsoft Teams, ela terá o aspeto e a sensação do Microsoft Teams. À medida que mais aplicativos host começam a suportar Adaptive Cards, essa mesma carga será automaticamente integrada e funcionará com naturalidade dentro desses aplicativos, ainda mantendo uma sensação completamente nativa ao aplicativo.

Os usuários ganham porque tudo parece familiar. Os aplicativos de host ganham porque controlam a experiência do usuário. E os Autores de Cartões ganham porque o seu conteúdo tem um alcance mais amplo sem qualquer trabalho adicional.

Objetivos

Os objetivos dos Cartões Adaptáveis são:

  • Portátil - Para qualquer aplicativo, dispositivo e estrutura de interface do usuário
  • Aberto - Bibliotecas e esquema são de código aberto e compartilhados
  • Baixo custo - Fácil de definir, fácil de consumir
  • Expressivo - Direcionado para a cauda longa de conteúdo que os desenvolvedores querem produzir
  • Puramente declarativo - Nenhum código é necessário ou permitido
  • Estilizado automaticamente - de acordo com as diretrizes de UX e marca da aplicação anfitriã

Para Autores de Cartões

Os cartões adaptáveis são ótimos para autores de cartões:

  • Um esquema - Você obtém um único formato, minimizando o custo de criação de um cartão e maximizando o número de lugares que ele pode ser usado.
  • Expressão mais rica - Seu conteúdo pode se alinhar mais estreitamente com o que você quer dizer porque você tem uma paleta mais rica para pintar.
  • Amplo alcance - Seu conteúdo funcionará em um conjunto mais amplo de aplicativos sem que você precise aprender novos esquemas.
  • Controles de entrada - Seu cartão pode incluir controles de entrada para coletar informações do usuário que está visualizando o cartão.
  • Melhores ferramentas - Um ecossistema de cartões abertos significa melhores ferramentas que são compartilhadas por todos.

Para proprietários de experiência

Se você é um desenvolvedor de aplicativos que quer aproveitar um ecossistema de conteúdo de terceiros, você vai adorar Adaptive Cards porque:

  • Experiência de usuário consistente - Você garante uma experiência consistente para seus usuários, porque você possui o estilo da placa renderizada.
  • Desempenho nativo - Você obtém desempenho nativo, pois ele visa diretamente sua estrutura de interface do usuário.
  • Seguro - O conteúdo é entregue em cargas úteis seguras, evitando que precise abrir o seu framework de UI a linguagens de marcação e scripts brutos.
  • Fácil de implementar - Obtém bibliotecas prontas para integrar facilmente em qualquer plataforma que suporta
  • Documentação gratuita - Você economiza tempo porque não precisa inventar, implementar e documentar um esquema proprietário.
  • Ferramentas compartilhadas - Você economiza tempo porque não precisa criar ferramentas personalizadas.

Princípios fundamentais de design

Os Cartões Adaptáveis são impulsionados por um conjunto de princípios orientadores que têm sido úteis para manter o design no caminho certo.

Semântica em vez de perfeição de píxeis

Temos nos esforçado o máximo possível por valores semânticos e conceitos, em vez de nos focarmos apenas em um layout pixel-perfeito. Exemplos de expressão semântica aparecem em cores, tamanhos e em elementos como FactSet e ImageSet. Estas características permitem que a aplicação anfitriã tome melhores decisões sobre a aparência e experiência reais.

Os Autores do Cartão são os proprietários do conteúdo, e a Aplicação Anfitriã é responsável pela aparência.

Os autores do cartão possuem o que querem dizer, mas o aplicativo que o exibe possui a aparência do cartão no contexto de seu aplicativo.

Mantenha a simplicidade, mas expressiva

Queremos que os Adaptive Cards sejam expressivos e de propósito geral, mas não queremos criar uma estrutura de interface do usuário. O objetivo é criar uma camada intermediária que seja "expressiva o suficiente" da mesma forma que o Markdown é expressivo o suficiente para documentos.

Ao se concentrar em mantê-lo simples e expressivo, Markdown criou uma descrição fácil e consistente do conteúdo do documento. Da mesma forma, acreditamos que os Cartões Adaptáveis podem criar um meio simples e expressivo de descrever o conteúdo do cartão.

Em caso de dúvida, mantenha-a afastada

É mais fácil acrescentar mais tarde do que viver com um erro. Se nos encontrássemos a debater se devíamos ou não acrescentar algo, optámos por deixá-lo de fora. É sempre mais fácil acrescentar um imóvel do que viver com um legado que gostaríamos de não ter de suportar.