- 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 :Pour modifier notre interface, pour la fondre un peu mieux avec notre site web, on va rajouterplusieurs stylesheets. La première stylesheet qu'on va rajouter, ça va être sur notre widget,
00:00:09 :donc sur notre classe Windows ici. On va faire donc self.setStylesheet, comme ceci,et on va mettre une chaîne de caractère qui va modifier la couleur d'arrière-plan de notreapplication. Donc je fais QWidget, je mets des accolades ici, donc ça c'est du CSS,
00:00:24 :on va mettre donc BackgroundColor, et on va mettre la même couleur que celle qui estaffichée par défaut dans notre application avec la classe BG-Dark, donc ça c'est la classeBootstrap. Donc je vais mettre le code hex de cette couleur sur mon widget en BackgroundColor
00:00:38 :pour que ça se fonde un peu mieux dans le décor. Donc ce hex c'est 343A40 et je termine avec unpoint virgule. On va lancer notre application pour voir à quoi ça ressemble, donc je la lance et là
00:00:49 :vous voyez qu'on ne voit plus les bordures puisque la couleur maintenant de mon widget est la mêmeque la couleur de mon site web, donc c'est déjà mieux. On va modifier par contre également le
00:00:58 :stylesheet de notre Spinbox et de notre bouton puisque maintenant le texte est noir et ça nese voit plus très bien. Donc on va fermer cette application, on revient ici et on va modifier les
00:01:07 :stylesheets de notre Spinbox et de notre bouton Refresh. Donc je vais faire self.spin.setStylesheetet on va modifier l'attribut color et on va le mettre à white, donc on va mettre le texte enfait de notre Spinbox en blanc. On va faire la même chose mais cette fois-ci avec le QPushButton,
00:01:24 :donc je vais faire self.buttonRefresh.setStylesheet et on va mettre la couleur à white également,donc en blanc, et pour le bouton on va également changer un paramètre, en fait on va faire un setflat et on va le mettre à true. Donc ça, ça va nous éviter d'avoir le petit rebord, là encore ça
00:01:39 :donne quelque chose d'un peu plus intégré dans notre interface. Donc je relance l'applicationpour vous montrer à quoi ça ressemble. On a bien le texte qui s'affiche en blanc sur le Spinbox et
00:01:47 :sur le bouton, vous voyez qu'ici en le mettant en flat le bouton n'a plus de contour donc c'estun peu mieux intégré et je vais juste tester pour voir si tout fonctionne encore. Donc je change le
00:01:56 :nombre de jours ici, j'appuie sur refresh et on a bien notre vue qui s'affiche assez rapidement.On va également modifier une dernière chose, c'est l'affichage de notre fenêtre quand onla lance. Pour l'instant on fait un show et vous voyez que ça la lance en format réduit si vous
00:02:09 :voulez, donc on pourrait changer la taille de notre application. Moi ce que je vais faire c'esttout simplement faire un show fullscreen à la place du show et automatiquement quand je lancemon application vous allez voir que ça va la lancer en plein écran. Donc j'ai mon application
00:02:21 :qui se lance, on n'a plus la barre ici en haut, on peut l'afficher en venant ici et en sortantde ce mode exit fullscreen ici, je retrouve mon application avec la fenêtre. Si je reviens en
00:02:32 :mode fullscreen donc qui est maintenant le mode par défaut, j'ai bien ma fenêtre en entier. Jepeux modifier donc ici les jours, je peux mettre par exemple 120, cliquer sur refresh et ça vaafficher le nombre de jours. Je peux aller donc jusqu'à 1200 au maximum, 7 au minimum et vous
00:02:47 :voyez donc ma vue qui s'affiche différemment en fonction de ce nombre de jours que je change.Donc voilà pour cette partie, voilà comment on a pu réussir à intégrer des widgets à l'intérieurde notre application qui nous permettent de modifier cette vue, comment intégrer même cettevue donc à l'intérieur d'un QWebAndrineView. Donc vous voyez que c'est vraiment très très
00:03:06 :pratique, on peut faire notre application web et ensuite modifier et afficher cette application àl'intérieur d'une application PySite 2. On pourrait ensuite très facilement compiler cette application
00:03:17 :en exécutable donc ça par exemple c'est possible avec la librairie FBS. J'ai une formation entièrementdédiée à ça qui vous explique comment créer plusieurs applications et ensuite les packageren exécutable que ce soit sur Windows, sur Mac ou sur Linux. Donc vous pouvez aller voir cette
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.