Rendern einer Karte – UWP

Hier erfahren Sie, wie Sie eine Karte mit dem UWP SDK rendern.

Erstellen einer Instanz des Renderers

Erstellen Sie eine Instanz der Rendererbibliothek.

using AdaptiveCards.Rendering.Uwp;
// ...

var renderer = new AdaptiveCardRenderer();

Erstellen einer Karte aus einer JSON-Zeichenfolge

var card = AdaptiveCard.FromJsonString(jsonString);

Erstellen einer Karte aus einem JSON-Objekt

var card = AdaptiveCard.FromJson(jsonObject);

Rendern einer Karte

Erwerben Sie eine Karte aus einer Quelle, und rendern Sie sie.

RenderedAdaptiveCard renderedAdaptiveCard =  renderer.RenderAdaptiveCard(card);

// Check if the render was successful
if (renderedAdaptiveCard.FrameworkElement != null)
{
    // Get the framework element
    var uiCard = renderedAdaptiveCard.FrameworkElement;

    // Add it to your UI
    myGrid.Children.Add(uiCard);
}

Beispiel

Hier ist ein Beispiel aus dem UWP-Renderer.

var renderer = new AdaptiveCardRenderer();
var card = AdaptiveCard.FromJsonString(jsonString);
var renderedAdaptiveCard = renderer.RenderAdaptiveCard(card.AdaptiveCard);
if (renderedAdaptiveCard.FrameworkElement != null)
{
    myGrid.Children.Add(renderedAdaptiveCard.FrameworkElement);
}
...