카드 렌더링 - 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);
}
...