Qt Designer vous aide à construire une interface graphique (GUI). Vous pouvez charger une interface graphique à partir de Python. Dans ce tutoriel, nous allons vous montrer étape par étape.

Il couvre un exemple très basique de l’utilisation de Qt Designer avec PyQt et Python. Pour plus de détails, voir le lien ci-dessous.

Cours connexe : Créer des applications GUI avec Python PyQt5

Qt Designer Python

Prérequis

Pour commencer avec ce tutoriel, vous devez avoir les éléments suivants installés :

  • Python
  • PyQt
  • Qt Designer

Vous aurez besoin de Python 3 ou plus, car les autres sont dépassés.

Si vous n’avez pas PyQt, installez PyQt.

Vous pouvez installer Designer (Ubuntu Linux) avec :

1
2
sudo apt-get install qttools5-dev-tools
sudo apt-get install qttools5-dev

Sur les autres plateformes, il est inclus dans l’installation.

Comment démarrer Designer

Démarrer Designer en tapant designer dans la ligne de commande. Important : qt creator est un autre programme.

Sur Ubuntu Linux:

1
2
cd /usr/lib/x86_64-linux-gnu/qt5/bin/ 
./designer

Bases

Une popup s’affiche. Vous pouvez choisir ce que vous voulez concevoir.

Choisissez « Fenêtre principale » et cliquez sur créer.

Vous pouvez alors redimensionner le formulaire et glisser-déposer des widgets. C’est assez simple de concevoir une interface graphique comme celle-ci.

Si vous cliquez sur un widget (disons un bouton), vous pouvez définir ses propriétés comme le nom.

Si vous êtes nouveau dans Python PyQt, alors je recommande vivement ce livre.

Exporter le design vers l’interface utilisateur

Vous pouvez exporter votre design vers un fichier d’interface utilisateur. Cliquez sur File > Save As > yourname.ui

Puis vous pouvez convertir le code ui en un fichier python.

1
pyuic5 /home/linux/helloworld.ui -o helloworld.py

Le fichier Python contient alors la définition du gui.
Créer un autre fichier qui charge le fichier ui:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
from PyQt5 import QtCore, QtGui, QtWidgets
from PyQt5.QtWidgets import QApplication
import sys
import helloworld
class ExampleApp(QtWidgets.QMainWindow, helloworld.Ui_MainWindow):
def __init__(self, parent=None):
super(ExampleApp, self).__init__(parent)
self.setupUi(self)
def main():
app = QApplication(sys.argv)
form = ExampleApp()
form.show()
app.exec_()
if __name__ == '__main__':
main()

Une fois exécuté, votre interface graphique apparaît.

Télécharger des exemples

.

Laisser un commentaire

Votre adresse e-mail ne sera pas publiée.