- 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 que notre application affiche bien notre vue, on va rajouter deux widgets qui vontnous permettre de modifier le nombre de jours que l'on affiche. Donc ces widgets, je vais les créer
00:00:09 :ici, juste après mon layout et juste avant mon QWebEngineView. Je vais faire un SpinBox queje vais mettre dans un attribut Spin. Donc ça va être à partir de QtWidget, on va créer un QSpinBox
00:00:20 :comme ceci. On va changer sa valeur par défaut, donc je vais mettre comme valeur par défaut lavaleur de 30 et on va également changer son étendue. Donc moi je vais mettre par exemple
00:00:30 :une étendue de 7 en minimum et de 1200 au maximum. On va ensuite créer un bouton, donc je vaisl'appeler bouton-refresh qui va être créé à partir de QtWidget's QPushButton et je vaismettre comme texte tout simplement Refresh. Ce QPushButton, on va le connecter à une méthode,
00:00:48 :donc cette méthode je vais la créer tout de suite après. Pour l'instant je vais faire laconnexion, donc bouton-refresh.clict, donc on connecte le signal clict à la méthode Refresh
00:00:57 :que l'on va créer tout de suite. Donc après ma méthode init ici, je vais créer une méthodeRefresh et à l'intérieur de cette méthode, pour l'instant je vais mettre un pass, je vais justerevenir ici pour ajouter mes widgets à l'intérieur de mon layout. Donc on va faire self.mainLayout.addWidget
00:01:12 :et on va ajouter notre SpinBox. On va l'ajouter aux coordonnées 0, 0 et on va lui donner unelargeur et une hauteur de 1 et on va faire pareil avec notre bouton Refresh sauf que le boutonRefresh, on va le mettre à une coordonnée de 0, 1, on va laisser sa taille de 1 par 1 et on va
00:01:30 :modifier notre vue ici pour le faire commencer à une autre rangée, donc on va mettre une rangée de1 et on va également modifier sa largeur puisque maintenant on a deux widgets en largeur, le SpinBoxet le bouton Refresh, donc on va mettre une largeur de 2. Donc je lance mon application pour voir si
00:01:45 :tout fonctionne, normalement je pense n'avoir rien oublié, donc j'ai bien ici mon SpinBox avec lavaleur par défaut de 30, mon bouton Refresh et la vue qui s'affiche en dessous. Donc on va maintenant
00:01:54 :connecter ce bouton Refresh pour modifier le nombre de jours qui sont affichés. Donc la connexion jel'ai déjà faite ici, elle connecte notre méthode Refresh à notre bouton Refresh ici. Ce qu'on va
00:02:04 :faire ici c'est tout simplement récupérer la valeur dans le SpinBox, donc on va faire une variableDays ici qui va être égale à self.spin.value et on va changer l'URL de notre vue. Donc on va faire
00:02:14 :self.view.load et on va changer l'URL. Donc pour l'instant on avait loadé notre page d'accueilici, donc je vais copier mon QURL ici et je vais modifier cette adresse. On va mettre un fString
00:02:25 :pour pouvoir intégrer à l'intérieur de cette chaîne de caractère notre variable Days. Donc on vamodifier cette adresse, on va dire Days égale et on va mettre entre les accolades le nombre dejours que l'on a récupéré du SpinBox. On va mettre les perluettes pour afficher les currencies et
00:02:40 :on va mettre Currencies égale USD et CAD. Donc bien entendu là vous voyez les limites de cetteapplication, pour l'instant on fait juste afficher USD et CAD et on n'a pas de moyen de modifier cesdeux valeurs. Donc on pourrait faire une application un peu plus poussée avec par exemple un QLineEdit
00:02:56 :qui nous permettrait d'entrer les devises ou même un QListWidget qui pourrait aller lister toutesles devises pour nous permettre de les sélectionner et de les afficher. Dans ce cas-ci moi je vais me
00:03:04 :limiter juste à cette modification du nombre de jours, je ne veux pas en fait faire uneapplication complète Pysite 2, je veux juste vous montrer comment rapidement à partir d'un QWebEngine View on peut afficher notre application web et la modifier. Donc là j'ai bien connecté ma
00:03:19 :méthode Refresh ici avec mon SpinBox, on va tester tout ça. Donc je lance l'application, on vamodifier le nombre de jours ici, on va mettre par exemple 50. Donc 50 comme ceci, j'appuie sur
00:03:29 :Refresh et j'ai bien 50 jours d'affiché. Je vais essayer avec 150, on Refresh, ça s'affiche bienégalement. On va agrandir un petit peu notre fenêtre, on va essayer d'aller jusqu'à 1200,
00:03:39 :j'appuie sur Refresh et là j'ai bien les valeurs affichées sur les 1200 derniers jours. On peutcliquer sur les boutons pour voir si ça fonctionne toujours, c'est le cas, on a la semaine, le moiset l'année. Donc notre interface fonctionne parfaitement et on a réussi comme vous voyez
00:03:52 :à modifier le nombre de jours grâce à ces widgets que l'on a rajoutés. Dans la prochaine et dernièrepartie de cette section on verra comment modifier un petit peu le style de notre application pouravoir quelque chose qui est un peu plus harmonieux et qui se fond mieux avec notre interface web.
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.