Créer un convertisseur d'images avec Qt

00:00:00 :Dans cette partie, on va créer ce qu'on appelle un progress dialog,qui est en fait une fenêtre qui va contenir une barre de progression et qui va nous indiquer où on est rendu dans le processus de conversion des images.
00:00:11 :Dans ma méthode convertImages, après avoir démarré le thread,on va créer un progress dialog et on va l'afficher.Et ensuite, quand on va avoir converti les images,donc à chaque fois que cette méthode va être appelée,à chaque fois qu'on aura une image qui va être correctement convertie,on va incrémenter de 1 la valeur de la barre de progression.
00:00:29 :Donc je vais commencer par créer mon progress dialog,donc je vais faire une variable que je vais appeler prgDialog,donc prg pour progress et dialog puisque c'est une fenêtre qui va être ouverte en plus.
00:00:40 :Donc c'est dans Qt Widgets et on a QProgressDialog.Alors attention, il y a QProgressBar qui est en fait une barre de progression qu'on peut mettre un peu n'importe où, on pourrait l'inclure dans un widget quelconque.
00:00:50 :Et on a le QProgressDialog qui est en fait une fenêtre qui contient un QProgressBar.Donc vous pouvez soit décider de mettre la barre de progression directement dans l'interface,donc on pourrait la mettre par exemple en dessous du liste widget,ou alors vous choisissez de faire un QProgressDialog et là vous avez une fenêtre qui va s'ouvrir en plus de votre interface
00:01:10 :et qui va déjà contenir cette progress bar.Donc moi je vais créer un QProgressDialog,on va mettre le premier argument, c'est le titre en fait,donc je vais mettre conversion des images.
00:01:21 :On va avoir le texte du bouton,donc le bouton je vais mettre annuler tout simplement avec des points de suspension et on va avoir ensuite l'étendue de notre progress bar.
00:01:30 :Donc on va pouvoir lui dire par exemple tu vas de 1 à 100 et à chaque fois qu'on va incrémenter la barre de progression et bien on va incrémenter la valeur de la barre de 1 et donc une fois qu'on sera rendu à 100 et bien la barre sera complète.
00:01:43 :Donc là moi je veux commencer à 1 et je veux aller jusqu'à la longueur en fait des images que j'ai puisque là je vais avoir un certain nombre d'images à convertir donc par exemple imaginez que vous ayez 10 images à convertir et bien vous voulez que votre barre de progression aille de 1 à 10.
00:01:58 :Donc ça on l'a déjà récupéré en fait plus ou moins dans cette variable ici qui est une liste et qui va contenir autant d'éléments qu'on a d'items à convertir puisque si vous vous souvenez bien à chaque fois qu'on avait un item qui n'était pas processed donc dont l'attribut ici n'était pas vrai
00:02:14 :on ajoutait 1 dans la liste.Donc si on a 3 images qui n'ont pas été converties cette liste va contenir 3 fois le nombre 1 et ça va nous donner donc une indication qu'on a 3 images à convertir et on va pouvoir donc le mettre ici dans notre progress dialog.
00:02:26 :Donc je vais utiliser la fonction len qui va me permettre de récupérer la longueur d'une liste et la liste ça va être donc cette liste images à convertir que l'on va insérer dans cette fonction ici.
00:02:37 :Donc comme je vous disais si j'ai 10 images à convertir on va commencer à 1 et on va avoir une barre de progression qui va aller jusqu'à 10.
00:02:43 :Donc ça c'est notre progress dialog et on va tout simplement ensuite l'afficher donc je vais faire prgDialog.show pour afficher cette barre de progression.Et ce qu'il nous reste à faire c'est incrémenter ce progress dialog puisque pour l'instant si on l'affiche je vais vous montrer si je lance le programme
00:03:00 :et que j'essaye de convertir des images on va avoir le dialogue qui s'ouvre mais la barre de progression ne progresse pas.Et donc là ce qu'il va falloir faire c'est incrémenter cette barre de progression à chaque fois qu'une image est convertie.
00:03:12 :Donc pour ça on va aller directement dans la méthode qui est appelée ici à chaque fois qu'une image est convertie et on va tout simplement incrémenter la valeur de 1.
00:03:21 :Donc on va dire self.progressDialog.setValue donc setValue ça me permet de changer la valeur par exemple si je mets 5 et bien la barre de progression va aller à 5 nous ce qu'on veut c'est récupérer la valeur actuelle et l'incrémenter de 1.
00:03:34 :Donc la valeur actuelle on peut la récupérer sur le progress dialog en utilisant la méthode value donc ça, ça va me récupérer la valeur actuelle et on va ajouter 1.
00:03:43 :Donc si on est à 1 on va être à 2 si on est à 2 on va être à 3 etc.Donc si je relance l'interface on va pouvoir voir cette fois-ci la barre de progression qui va s'incrémenter.
00:03:52 :Donc je reviens ici, je vais juste supprimer ce dossier qui contient les images qui ont été réduites je reglisse tout ça à l'intérieur de mon interface je clique sur conversion et là vous allez voir que voilà la barre de progression s'incrémente correctement et quand c'est terminé quand on arrive à la fin de notre étendue
00:04:10 :du progress dialog ça se ferme automatiquement tout seul.Donc la fin c'est la fin de l'étendue ici quand on a le set value qui atteint la valeur qu'on rentre ici donc si par exemple on a 5 images à convertir automatiquement quand le progress dialog va arriver à une valeur de 5
00:04:26 :il va se fermer tout seul.Donc on n'a même pas besoin de gérer cette fonction là automatiquement si on met la bonne étendue ça se ferme tout seul.
00:04:33 :Donc on a correctement affiché la barre de progression maintenant il va falloir gérer le bouton annuler qui va nous permettre d'interrompre le processus donc on va voir ça.

Ajouter une barre de progression

Débloquez votre potentiel ! ✨

Prêt à passer au niveau supérieur ?

Toutes les questions

Christian Aucane

Les pourcentages ne correspondent pas

Rechercher sur le site