• Votre panier est vide.

  • COMPTE

Utiliser une ProgressBar en C#

Comment créer des ProgressBar en C#

Avant tout, petite explication du programme pour y voir plus clair !

Utiliser une ProgressBar en C#

Voilà le programme qui nous servira de test pour cette partie, il permet à un utilisateur de choisir tout d’abord le nombre d’heures de son forfait puis le nombre d’SMS et enfin les options.

Entre chaque étapes la barre de progrès se déplace pour aller jusqu’à atteindre 100%. Quand c’est le cas le bouton confirmer s’affiche en même temps.

Chaque étape est cachée tant que la précédente n’est pas remplie, ce qui rend la barre de progrès encore plus utile et évite à l’utilisateur d’avoir un programme surchargé dès le début et de se concentrer sur l’étape en cours.

Nous allons maintenant analyser un bout de code permettant de faire avancer la barre quand l’utilisateur sélectionne un objet !

Utiliser une ProgressBar en C#

Ceci est le code du bouton « 1 heure » dans la section concernant le nombre d’heures dans le forfait.

Ce qui nous intéresse ici, c’est les deux encadrés rouges représentant une action du programme sur la ProgressBar :

progressBar1.Value = 35;

 Fait avancer la barre jusqu’à 35% de sa taille maximale.

progressBar1.Visible = true;

 Permet d’afficher la barre seulement quand l’utilisateur appuis sur le bouton. 

C’est les seules opérations basiques requises dans notre programme !

À présent, nous allons voir (encore) un autre bout de programme plus compliqué permettant une animation de la barre pendant un certain temps à l’aide d’un « timer » …

Utiliser une ProgressBar en C#

Ce code permet d’animer la barre pendant un temps voulu jusqu’à un certain pourcentage.

Pour appeler cette fonction par la suite, il suffit de compléter notre code de ces deux lignes :

Utiliser une ProgressBar en C#

Il est possible de changer la durée de l’animation en changeant la valeur après « AnimateProgBar »

Et voilà vous disposez d’une barre qui s’anime au fil du temps qui passe ! 🙂

TOUT VOIR Ajouter une remarque
VOUS
Ajouter votre commentaire
Culte du code | 2015-2022  (Vecteurs par Freepik, Parallax par fullvector)