カードをレンダリングする - .NET WPF

  • [アーティクル]

.NET WPF SDK を使ってカードをレンダリングする方法を次に示します。

注意

Media HTTPS URL を使用した場合、WPF では機能しません

WPF MediaElement コントロールのバグが原因で、HTTPS 経由で提供されるメディアをレンダリングできません。 これが対処されるまで、Media 要素には HTTP URL を使用する必要があります。

レンダラーをインスタンス化する

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

using AdaptiveCards;
using AdaptiveCards.Rendering;
using AdaptiveCards.Rendering.Wpf;
// ...

// Create a card renderer
AdaptiveCardRenderer renderer = new AdaptiveCardRenderer();

// If using the Xceed package, enable the enhanced input
renderer.UseXceedElementRenderers();

// For fun, check the schema version this renderer supports
AdaptiveSchemaVersion schemaVersion = renderer.SupportedSchemaVersion;

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

// Build a simple card
// In the real world this would probably be provided as JSON
AdaptiveCard card = new AdaptiveCard("1.0")
{
    Body = { new AdaptiveTextBlock() { Text = "Hello World" } }
};

try
{
    // Render the card
    RenderedAdaptiveCard renderedCard = renderer.RenderCard(card);

    // Get the FrameworkElement
    // Add this to your app's UI somewhere
    FrameworkElement fe = renderedCard.FrameworkElement;

    // (Optional) Check for any renderer warnings
    // This includes things like an unknown element type found in the card
    // Or the card exceeded the maximum number of supported actions, etc
    IList<AdaptiveWarning> warnings = renderedCard.Warnings;
}
catch(AdaptiveException ex)
{
    // Failed rendering
}