Article précédent :
Table des matières
1. Que sont Qt Designer, PyUic et PyRcc ?
1. Configurer le concepteur Qt
(1) Ouvrez le fichier ui via Qt Desinger
(2) Ouvrez directement Qt Desinger
Préface
Étant donné que PyCharm utilise de nombreux environnements de développement intégrés, cet article utilise principalement PyCharm pour la démonstration . Si vous êtes intéressé par vscode ou d'autres outils de développement, vous pouvez vous référer aux articles correspondants en ligne. Pour faciliter la compréhension et la visualisation de chacun, j'utilise la version chinoise de PyCharm. Si vous ne l'avez pas encore fait, vous pouvez lire cet article : Téléchargement et installation de Python et installation de la version professionnelle de Pycharm + version chinoise + tutoriel super détaillé sur la résolution d'installation courante problèmes (Illustration)
Afin d'utiliser facilement PyQt/PySidet pour la conception d'interface utilisateur, cet article résume la méthode de configuration des outils de développement PySide dans PyCharm (la méthode d'installation de PySide6 est dans l'article précédent). Si quelqu'un utilise PyQt5, recommandez un didacticiel de haute qualité sur l' installation . et configuration de PyQt5 et ses outils : Tutoriel détaillé sur l'installation de PyQt5 et ses outils (Qt Designer, PyUIC, PyRcc) avec PyCharm_Infinite Thoughts Blog-CSDN Blog_pycharm installation de pyqt5
1. Que sont Qt Designer, PyUic et PyRcc ?
Certaines personnes ne connaissent peut-être pas le but de ces outils. Voici une introduction aux outils de développement PySide comme suit :
- Qt Designer : Comme son nom l'indique, designer signifie concepteur. En termes simples, il s'agit d'un outil de développement auxiliaire pour la conception d'interfaces Qt. Il utilise le glisser-déposer pour développer des interfaces graphiques de développement visuel WYSIWYG, ce qui améliore considérablement l'efficacité du développement des interfaces graphiques. ——Site officiel de Qt Designer
- PyUIC : Le dernier fichier enregistré de l'interface graphique conçue par Qt Designer avec l'extension .ui. Il s'agit en fait d'un fichier au format XML, utilisé pour décrire le nom, la taille, l'emplacement et d'autres informations d'attribut de chaque composant et contrôle. PyUIC est un outil qui convertit les fichiers ui en fichiers py. Cela nous facilite non seulement l'appel et le débogage du code de l'interface utilisateur, mais évite également d'avoir à écrire du code sur l'interface.
- PyRcc : Lorsque vous utilisez Qt Designer pour concevoir une interface graphique, vous pouvez utiliser des ressources telles que des images. Ces ressources sont gérées en enregistrant des fichiers avec une extension .qrc. À ce stade, vous devez utiliser l'outil PyRcc pour convertir facilement le fichier qrc en fichier py.
2. Configuration des outils
1. Configurer le concepteur Qt
Après avoir installé PySide6, saisissez à nouveau pip install PySide6 dans le terminal pour voir le chemin d'installation de PySide6. Copiez le chemin après dans (par exemple : d:\pythonpro\pyside6-test\venv\lib\site-packages), sélectionnez et ouvrez votre Chemin de.
Après avoir ouvert le chemin, recherchez et entrez dans le dossier PySide6.
Recherchez designer.exe dans le dossier PySide6 et enregistrez l'emplacement de designer.exe.
Ouvrez l'interface des paramètres de PyCharm
Recherchez l'option "Outils externes" dans "Outils"
Cliquez sur le bouton "+" pour créer un nouvel outil et l'interface " Créer un outil " apparaîtra.
- Nom : Qt Designer (peut être défini par vous-même)
- Groupe : la valeur par défaut est Outils externes (peut être remplacé par d'autres noms pour la classification)
- Description : Une description de cet outil, remplissez-la simplement avec désinvolture pour votre commodité.
- Procédure : Remplissez l'emplacement du designer.exe que vous venez de trouver
- Paramètres réels : $FilePath$ (les didacticiels trouvés sur Internet sont essentiellement laissés vides, donc l'ouverture de Qt Designer n'ouvrira pas le fichier ui que vous avez actuellement sélectionné, et vous devrez rechercher et ouvrir manuellement le fichier ui. Après avoir ajouté ce paramètre, vous pouvez ouvrir directement le fichier ui que vous avez sélectionné, économisant beaucoup de travail, ou vous n'avez pas besoin de le remplir, cela varie d'une personne à l'autre)
- Répertoire de travail : $FileDir$
Laissez les autres options par défaut, puis cliquez sur « OK » et la configuration de Qt Desinger est terminée !
2. Configurez PyUIC
Entrez où pyside6-uic dans le terminal du répertoire courant et enregistrez le chemin de sortie :
Ouvrez l'interface " Creation Tool " selon la méthode de Qt Designer.
- Nom : PyUIC (peut être défini par vous-même)
- Groupe : La valeur par défaut est Outils externes (vous pouvez choisir le même groupe que Qt Desinger pour une visualisation facile)
- Description : Une description de cet outil, remplissez-la simplement avec désinvolture pour votre commodité.
- Procédure : Remplissez l'emplacement de pyside6-uic.exe qui vient d'être enregistré
- Exemple : $FileName$ -o ui_$FileNameWithoutExtension$.py
- Répertoire de travail : $FileDir$
Laissez les autres options par défaut, puis cliquez sur « OK », et PyUIC est configuré !
3. Configurez PyRcc
Entrez où pyside6-rcc dans le terminal du répertoire courant et enregistrez le chemin de sortie :
La méthode de configuration de l'outil PyRcc est similaire à celle de PyUIC , et l' interface " Create Tool " est également ouverte.
- Nom : PyRcc (peut être défini par vous-même)
- Groupe : La valeur par défaut est Outils externes (vous pouvez choisir le même groupe que Qt Desinger pour une visualisation facile)
- Description : Une description de cet outil, remplissez-la simplement avec désinvolture pour votre commodité.
- Procédure : Remplissez l'emplacement de pyside6-rcc.exe qui vient d'être enregistré
- Exemple : $FileName$ -o $FileNameWithoutExtension$_rc.py
- Répertoire de travail : $FileDir$
Laissez les autres options par défaut, puis cliquez sur « OK », et la configuration de PyRcc est terminée !
3. Démonstration
1. Démonstration de Qt Designer
Si vous utilisez la méthode ci-dessus pour configurer Qt Designer, vous pouvez ouvrir Qt Designer dans PyCharm des deux manières suivantes.
(1) Ouvrez le fichier ui via Qt Desinger
Le principe est que "$FilePath$" est ajouté à l' option " Paramètres réels " , cliquez avec le bouton droit sur le fichier ui dans le projet , une boîte de sélection d'outils apparaît , recherchez " Outils externes " (ou le nom du groupe que vous avez défini ), et cliquez sur " Qt Desinger " (ou un nom que vous avez défini vous-même).
(2) Ouvrez directement Qt Desinger
Cliquez sur " Outils " dans la barre de menu , une boîte déroulante apparaîtra, sélectionnez " Outils externes " (ou le nom du groupe que vous avez défini) et une boîte de sélection d'outils apparaîtra. Sélectionnez " Qt Designer " (ou un nom que vous avez défini vous-même).
2. Démo PyUIC
Créez un fichier sans titre.ui et copiez le code dans le fichier
<?xml version="1.0" encoding="UTF-8"?>
<ui version="4.0">
<class>Form</class>
<widget class="QWidget" name="Form">
<property name="geometry">
<rect>
<x>0</x>
<y>0</y>
<width>400</width>
<height>300</height>
</rect>
</property>
<property name="windowTitle">
<string>这是个测试窗口</string>
</property>
<widget class="QPushButton" name="pushButton">
<property name="geometry">
<rect>
<x>110</x>
<y>190</y>
<width>171</width>
<height>51</height>
</rect>
</property>
<property name="text">
<string>这是一个测试按钮</string>
</property>
</widget>
<widget class="QLabel" name="label">
<property name="geometry">
<rect>
<x>160</x>
<y>90</y>
<width>61</width>
<height>21</height>
</rect>
</property>
<property name="text">
<string>这是个标签</string>
</property>
</widget>
<widget class="QPushButton" name="pushButton_2">
<property name="geometry">
<rect>
<x>360</x>
<y>10</y>
<width>31</width>
<height>31</height>
</rect>
</property>
<property name="text">
<string>X</string>
</property>
</widget>
</widget>
<resources/>
<connections>
<connection>
<sender>pushButton_2</sender>
<signal>clicked()</signal>
<receiver>Form</receiver>
<slot>close()</slot>
<hints>
<hint type="sourcelabel">
<x>372</x>
<y>17</y>
</hint>
<hint type="destinationlabel">
<x>297</x>
<y>24</y>
</hint>
</hints>
</connection>
</connections>
</ui>
Faites un clic droit sur le fichier untitled.ui et utilisez l'outil uic configuré ci-dessus dans le menu contextuel.
peut être converti en fichier py 
3. Démo PyRcc
Faites un clic droit sur le fichier qrc à convertir et utilisez l'outil rcc configuré ci-dessus dans le menu contextuel
peut être converti en fichier py 
Résumer:
Ce qui précède est la configuration des outils de développement PyQt/PySide Qt Designer, PyUIC et PyRcc dans Pycharm. S'il y a des omissions, j'espère que tout le monde pourra signaler les erreurs avec enthousiasme. Cette colonne sera mise à jour de manière irrégulière pendant une longue période. Si vous pensez que c'est bien, vous pouvez vous abonner à cette chronique et cliquer pour suivre et n'hésitez pas à nous faire part de vos commentaires si vous avez des questions. Merci à tous d'avoir regardé.
Article de référence :