Teilen über

Microsoft Adaptive Card Previewer

  • Artikel

Hinweis

Die Vorschauversion für adaptive Karten ist in der öffentlichen Entwicklervorschau verfügbar.

Microsoft Adaptive Card Previewer ermöglicht Ihnen die Vorschau adaptiver Karten, wenn Sie die Designs verfeinern. Es funktioniert mit dem Teams-Toolkit und ermöglicht Ihnen die Vorschau adaptiver Karten, die für den Teams-Bot und die Nachrichtenerweiterung erstellt wurden. Sie können eine parallele Vorschau öffnen, um Liveänderungen zu beobachten und zwischen verschiedenen Designs zu wechseln.

Screenshot: Erweiterung für adaptive Kartenvorschau in Visual Studio Code

Erkunden der Vorschauversion für adaptive Karten

Die Vorschauversion von adaptiven Karten bietet schnellere und zuverlässigere Lösungen für die Vorschau adaptiver Kartendesigns. Adaptive Kartenvorschau unterstützt die folgenden Features:

  • Integration des Teams-Toolkits: Ermöglicht die Just-in-Time-Installation (JIT) der Vorschauversion adaptiver Karten, wenn Sie adaptive Karten aktualisieren, die aus einem Teams Toolkit-Projekt generiert wurden.

    Screenshot: Beispielvorschau einer adaptiven Karte beim Aktualisieren einer adaptiven Karte

  • Sofortige Vorschau: Ermöglicht ihnen die Vorschau adaptiver Karten im Visual Studio Code-Editor über CodeLens oder die Befehlspalette.

    Sie können In der Vorlagendatei für adaptive Karten den Vorschlag Vorschau adaptiver Karten auswählen, um eine Vorschau der adaptiven Karte im rechten Bereich anzuzeigen.

    Grafik zeigt, wie die Vorschau in der Vorschauerweiterung für adaptive Karten in Visual Studio Code angezeigt wird.

  • Datentrennung: Ermöglicht es Ihnen, Daten vom Layout in einer Vorlagensprache für adaptive Karten zu trennen. Verwenden Sie den Befehl Adaptive Card: New Data File , um eine Datendatei für eine Vorlage hinzuzufügen, die eine leere Datei generiert, in der Sie Daten an die Vorlage für adaptive Karten binden können.

  • Standarddesignkonfiguration: Ermöglicht das Festlegen eines Standarddesigns über die Visual Studio Code-Erweiterungseinstellungen Adaptive Kartenvorschau: Standarddesign.

    Screenshot: Konfigurieren des Standarddesigns über Visual Studio Code-Erweiterungseinstellungen

  • Designs wechseln: Ermöglicht ihnen das Wechseln zwischen hellen, dunklen und hohen Kontrastdesigns, um eine Vorschau Ihrer adaptiven Karten anzuzeigen.

    Die Grafik zeigt die Vorschau der adaptiven Karte in Designs mit hellem, dunklem und hohem Kontrast.

Vorteile

Die Vorschauversion von adaptiven Karten bietet die folgenden Vorteile:

  • Schnelle Updates: Ermöglicht Ihnen die Vorschau adaptiver Kartendesigns innerhalb der integrierten Entwicklungsumgebung, sodass Sie nicht ständig zwischen Tools wechseln müssen. Sie können mit dem Teams Toolkit einen Bot oder eine Messaging-Erweiterung erstellen, die Metadatendatei für adaptive Karten öffnen und CodeLens oder einen bestimmten Befehl verwenden, um eine Vorschau der Karte anzuzeigen. Alle Aktualisierungen oder Änderungen an der Karte werden sofort über das Hot Reload-Feature in der Vorschau angezeigt.

  • Zuverlässige Vorschau: Verwendet denselben Renderingstapel wie Teams und Outlook, um sicherzustellen, dass genaue und konsistente Vorschauergebnisse am tatsächlichen Kartenrendering ausgerichtet sind.

Begrenzungen

Die Vorschauversion adaptiver Karten unterstützt die folgenden Features für adaptive Karten nicht:

FAQs

Warum müssen wir eine neue Erweiterung in Visual Studio Code verwenden? Kann diese Erweiterung nicht in Teams Toolkit für Visual Studio Code integriert werden?

Adaptive Kartenvorschau ist eine eigenständige Erweiterung, da sie ein Paket mit geschlossener Quelle zum Rendern der adaptiven Karten verwendet, um eine konsistente Renderinglogik mit der Teams-Plattform sicherzustellen. Das Teams Toolkit ist ein Open-Source-Projekt und enthält keine Abhängigkeiten von Paketen, auf die Drittanbieterentwickler nicht zugreifen können.
 

Unterstützt diese Erweiterung alle Features für adaptive Karten auf der Teams-Plattform?

Nein Es gibt mehrere Einschränkungen , die die Erweiterung adaptive Kartenvorschau nicht unterstützt.
 

Siehe auch

Entwerfen adaptiver Karten