Passer au contenu principal

BusyIndicator

Ouvrir dans ChatGPT
Ombre dwc-loading 24.10
Java API

Le BusyIndicator est un superposition plein écran qui signale un processus en cours et bloque l'interaction de l'utilisateur jusqu'à ce qu'il soit terminé. Il couvre l'intégralité de l'interface lors des opérations telles que l'initialisation ou la synchronisation des données. Alors que le composant Loading se concentre sur des zones spécifiques de l'interface, le BusyIndicator s'applique globalement.

Basics​

Le BusyIndicator dans webforJ apparaît comme un simple spinner, ce qui le rend facile à utiliser sans configuration. Cependant, vous pouvez le personnaliser en ajoutant un message, en ajustant le thème du spinner ou en modifiant les paramètres de visibilité. Cela vous permet de fournir plus de contexte ou de style tout en maintenant une solution fonctionnelle, prête à l'emploi.

Dans cet exemple, le BusyIndicator empêche toute action utilisateur sur l'ensemble de l'interface jusqu'à ce que l'opération soit terminée.

Afficher le code

Backdrops​

Le composant BusyIndicator dans webforJ vous permet d'afficher un arrière-plan pour bloquer l'interaction utilisateur pendant qu'un processus est en cours. Par défaut, le composant active l'arrière-plan, mais vous avez la possibilité de le désactiver si nécessaire.

Le BusyIndicator montre un arrière-plan par défaut. Vous pouvez contrôler la visibilité de l'arrière-plan en utilisant la méthode setBackdropVisible(), comme montré ci-dessous :

BusyIndicator busyIndicator = getBusyIndicator();
busyIndicator.setBackdropVisible(false);  // Désactive l'arrière-plan
busyIndicator.open();
Désactiver l'Arrière-plan

Même lorsque vous désactivez l'arrière-plan, le composant BusyIndicator continue de bloquer l'interaction utilisateur pour garantir que le processus sous-jacent se termine sans interruption. L'arrière-plan contrôle simplement la superposition visuelle, pas le comportement de blocage de l'interaction.

Spinner​

Le composant BusyIndicator dans webforJ comprend un Spinner qui indique visuellement qu'une opération en arrière-plan est en cours. Vous pouvez personnaliser ce spinner avec plusieurs options, y compris sa taille, sa vitesse, sa direction, son thème et sa visibilité.

Voici un exemple de la façon dont vous pouvez personnaliser le spinner au sein d'un composant BusyIndicator :

Afficher le code

Use cases​

  • Traitement sur l'ensemble de la page Le BusyIndicator est particulièrement adapté aux opérations plus importantes, s'étendant sur toute la page, telles que lorsqu'un utilisateur initie une tâche qui affecte l'ensemble de la page, comme le téléchargement d'un fichier ou le traitement de données dans plusieurs sections. Cela peut informer les utilisateurs que l'ensemble de l'application est en cours d'exécution, empêchant toute interaction supplémentaire jusqu'à ce que le processus soit terminé.

  • Opérations système critiques Lorsqu'il s'agit de tâches critiques pour le système, telles que la synchronisation des données, l'application de mises à jour à l'échelle du système ou le traitement d'informations sensibles, le BusyIndicator fournit un retour visuel clair qu'une opération majeure est en cours, permettant à l'utilisateur d'attendre qu'elle soit terminée.

  • Chargements de données asynchrones Dans les scénarios où un traitement de données asynchrone est impliqué, comme lors de l'appel de plusieurs API ou de l'attente de calculs complexes, le composant BusyIndicator indique activement que le système est occupé, incitant les utilisateurs à attendre avant d'effectuer des actions supplémentaires.

Styling​

Loading...