Freigeben über


Microsoft Adaptive Card Previewer Microsoft Visual Studio

Die Vorschauversion für adaptive Karten, die in das Microsoft Teams Toolkit für Visual Studio integriert ist, ermöglicht Echtzeitvorschauen adaptiver Karten, die für Microsoft Teams-Bots erstellt wurden. Sie können eine parallele Vorschau Ihrer adaptiven Karte öffnen, um Liveänderungen zu beobachten, zwischen verschiedenen Designs zu wechseln und Ihre Designs zu verfeinern, um sicherzustellen, dass sie genau und effektiv sind.

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: Beispiel für adaptive Karte im rechten Bereich

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

  • 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 einer Vorlage eine Datendatei hinzuzufügen. Dadurch wird eine leere Datei generiert, in der Sie Daten an die Vorlage für adaptive Karten binden können.

  • 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 in der integrierten Entwicklungsumgebung und macht den ständigen Wechsel zwischen Tools überflüssig. Sie können einen Bot oder eine Nachrichtenerweiterung mit dem Teams Toolkit 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 für adaptive Karten widerspiegelt.

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

Vorschau der adaptiven Karte

Sie können eine vorhandene Vorlagendatei für adaptive Karten verwenden oder das Beispiel für adaptive Karten herunterladen.

  1. Öffnen Sie eine vorhandene Vorlagendatei für adaptive Karten oder eine Vorlagendatei für adaptive Karten aus dem heruntergeladenen Beispiel in Visual Studio.

  2. Wählen Sie in der Vorlagendatei für adaptive Karten in der oberen linken Ecke Vorschau aus.

    Screenshot: Option zum Auswählen der Vorschauoption zum Öffnen einer Vorschauversion der adaptiven Karte im rechten Bereich

    Eine Vorschau der adaptiven Karte wird im rechten Bereich geöffnet. Sie können das Design der Vorschau aus der Dropdownliste Design auswählen.

Siehe auch

Entwerfen adaptiver Karten