Partilhar via


Renderizar um cartão – UWP

Veja como renderizar um cartão usando o SDK da UWP.

Criar uma instância do seu renderdor

Crie uma instância da biblioteca do renderizador.

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

var renderer = new AdaptiveCardRenderer();

Criar um cartão com base em uma cadeia de caracteres JSON

var card = AdaptiveCard.FromJsonString(jsonString);

Criar um cartão de um objeto JSON

var card = AdaptiveCard.FromJson(jsonObject);

Renderizar um cartão

Adquira um cartão de uma origem e renderiza-o.

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);
}

Exemplo

Aqui está um exemplo do renderador UWP.

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