- Formations
- conversion_path Parcours & Formations
- science Projets
- data_object Exercices de code
- psychology Exercices IA
- quiz Quiz
- Articles
- rss_feed Blog
- sort_by_alpha Glossaire
- menu_book Guides
- help_center FAQ
- media_link Ressources
- Communauté
- groups La communauté
- forum Questions
- live_tv Mentorats
- science Projets mensuels
- Formations
- conversion_path Parcours & Formations
- science Projets
- data_object Exercices de code
- psychology Exercices IA
- quiz Quiz
- Articles
- rss_feed Blog
- sort_by_alpha Glossaire
- menu_book Guides
- help_center FAQ
- media_link Ressources
- Communauté
- groups La communauté
- forum Questions
- live_tv Mentorats
- science Projets mensuels
Deviens membre Premium magic_button
Débloque cette session en devenant Membre Premium 🚀
Inscris-toi
(c'est gratuit !)
Un compte est nécessaire pour participer aux discussions.
Créer un compte person00:00:00 :Maintenant qu'on a vu la création des widgets de notre application, on va créer ce qu'on appelle des actions.Les actions, c'est ce qu'on va pouvoir ajouter à notre barre d'outils.
00:00:09 :Ça va être les boutons qui vont être sur notre barre d'outils.On pourrait considérer ça comme des widgets également.Je vais les ajouter à l'intérieur de cette méthode createWidgets.
00:00:18 :Auparavant, je vais créer des icônes, les icônes que je vais mettre sur les boutons.On aurait pu aller chercher des icônes sur un site internet, les télécharger,les mettre dans un dossier ressources ici et ensuite récupérer leur chemin complet.
00:00:31 :Moi, ce que je vais faire à la place, je vais vous montrer quelque chose d'assez intéressant.C'est des icônes qui sont disponibles de base avec PySide, qu'on va pouvoir aller récupérer.
00:00:39 :Il y en a vraiment beaucoup et il y a notamment pas mal d'icônes multimédia.On va se servir de ça. Comme ça, on n'aura pas besoin de télécharger quoi que ce soit.
00:00:46 :Vous allez voir que ça va être assez pratique.Ce ne sera pas forcément les plus belles icônes que vous pourrez trouver,mais pour une application comme ça assez basique, pour faire un prototype par exemple,ça va être assez pratique de ne pas avoir à télécharger des choses et à aller chercher des ressources, etc.
00:01:01 :Ce qu'on va faire, c'est qu'on va utiliser le style de notre application.Ça, c'est self.style ici, une méthode qui nous permet de récupérer ce qu'on appelle un QStyle.
00:01:10 :C'est le style de notre application.C'est notamment là-dessus qu'on va avoir le CSS qui va être appliqué, etc.quand on veut modifier l'apparence de notre application.
00:01:19 :Cet objet, il va avoir une méthode qui va être standardIcon iciet on va pouvoir lui passer une constante qui va lui indiquer quelle icône on veut récupérer.
00:01:27 :La constante, elle va se retrouver dans Qt Widgets, dans la classe QStyle.Et à l'intérieur de cette classe, on va avoir beaucoup de constantes.Là, vous voyez ici, on a plein d'éléments qu'on peut choisir.
00:01:40 :Nous, ce qu'on va choisir, c'est sp-dvd-icon.Ça, ça va être l'icône qui va être affichée sur le menu Ouvrir.Quand on veut ouvrir un fichier, vous pouvez en mettre d'autres.
00:01:52 :Moi, j'ai mis celle-ci. C'est celle que j'ai trouvée et qui correspondait le mieux à ce que je voulais faire.Là, dans ce cas-ci, l'ouverture d'un fichier.
00:02:01 :Mais vous pouvez mettre ce que vous voulez. Il n'y a vraiment aucun problème.Je vais récupérer ça dans un attribut que je vais appeler Open Icon.
00:02:08 :Là, on commence à ne plus voir grand-chose.Je vais minimiser ceci pour qu'on ait la ligne au complet.Et je vais tout simplement la copier et la coller puisque je vais faire plusieurs icônes comme ça.
00:02:17 :On va avoir l'icône pour Ouvrir.On va avoir l'icône pour faire Play.Dans ce cas-ci, ça va être sp-media-play.On va avoir ensuite l'icône qui va nous permettre de revenir au début de la vidéo.
00:02:31 :Je l'appelle Previous Icon.Et cette fois-ci, on va faire sp-media-skip-backward.Et si jamais vous voulez faire l'inverse, on a aussi skip-forward qui va être une flèche qui va dans l'autre sens.
00:02:45 :On va là encore copier cette ligne et cette fois-ci faire l'icône pour le bouton Pause.Je vais l'appeler Pause Icon.Et on va avoir sp-media-pause cette fois-ci.
00:02:55 :Là, j'ai mis Play, Media Pause.Et la dernière qu'on va avoir, c'est l'icône Stop.Quand on va vouloir stopper la vidéo, je vais l'appeler Stop Icon.
00:03:03 :Et ça va être logiquement sp-media-stop.On a toutes nos icônes et on va pouvoir maintenant créer les actions.Et on va lier ces icônes aux actions.
00:03:13 :Pour qu'on ait pour chaque action une icône qui correspond à ce que l'action va faire.On va avoir une action pour jouer, une action pour faire Previous, pour revenir au début.
00:03:22 :Une action pour faire Pause, Stop, etc.On va ajouter tout ça directement ici à l'intérieur de Create Widget.Je pourrais mettre un petit commentaire pour séparer et indiquer qu'après ici, on va mettre les actions.
00:03:34 :Qui sont un petit peu différentes des widgets qu'on a créé au début.Puisque ces actions, on va les ajouter directement sur notre barre d'outils.La première action qu'on va créer, elle ne va pas être sur la barre d'outils.
00:03:47 :Mais elle va être dans notre menu fichier.Je vais faire un attribut que je vais appeler Act-Open.Toutes les actions, je vais les préfixer des 3 lettres A-C-T.
00:03:56 :Qui signifie Action.Pour qu'on puisse les retrouver facilement quand on va les utiliser dans le reste du script.On va faire une action pour l'ouverture.
00:04:05 :Et on va l'ajouter directement au file menu qu'on a créé juste à la ligne au-dessus.Pour ça, on va faire Self.FileMenu.Et on a une méthode qui s'appelle AddAction qui va nous permettre de créer et d'ajouter une action directement.
00:04:18 :On fait 2 en 1.On va à la fois l'ajouter sur notre menu fichier et également la créer.On va en premier argument lui passer l'icône.
00:04:25 :Dans ce cas-ci, ça va être l'icône Open que l'on a créé dans la méthode Init.Tout simplement ici.Et on va lui passer un texte.
00:04:32 :Le texte, je vais mettre Open.Vu que j'ai mis Fichier ici, je vais mettre Ouvrir.Comme ça, on va rester en français.Et on va également lui passer un raccourci clavier.
00:04:41 :Donc ça va être très facile.On n'a pas besoin pour le coup de passer par le Qt Shortcut, le Qt Sequence qu'on avait fait dans la partie précédente.
00:04:49 :Dans l'application précédente avec les notes.Pour le coup, on va pouvoir utiliser directement une méthode qui s'appelle SetShortcut.Assez logiquement.Et on va pouvoir lui passer un raccourci clavier.
00:04:59 :Donc moi dans ce cas-ci, je vais mettre CTRL plus O.Qui est le raccourci clavier qu'on utilise généralement pour ouvrir quelque chose.Que ce soit un fichier ou une vidéo à l'intérieur d'une application.
00:05:08 :On va avoir ensuite d'autres actions qui cette fois-ci vont être ajoutées à la barre d'outils.Donc je vais faire Self.ActPlay qui va me permettre de jouer ma vidéo.
00:05:17 :Et on va l'ajouter sur la toolbar.Donc je fais Self.Toolbar et ça va être la même méthode que pour le fichier.Donc le menu, ça va être également Add Action.
00:05:26 :On va également lui passer en premier argument une icône.Donc là, ça va être l'icône Play.Et je vais lui passer un texte.Donc le texte, ça va être lire la vidéo.
00:05:35 :On pourrait mettre ou juste lire, ça suffit.Et ensuite, on va avoir d'autres actions.Donc l'action Previews.Là encore, c'est la même chose.Toolbar.AddAction.On va lui passer notre icône.
00:05:45 :Donc Self.PreviewsIcon.Et on va mettre Revenir au début.Il va nous rester ensuite l'action pour le bouton Pause et pour le bouton Stop.Donc je vais faire la même chose ici.
00:05:55 :Je vais accélérer un petit peu puisque c'est toujours la même chose.Donc on se retrouve une fois que j'ai fini de créer tout ça.Donc voilà, j'ai terminé la création des actions.
00:06:07 :Et on va pouvoir lancer l'application pour vérifier que tout fonctionne.Donc quand on lance l'application, vous voyez que maintenant dans notre barre d'outils,on a bien nos quatre actions ici avec les icônes qui ont été automatiquement récupérées depuis PySite.
00:06:20 :Je peux encore déplacer, si je veux, cette barre ici pour la mettre en haut ou en bas.Ou même si je veux la mettre ici en bas ou à droite.
00:06:28 :Vous voyez que c'est possible.Donc je peux la mettre où je veux.Moi, je vais la laisser en haut pour l'instant.Et on a bien des actions.
00:06:33 :Donc on peut cliquer dessus.Pour l'instant, ça ne fait rien.Mais c'est ces actions sur lesquelles on va lier les méthodes qu'on va faire dans les prochaines partiesqui vont nous permettre de faire Play, Pause, Stop, etc.
00:06:44 :Si on va voir en haut ici, on a bien cette fois-ci notre fichier Ouvrir qui est ajoutépuisque dans la partie précédente, on n'avait pas mis cette action.
00:06:52 :Donc on n'avait pas le menu fichier qui apparaissait.Maintenant qu'on a mis l'action, on a bien le menu qui apparaît avec la première actionqui nous permet d'ouvrir.
00:06:59 :On a également, vous voyez ici, le raccourci clavier qui est affiché.Et vous remarquerez également que dans le raccourci clavier, j'ai marqué CTRL-O.Et automatiquement, là encore, PySite va adapter tout ça pour macOS.
Ce n'est pas fini...
✋
Tu as complété % du parcours 🔥
Termine l'intégralité de la formation pour pouvoir débloquer ton attestation de réussite.