Lottie Windows

Lottie-Windows

Lottie-Windows é uma biblioteca para renderizar as animações do Adobe After Effects nativamente em seu aplicativo. Este projeto adiciona Windows à família Lottie de ferramentas também direcionada para Android, iOS e Web.

A Lottie simplifica o fluxo de trabalho de design a código para trazer animações de vetores interativas e envolventes para seus aplicativos do Windows, com melhorias significativas em termos de desempenho, qualidade e eficiência de engenharia em relação às abordagens tradicionais, como GIFs, animações codificadas manualmente, etc. Animações e soluções-lotts-windows usa o Windows..com APIs APIs APOSIÇÃO Para fornecer animações 60FPSs e animações e soluções-APIs de vetor de vetor.

Lottie-Windows consiste em 3 produtos relacionados:

• Biblioteca Lottie-Windows para analisar e traduzir arquivos Bodymovin JSON
• Ferramenta de linha de comando Lottiegen para gerar código C# ou C ++ a ser usado em vez de JSON
• Lottie Viewer Application para visualizar o JSON e também gerar código

Este repo também contém código -fonte para amostras .

Início rápido

Existem duas opções para integrar as animações de Lottie ao seu projeto UNUI 3 ou UWP .

Opção nº 1, usando o Dynamic Loader

1. Instale o pacote CommunityToolkit.WinUI.Lottie nuget para o projeto winsui (ou CommunityToolkit.Uwp.Lottie para o projeto UWP).
2. Se você estiver usando o C#, também pode ser necessário instalar Microsoft.Graphics.Win2D (versão 1.0.5 ou abaixo) para o projeto UNUI (ou Win2D.uwp e Microsoft.UI.Xaml para o projeto UWP).
3. Em seu arquivo .xaml Markup Arquivo Adicionar:

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

   ou para o projeto 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 >

Opção 2, usando o CodeGen (recomendado)

1. Instale a ferramenta CodeGen usando dotnet tool install lottiegen em PowerShell
2. Execute a ferramenta CodeGen lottiegen -InputFile MyAnimation.json -Language cs -WinUIVersion 3
   • Para projetos UWP, use -WinUIVersion 2.X dependendo da versão do Microsoft.UI.Xaml
   • Outras opções de idioma: cppwinrt e cppcx
3. Adicionar arquivos de origem gerados ao projeto
4. Instale os pacotes da etapa 2 da opção 1, se necessário.
5. Em seu arquivo .xaml Markup Arquivo Adicionar:

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

   ou para o projeto UWP:

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

SDKs suportados

• Atualização de maio de 2019 (18362) e mais tarde

Documentação

• Documentação e tutoriais
• Amostras de Lottie
• Lottie Viewer

Construir status

Pacote	Filial	Status	Última versão Nuget
CommunityToolkit.winui.lottie	principal
CommunityToolkit.uwp.lottie	principal
Lottiegen	principal

Feedback e solicitações

Por favor, use problemas do GitHub para relatórios de bugs e solicitações de recursos.

Princípios

Este projeto adotou o Código de Conduta definido pelo Pacto Colaborador para esclarecer o comportamento esperado em nossa comunidade. Para obter mais informações, consulte o Código de Conduta da Fundação .NET.

Fundação .NET

Este projeto é suportado pela fundação .NET.