qtlottieviewer の例

この例では、Qt.labs.lottieqt モジュールのLottieAnimation アイテムを使用して、Qt Quick アプリケーションで Lottie のアニメーションベクターグラフィックスファイルを直接表示し、制御する方法を示します。

概要

サンプルウィンドウのメインは、ロッティアニメーションを再生するLottieAnimation アイテムを含む長方形です。

その下には行のコントロールがあります。ユーザーは、フレームレートスライダーでアニメーションのスピードをコントロールし、スケールスライダーでズームインとズームアウトができます。再生／一時停止ボタンでアニメーションを停止したり、再開したりできます。一時停止中は、Goto Frameスライダーで表示するフレームを選択できます。開く]ボタンはファイルダイアログを表示し、ロードして表示するLottieファイルを選択できます。

LottieAnimation はQQuickPaintedItem 、ベクターグラフィックスをソフトウェアでラスタライズしています。QuickアプリケーションでLottieファイルを表示する別の方法として、グラフィックスのハードウェアレンダリングを利用する方法については、lottietoqmlと VectorImage の項目を参照してください。

サンプルプロジェクト @ code.qt.io