カードをレンダリングする - UWP

UWP SDK を使用してカードをレンダリングする方法を次に示します。

レンダラーのインスタンスを作成する

レンダラー ライブラリのインスタンスを作成します。

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

var renderer = new AdaptiveCardRenderer();

JSON 文字列からカードを作成する

var card = AdaptiveCard.FromJsonString(jsonString);

JSON オブジェクトからカードを作成する

var card = AdaptiveCard.FromJson(jsonObject);

カードをレンダリングする

ソースからカードを取得してレンダリングします。

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

例

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