- 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 :Dans cette partie, on va commencer donc avec la création de notre interface et on va créer les widgets et les layouts.Alors je dis les layouts puisque on va en avoir deux dans ce cas-ci.
00:00:09 :On va avoir un layout principal qui va être un VBoxLayout, donc vertical,qui va contenir déjà une liste widget et également un autre layout dans lequel on va ajouter trois boutons.
00:00:20 :Donc un bouton pour ajouter une nouvelle tâche, un bouton pour supprimer toutes les tâches qui ont été complétéeset un bouton pour fermer notre interface.
00:00:27 :Donc on va avoir deux layouts et ensuite quatre widgets, un liste widget et trois boutons.Donc dans CreateWidget ici, je vais commencer avec la création de mes différents widgets.
00:00:36 :Donc on va avoir une liste widget que je vais appeler ListWidgetTask qui va contenir toutes les tâches.Donc on fait à partir de QtWidget un QListWidget, donc QListWidget cette fois-ci et non pas un QListView.
00:00:47 :Faites bien attention, cette fois-ci on n'a pas de modèle associé,donc c'est vraiment juste un QListWidget dans lequel on va pouvoir ajouter des éléments.On va ensuite créer trois boutons. Alors un premier bouton que je vais appeler Add tout simplement,
00:00:58 :qui va être QtWidgetQPushButton et on va mettre pour l'instant le texte Add.Par la suite on remplacera le texte par une icône, mais pour l'instant on va mettre du texte,sinon on ne saura pas vraiment à quoi correspondent les boutons.
00:01:09 :On va faire un autre bouton que je vais appeler Clean, donc là encore QtWidgetQPushButton et on va marquer Clean dessus.Et pour finir un bouton Quit qui va être égal à QtWidgetQPushButton et on va mettre Quit tout simplement dessus.
00:01:22 :On va ensuite créer nos deux layouts. Alors on va créer le layout principal qui va être, comme je vous l'avais dit,un QtWidgetQVBoxLayout. Ce layout on va le parenter à notre widget, donc à notre QWidget qui est représenté par Self.
00:01:36 :Donc vous remarquerez également que là je ne fais pas un QMainWindow, mais vraiment juste un QWidget de base.Et on va créer un autre layout que je vais appeler LayoutButton tout simplement, qui va contenir nos trois boutons.
00:01:47 :Donc le bouton Add, le Clean et le Quit. Ce layout ça va être un layout horizontal cette fois-ci, donc QtWidget.QHBoxLayout.Et on ne va pas mettre deux parents à ce layout puisque notre QWidget ne peut avoir qu'un seul layout en enfant.
00:02:01 :Donc si on mettait Self ici également, on aurait une erreur qui nous dit que QWidget ne peut pas avoir plusieurs layouts en enfant.Donc le layout principal ça va être celui-là qui est parenté à notre widget et ce layout ici, le LayoutButton,on va l'ajouter à l'intérieur de notre MainLayout. Donc on va faire ça tout de suite à l'intérieur de cette méthode AddWidgetToLayout.
00:02:20 :Donc la première chose qu'on va faire c'est ajouter notre liste, donc Self.MainLayout.AddWidget et on ajoute notre Self.ListWidgetTask.Donc c'est le premier élément qui sera à l'intérieur de notre interface. Ensuite on va ajouter notre layout pour les boutons.
00:02:34 :Donc pour ça, plutôt que d'utiliser AddWidget, on va utiliser une autre méthode qui s'appelle logiquement AddLayout.Donc on fait Self.MainLayout.AddLayout cette fois-ci et on va ajouter notre LayoutButton directement.
00:02:48 :Ensuite on va donc ajouter à l'intérieur de ce LayoutButton nos trois boutons, donc tout simplement Self.LayoutButton.AddWidget.Donc là on revient avec notre méthode AddWidget et on va ajouter le bouton Add, le bouton Clean et le bouton Quit.
00:03:04 :Comme ceci.Donc normalement tout est bon, il va rester une petite chose qu'on va préciser tout de suite, je vais vous montrer pour l'instant à quoi ressemble l'interface.
00:03:12 :Donc on a bien notre liste widget ici et ensuite notre layout, donc on ne voit pas le layout directement mais on voit les boutons à l'intérieur du layoutet vous voyez que les boutons sont alignés sur un axe horizontal ce qui confirme qu'on a bien le bon layout.
00:03:24 :Si j'étends ma fenêtre, pour l'instant vous voyez que les trois boutons prennent automatiquement un tiers de la place du layout.Moi ce que j'aimerais bien c'est avoir le bouton Add à gauche et ces deux boutons ici qui soient sur la droite.
00:03:41 :Donc ça c'est très facile, c'est une méthode qui existe qu'on peut ajouter directement après le bouton Add.Donc là il faut bien faire attention où on l'ajoute puisque moi je veux que ce stretch soit entre le bouton Add et les deux autres.
00:03:51 :Donc je le mets ici entre les deux.Donc Layout-Bouton et on va utiliser la méthode Add-Stretch tout simplement et on n'a rien besoin de passer ici.
00:03:59 :Par défaut ça va faire un stretch qui correspond à ce que je veux.Donc si je relance vous allez voir que cette fois-ci on a un écart entre les boutons et si j'étends mon interface on a le bouton Add qui se retrouve à gauche.
00:04:09 :Ensuite on a notre stretch.Donc le stretch par définition stretch ça veut dire étirer en anglais.Donc en fait il va prendre le maximum de place qu'il peut et nos boutons vont se retrouver donc tassés d'un côté ou de l'autre.
00:04:21 :Donc si je change la taille de ma fenêtre vous voyez qu'automatiquement le bouton Add se déplace complètement vers la gaucheet pareil si je déplace dans l'autre sens on va avoir les boutons Clean et Quit qui vont être tassés vers la droite.
00:04:31 :Donc ça sert à ça d'avoir un stretch.Si vous voulez rapidement avoir un espace comme ceci et changer l'alignement de vos boutons vous pouvez passer par cette méthode.
00:04:38 :Donc voilà pour les widgets.On a les widgets qu'on voulait donc les trois boutons et notre liste widget qui va contenir les tâches.Et dans la prochaine partie on va commencer avec une méthode qui va nous permettre d'ajouter les tâches et qui va être liée donc à notre bouton qui va nous permettre d'ajouter les tâches.
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.