Lottie Windows

ロッティウィンドウ

Lottie-Windowsは、アプリケーションでAdobe After Affective Animationsをネイティブにレンダリングするためのライブラリです。このプロジェクトは、Android、iOS、およびWebをターゲットにしたツールのLottieファミリーにWindowsを追加します。

Lottieは、魅力的でインタラクティブなベクトルアニメーションをWindowsアプリケーションにもたらすためのデザインからコードへのワークフローを簡素化し、GIF、手動でコーディングされたアニメーションなどの従来のアプローチよりもパフォーマンス、品質、およびエンジニアリング効率の観点から大幅に改善されます。

Lottie-Windowsは、3つの関連製品で構成されています。

• BodyMovin JSONファイルを解析および翻訳するためのLottie-Windowsライブラリ
• JSONの代わりに使用するC＃またはC ++コードを生成するためのLottieGenコマンドラインツール
• JSONのプレビューとコードの生成のためのロッティビューアーアプリケーション

このレポは、サンプルのソースコードも含まれています。

クイックスタート

LottieアニメーションをWinui 3またはUWPプロジェクトに統合する2つのオプションがあります。

オプション＃1、ダイナミックローダーを使用

1. Winuiプロジェクト用のCommunityToolkit.WinUI.Lottie nugetパッケージ（またはCommunityToolkit.Uwp.Lottie for UWPプロジェクト）をインストールします。
2. C＃を使用している場合は、 Microsoft.Graphics.Win2D （バージョン1.0.5以下）をWinuiプロジェクト（またはWin2D.uwpおよびMicrosoft.UI.Xaml for UWPプロジェクト）もインストールする必要があります。
3. .xamlマークアップファイルに追加：

       ...
       xmlns:lottie="using:CommunityToolkit.WinUI.Lottie"
       ...
       < AnimatedVisualPlayer >
           < lottie : LottieVisualSource UriSource = " <asset path or web link to a json file> " />
       </ AnimatedVisualPlayer >

   またはUWPプロジェクトの場合：

       ...
       xmlns:muxc="using:Microsoft.UI.Xaml.Controls"
       xmlns:lottie="using:CommunityToolkit.Uwp.Lottie"
       ...
       < muxc : AnimatedVisualPlayer >
           < lottie : LottieVisualSource UriSource = " <asset path or web link to a json file> " />
       </ muxc : AnimatedVisualPlayer >

Option＃2、CodeGenを使用（推奨）

1. dotnet tool install lottiegen
2. Run CodeGenツールlottiegen -InputFile MyAnimation.json -Language cs -WinUIVersion 3
   • UWPプロジェクトの場合、 Microsoft.UI.Xamlのバージョンに応じて-WinUIVersion 2.Xを使用します
   • その他の言語オプション： cppwinrtおよびcppcx
3. 生成されたソースファイルをプロジェクトに追加します
4. 必要に応じて、オプション＃1のステップ2からパッケージをインストールします。
5. .xamlマークアップファイルに追加：

       ...
       xmlns:animatedvisuals="using:AnimatedVisuals"
       ...
       < AnimatedVisualPlayer >
           < animatedvisuals : MyAnimation />
       </ AnimatedVisualPlayer >

   またはUWPプロジェクトの場合：

       ...
       xmlns:muxc="using:Microsoft.UI.Xaml.Controls"
       xmlns:animatedvisuals="using:AnimatedVisuals"
       ...
       < muxc : AnimatedVisualPlayer >
           < animatedvisuals : MyAnimation />
       </ muxc : AnimatedVisualPlayer >

サポートされているSDK

• 2019年5月の更新（18362）以降

ドキュメント

• ドキュメントとチュートリアル
• ロッティサンプル
• ロッティビューアー

ステータスを構築します

パッケージ	支店	状態	最新のNugetバージョン
communitytoolkit.winui.lottie	主要
communitytoolkit.uwp.lottie	主要
lottiegen	主要

フィードバックとリクエスト

バグレポートと機能リクエストには、GitHubの問題を使用してください。

原則

このプロジェクトは、私たちのコミュニティで予想される行動を明確にするために、貢献者契約によって定義された行動規範を採用しています。詳細については、.NET Foundation Code of Condyを参照してください。

.NET Foundation

このプロジェクトは、.NET Foundationによってサポートされています。