COMMENCER ICI
Premiers pas
ARCHITECTURE
Vue d'ensemble de l'architecture
Composants write-once
Surface déclarative
Architecture des paquets
Composants
Styles
Localisation
Analytics et GTM
WRITE-ONCE
Stockage
Formulaires
Markdown
Mermaid
Rendu des e-mails
COMPILATION
Résolution des types externes
RUNTIME
Runtime (TypeScript)
Performance
SERVEUR
Assets
BunPackage
Sécurité
ÉCOSYSTÈME
Image
Graphiques
Lottie
DÉVELOPPEMENT
Roadmap
DocsÉcosystème
eQuantic.UI.LottieEdit this page
1 min readLe paquet eQuantic.UI.Lottie fournit une prise en charge d'animations haute performance avec les formats .lottie et .json via le composant web @dotlottie/player-component.
Installation
Ajoutez le paquet à votre projet et enregistrez le service :
1
2
3
4
builder.Services.AddUI(options =>
{
options.UseLottie();
});
Usage de base
Le composant LottiePlayer gère le chargement des assets automatiquement via IRequireAssets.
1
2
3
4
5
6
7
new LottiePlayer
{
Src = "https://assets.lottiefiles.com/animation.json",
Autoplay = true,
Loop = true,
Width = "300px"
}
Prise en charge de dotLottie
Il est recommandé d'utiliser le format .dotlottie pour des fichiers plus petits et de meilleures performances.
1
2
3
4
5
6
new LottiePlayer
{
Src = "https://example.com/animation.lottie",
Height = "400px",
Controls = true
}
Propriétés
Propriété
Type
Description
Src
string
URL du fichier d'animation (.json ou .dotlottie).
Autoplay
bool
Démarre l'animation automatiquement. Par défaut : true.
Loop
bool
Joue l'animation en boucle. Par défaut : true.
Speed
double
Multiplicateur de vitesse de lecture. Par défaut : 1.
Background
string
Couleur de fond. Par défaut : transparent.
Width
string?
La propriété CSS width.
Height
string?
La propriété CSS height.
Controls
bool
Affiche l'interface de contrôles native du lecteur.