Översikt över adaptiva kort

Anmärkning

Skapar du Copilot-, Teams- eller Outlook-scenarier som drivs av adaptiva kort? Besök Adaptive Card Documentation Hub, den nya one-stop-shop för alla dina adaptiva kortbehov! Den har alla resurser du letar efter, inklusive fullständig dokumentation för många nya funktioner, till exempel dynamisk layout, ikon, märke, karusell, diagram och mycket mer!

Adaptiva kort är ett öppet kortutbytesformat som gör det möjligt för utvecklare att utbyta UI-innehåll på ett gemensamt och konsekvent sätt.

Ett helt nytt sätt att leverera användargränssnitt: Adaptiva kort är plattformsoberoende kodfragment i användargränssnittet, som skapats i JSON, som appar och tjänster öppet kan utbyta. När den levereras till en specifik app omvandlas JSON till ett internt användargränssnitt som automatiskt anpassar sig till sin omgivning. Det hjälper dig att utforma och integrera lättviktsgränssnitt för alla större plattformar och ramverk.

Adaptiva kort är gjorda för:

Träffa dina användare där de är

Det moderna digitala livet är hektiskt. Användarna växlar ständigt mellan enheter, appar och tjänster för att få jobbet gjort. Adaptiva kort hjälper dig att öka engagemanget och effektiviteten genom att mata in ditt användbara innehåll direkt i de appar som de använder varje dag.

Integrera i befintliga appar:

Teams Adaptive Cards: Som digital hubb för många moderna arbetare erbjuder Teams flera extensibilitetspunkter för appar att integrera med. En konversationsagent som drivs av adaptiva kort kan förenkla affärsarbetsflöden på din webbplats eller via andra kanaler.
Outlook Åtgärdsbara meddelanden: E-post har länge varit livsblod för en informationsarbetare, och nu kan du leverera användbart innehåll direkt till deras inkorg.
Windows-tidslinje: Hjälp användarna att återuppta sina aktiviteter på valfri enhet.

Öppna dina appar för utökningsbarhet

Det finns ett ekosystem med utvecklare där ute som vill integrera med dina appar, men hur kan du göra det på ett säkert sätt och utan att deras innehåll sticker ut som en öm tumme? Adaptiva kort är alltid inbyggda och blandas sömlöst i det omgivande användargränssnittet – och de fungerar på alla större plattformar!

Installera renderings-SDK:erna >

Intern prestanda: Adaptiva kort renderar internt användargränssnitt på valfri plattform.
Anpassar sig till det omgivande användargränssnittet: Kort anpassas automatiskt till det omgivande användargränssnittet.
Fullständigt utökningsbart: Schemat är öppet så att du kan lägga till ett eget element.
Dynamisk och interaktiv: Interaktivitet uttrycks deklarativt för att minska risken för anpassad kodinmatning

Designkort var som helst

Du behöver inte skicka användarna till den här webbplatsen för att utforma kort. Precis som adaptiva kort smälter in i omgivningen, så gör adaptiv kortdesignern det också. SDK innehåller ett fullständigt konfigurations-API som gör att du kan integrera kortarbetsflöden i din befintliga verktygskedja.

Installera Designer SDK >

Vad händer om du omedelbart kan visa någon typ av data? Det kan vara din egen apps data, organisationens data eller data från webben. Med anpassningsbar kortberäkning kan du separera data från kortlayouten, och när de kombineras med en ny malltjänst blir ett helt nytt ekosystem av kortutbyte möjligt.

Skapa återanvändbara kortmallar >

Omfattande designerintegrering: Med exempeldata kan du förhandsgranska mallen utan att lämna designern.
Förenkla arbetsflöden för utveckling: Skapa mallen i designern, använd den utan dina tjänster och klistra sedan in den direkt i designern för att göra ändringar.
Identifiera och dela mallar med hjälp av en REST-tjänst: Malltjänsten hittar en mall för dina data och fyller även i den åt dig.
Vi vill höra från dig: Vi har inget lanseringsdatum för den här förhandsversionen ännu, men vi väntar på att lära oss av dig.

Så här fungerar de

Kortförfattare beskriver sitt innehåll som ett enkelt JSON-objekt. Innehållet kan sedan renderas nativt i en värdapplikation, vilket automatiskt anpassar sig till utseendet och känslan av värden.

Contoso Bot kan till exempel skapa ett adaptivt kort via Bot Framework, och när det levereras till Skype ser det ut och känns som ett Skype-kort. När samma nyttolast skickas till Microsoft Teams ser det ut och känns som Microsoft Teams. När fler värdappar börjar stödja adaptiva kort tänds samma nyttolast automatiskt i dessa program, men känns fortfarande helt inbyggt i appen.

Användarna vinner eftersom allt känns bekant. Värdappar vinner eftersom de styr användarupplevelsen. Och kortskapare vinner eftersom deras innehåll får en bredare räckvidd utan något extra arbete.

Mål

Målen för adaptiva kort är:

Bärbar – Till alla app-, enhets- och användargränssnittsramverk
Öppna – Bibliotek och schema är öppen källkod och delas
Låg kostnad – Lätt att definiera, lätt att använda
Expressive – Riktad mot det långa innehållet som utvecklare vill producera
Rent deklarativ – Ingen kod behövs eller tillåts
Automatiskt formaterad – Till UX- och varumärkesriktlinjerna för värdprogrammet

För kortförfattare

Adaptiva kort är bra för kortförfattare:

Ett schema – Du får ett enda format, vilket minimerar kostnaden för att skapa ett kort och maximera antalet platser som det kan användas på.
Rikare uttryck – Innehållet kan ligga närmare det du vill säga eftersom du har en rikare palett att måla med.
Bred räckvidd – Innehållet fungerar i en bredare uppsättning program utan att du behöver lära dig nya scheman.
Indatakontroller – Kortet kan innehålla indatakontroller för att samla in information från användaren som visar kortet.
Bättre verktyg – Ett öppet kortekosystem innebär bättre verktyg som delas av alla.

För upplevelseägare

Om du är en apputvecklare som vill utnyttja ett ekosystem med innehåll från tredje part kommer du att älska adaptiva kort eftersom:

Konsekvent användarupplevelse – Du garanterar en konsekvent upplevelse för dina användare eftersom du äger formatet för det renderade kortet.
Intern prestanda – Du får inbyggda prestanda eftersom det riktar in sig direkt på ditt gränssnittsramverk.
Säkert – Innehållet levereras i säkra datapaket så att du inte behöver öppna ditt gränssnittsramverk för råmarkeringar och skriptning.
Enkelt att implementera – Du får färdiga bibliotek för att enkelt integrera på alla plattformar som du stödjer
Kostnadsfri dokumentation – Du sparar tid eftersom du inte behöver uppfinna, implementera och dokumentera ett proprietärt schema.
Delade verktyg – Du sparar tid eftersom du inte behöver skapa anpassade verktyg.

Grundläggande designprinciper

Adaptiva kort drivs av en uppsättning vägledande principer som har varit användbara för att hålla designen på rätt spår.

Semantisk i stället för pixelperfekt

Vi har strävat så mycket som möjligt efter semantiska värden och begrepp i stället för ren pixelperfekt layout. Exempel på semantiska uttryck visas i färger, storlekar och i element som FactSet och ImageSet. Alla dessa gör att värdprogrammet kan fatta bättre beslut om det faktiska utseendet och känslan.

Kortförfattare äger innehållet, värdappen äger utseendet och känslan

De som skapat korten äger vad de vill säga, men programmet som visar det äger kortets utseende och känsla inom ramen för deras applikation.

Håll det enkelt, men uttrycksfullt

Vi vill att adaptiva kort ska vara uttrycksfulla och allmänna, men vi vill inte skapa ett gränssnittsramverk. Målet är att skapa ett mellanliggande lager som är "uttrycksfullt nog" på samma sätt som Markdown är tillräckligt uttrycksfullt för dokument.

Genom att fokusera på att hålla det enkelt och uttrycksfullt skapade Markdown en enkel och konsekvent beskrivning av dokumentinnehåll. På samma sätt tror vi att adaptiva kort kan skapa ett enkelt, uttrycksfullt sätt att beskriva kortinnehåll.

När du är osäker, håll det ute

Det är lättare att lägga till senare än det är att leva med ett misstag. Om vi befann oss i debatten om huruvida vi skulle lägga till något eller inte, valde vi att utelämna det. Det är alltid enklare att lägga till en egenskap än att leva med ett arv som vi önskar att vi inte behövde stödja.

Last updated on 2025-12-10

Dela via