Séparer son IHM en plusieurs fichiers UI

Bonjour,
je débute en PyQt, et j'ai le problème suivant: comme mon interface graphique est assez complexe, je voudrais la "séparer" en plusieurs fichiers ui.
Pour cela, dans mon IHM principale, j'inclus des QWidgets, puis je fais "promouvoir en..." et j'ajoute ainsi les autres fichiers *.ui de type QWidget que j'ai créé.
Cependant je pense que j'ai loupé quelque chose, notamment, lorsque je crée un nouveau widget promu, Qtdesigner me demande un nom de fichier d'entête *.h. A quoi correspond ce fichier?
Lorsque je lance mon programme j'ai le message d'erreur suivant:

Code:

---

ImportError: no module named MonWidget

---

Et cela doit sans doute être lié au fait que je n'ai pas créé ces fichiers d'entête?
Merci d'avance pour votre aide.

Salut,

Est-ce que tu utilises uic.load() pour tous ces fichiers y compris la main window ou bien tu les convertis en Python d'abord ?

Dans le premier cas, ça me parait compliqué parce que uic.load() transforme les chargements des widgets promus en import de la forme:

Code:

---

1 2	from chemin.dossier.widgets import monWidget.ui

---

ce qui échoue inévitablement.

Dans l'autre cas, tu utilises un simple widget comme emplacement réservé, tu le promeus en lui donnant le nom de la classe du widget en question, le chemin du fichier du widget au lieu du fichier d'entête et après conversion de ta main window en python, tu rectifies la ligne d'import du widget personnalisé. Là tu seras aussi confrontée au fait que la conversion ui --> py ne crée pas de méthode __init__(), donc il faudra aussi modifier cela.

Une autre solution est d'écrire ta main window seule et d'y intégrer les différents composants avec le module uic.


Edit: Voir ici aussi: http://www.mail-archive.com/pyqt@riv.../msg17893.html

Merci pour tes réponses,
je convertis mes fichiers en python avec pyuic4.

Citation:

---

tu utilises un simple widget comme emplacement réservé, tu le promeus en lui donnant le nom de la classe du widget en question, le chemin du fichier du widget au lieu du fichier d'entête

---

C'est ce que j'avais fait, mais je ne sais pas comment remplir le champ "fichier d'entête": tu dis le chemin du fichier, mais ici mon fichier MonWidget.py se trouve dans le même répertoire que mon fichier MaMainWindow.py donc je ne sais pas quoi mettre!

Code:

---

tu rectifies la ligne d'import du widget personnalisé

---

Du coup il faudra que je refasse cette manip à chaque fois que je régénère mon fichier MaMainWindow.py, n'y a t-il pas un moyen que la ligne d'import soit directement correcte?

Citation:

---

la conversion ui --> py ne crée pas de méthode __init__(), donc il faudra aussi modifier cela

---

Pourquoi créer la méthode __init__ ici? Que faut il mettre dedans?

Désolée je ne comprends pas encore tout...

Bonjour,

En ce qui me concerne, j'ai aussi des projets complexes avec de nombreuses fenêtres, mais j'utilise une méthode plus rustique, qui me donne pleinement satisfaction:

1- chaque fenêtre est composée de 4 fichiers:
- fenetre.py =>le script principal contenant la classe de la fenêtre héritant de QWidget ou QMainWindows
- fenetre_ui.ui => le fichier XML produit par Designer
- fenetre_ui.bat => la ligne d'instruction avec pyuic4 permettant d'automatiser la conversion en .py (un simple double clic dans le navigateur de fichiers)
- fenetre_ui.py => le résultat de la conversion en Python du fichier issu de Designer.

2- le script fenetre (fenetre.py) importe fenetre_ui.py en y ajoutant tout ce que Designer n'a pas pu apporter (les méthodes de traitement par exemple).

3- la (ou les) fenetre principale du programme (celle qui est lancée à partir de l'OS) se trouve à la racine du projet.

4- toutes les autres fenêtres appelées se trouvent dans des sous-répertoires construits comme des packages (avec les __init__).

5- en plus, les fonctions utilitaires ayant un caractère général se trouve dans un répertoire "bibliothèque", lui aussi construit comme un package.

Exemple:

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16

programme fenetre.py fenetre_ui.ui fenetre_ui.bat fenetre_ui.py   fenetre2 __init__.py fenetre2.py fenetre2_ui.ui fenetre2_ui.bat fenetre2_ui.py   bibliotheque __init__.py biblio.py

---

fenetre.py appelle fenetre2.py de la façon suivante:

Code:

---

1 2 3 4 5 6 7

from fenetre2.fenetre2 import Fenetre2 ... self.fen2 = Fenetre2(...) self.fen2.setAttribute(QtCore.Qt.WA_DeleteOnClose) self.fen2.setWindowModality(QtCore.Qt.NonModal) #si modale: self.fen2.setWindowModality(QtCore.Qt.ApplicationModal) self.fen2.show()

---

Dans des cas plus complexes, on peut faire que à sa fermeture, fenetre2 envoie un message de fermeture (emit) à la fenetre appelante, avec si nécessaire la transmission de données. De même, à la fermeture de la fenêtre principale de fenetre.py (closeEvent), on peut vérifier que toutes les fenetres appelées sont bien fermées, et si ce n'est pas le cas de les fermer.. ou de refuser la fermeture.

A noter que cette méthode est facilement acceptée par cx_freeze pour faire un logiciel "standalone" (.exe sous Windows).

Personnellement je préfère, comme tyrtamos, modifier moi-même la mainWindow pour y insérer les éléments qui n'y ont pas étés placés lors de la création de celle-ci avec le Designer.

C'est tout à fait normal de diviser une interface en plusieurs modules, surtout si l'on prévoit que cette interface devra subir des changements.

Par contre, faire ceci sans modifications des codes produit par pyuic4 je n'étais pas sur que ce soit possible, et pourtant il semble bien que oui. Et sans utiliser les promotions de widgets.

Exemple:
Une mainWindow et un widget designés séparément, soit mwin.ui et lst.ui
On converti:

Code:

---

1 2 3

vincent@tiemoko:~/Bureau$ pyuic4 -x mwin.ui -o mwin.py vincent@tiemoko:~/Bureau$ pyuic4 lst.ui -o lst.py

---

On edite mwin.py

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70

# -*- coding: utf-8 -*-   # Form implementation generated from reading ui file 'mwin.ui' # # Created: Thu Jun 6 14:43:43 2013 # by: PyQt4 UI code generator 4.9.1 # # WARNING! All changes made in this file will be lost!   from PyQt4 import QtCore, QtGui   try: _fromUtf8 = QtCore.QString.fromUtf8 except AttributeError: _fromUtf8 = lambda s: s   class Ui_MainWindow(object): def setupUi(self, MainWindow): MainWindow.setObjectName(_fromUtf8("MainWindow")) MainWindow.resize(591, 465) self.centralwidget = QtGui.QWidget(MainWindow) self.centralwidget.setObjectName(_fromUtf8("centralwidget")) self.gridLayout = QtGui.QGridLayout(self.centralwidget) self.gridLayout.setObjectName(_fromUtf8("gridLayout")) self.verticalLayout = QtGui.QVBoxLayout() self.verticalLayout.setObjectName(_fromUtf8("verticalLayout")) self.horizontalLayout = QtGui.QHBoxLayout() self.horizontalLayout.setObjectName(_fromUtf8("horizontalLayout")) self.treeView = QtGui.QTreeView(self.centralwidget) self.treeView.setObjectName(_fromUtf8("treeView")) self.horizontalLayout.addWidget(self.treeView) self.widget = QtGui.QWidget(self.centralwidget) self.widget.setObjectName(_fromUtf8("widget")) self.horizontalLayout.addWidget(self.widget) self.verticalLayout.addLayout(self.horizontalLayout) self.horizontalLayout_2 = QtGui.QHBoxLayout() self.horizontalLayout_2.setObjectName(_fromUtf8("horizontalLayout_2")) spacerItem = QtGui.QSpacerItem(40, 20, QtGui.QSizePolicy.Expanding, QtGui.QSizePolicy.Minimum) self.horizontalLayout_2.addItem(spacerItem) self.pushButton = QtGui.QPushButton(self.centralwidget) self.pushButton.setObjectName(_fromUtf8("pushButton")) self.horizontalLayout_2.addWidget(self.pushButton) self.verticalLayout.addLayout(self.horizontalLayout_2) self.gridLayout.addLayout(self.verticalLayout, 0, 0, 1, 1) MainWindow.setCentralWidget(self.centralwidget) self.menubar = QtGui.QMenuBar(MainWindow) self.menubar.setGeometry(QtCore.QRect(0, 0, 591, 20)) self.menubar.setObjectName(_fromUtf8("menubar")) MainWindow.setMenuBar(self.menubar) self.statusbar = QtGui.QStatusBar(MainWindow) self.statusbar.setObjectName(_fromUtf8("statusbar")) MainWindow.setStatusBar(self.statusbar)   self.retranslateUi(MainWindow) QtCore.QMetaObject.connectSlotsByName(MainWindow)   def retranslateUi(self, MainWindow): MainWindow.setWindowTitle(QtGui.QApplication.translate("MainWindow", "MainWindow", None, QtGui.QApplication.UnicodeUTF8)) self.pushButton.setText(QtGui.QApplication.translate("MainWindow", "PushButton", None, QtGui.QApplication.UnicodeUTF8))     if __name__ == "__main__": import sys app = QtGui.QApplication(sys.argv) MainWindow = QtGui.QMainWindow() ui = Ui_MainWindow() ui.setupUi(MainWindow) MainWindow.show() sys.exit(app.exec_())

---

On remarque, ligne 33, que j'ai placé un widget receveur en attente (placeholder dans les docs en anglais), c'est dans celui-ci que je vais placer mon widget créé séparément et dans lequel j'ai mis un QListWidget et un QPushButton.

Pour cela je modifie uniquement les dernières lignes du code:

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15

if __name__ == "__main__": import sys from lst import Ui_Form # Import du widget depuis lst.py (même dossier) app = QtGui.QApplication(sys.argv) wdg = QtGui.QWidget() # Création d'un widget support Form = Ui_Form() # Instance de la classe Ui_Form Form.setupUi(wdg) # on initialise son contenu dans le widget support MainWindow = QtGui.QMainWindow() ui = Ui_MainWindow() ui.setupUi(MainWindow) layout = QtGui.QGridLayout(ui.widget) # il faut un layout au widget receveur layout.addWidget(wdg, 0, 0, 1, 1) # on y place notre widget support MainWindow.show() # et le tour est joué. sys.exit(app.exec_())

---

Le code de lst.py pour pouvoir tester:

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44

# -*- coding: utf-8 -*-   # Form implementation generated from reading ui file 'lst.ui' # # Created: Thu Jun 6 14:59:12 2013 # by: PyQt4 UI code generator 4.9.1 # # WARNING! All changes made in this file will be lost!   from PyQt4 import QtCore, QtGui   try: _fromUtf8 = QtCore.QString.fromUtf8 except AttributeError: _fromUtf8 = lambda s: s   class Ui_Form(object): def setupUi(self, Form): Form.setObjectName(_fromUtf8("Form")) Form.resize(305, 332) self.gridLayout = QtGui.QGridLayout(Form) self.gridLayout.setObjectName(_fromUtf8("gridLayout")) self.verticalLayout = QtGui.QVBoxLayout() self.verticalLayout.setObjectName(_fromUtf8("verticalLayout")) self.listWidget = QtGui.QListWidget(Form) self.listWidget.setObjectName(_fromUtf8("listWidget")) self.verticalLayout.addWidget(self.listWidget) self.horizontalLayout = QtGui.QHBoxLayout() self.horizontalLayout.setObjectName(_fromUtf8("horizontalLayout")) spacerItem = QtGui.QSpacerItem(40, 20, QtGui.QSizePolicy.Expanding, QtGui.QSizePolicy.Minimum) self.horizontalLayout.addItem(spacerItem) self.pushButton = QtGui.QPushButton(Form) self.pushButton.setObjectName(_fromUtf8("pushButton")) self.horizontalLayout.addWidget(self.pushButton) self.verticalLayout.addLayout(self.horizontalLayout) self.gridLayout.addLayout(self.verticalLayout, 0, 0, 1, 1)   self.retranslateUi(Form) QtCore.QMetaObject.connectSlotsByName(Form)   def retranslateUi(self, Form): Form.setWindowTitle(QtGui.QApplication.translate("Form", "Form", None, QtGui.QApplication.UnicodeUTF8)) self.pushButton.setText(QtGui.QApplication.translate("Form", "PushButton", None, QtGui.QApplication.UnicodeUTF8))

---

Question personnelle, je sais, mais je préfère hacker les fichiers d'interface que cette méthode.

Bonjour,

Petit complément à mon message précédent: je ne modifie jamais à la main le code Python issu de Designer + pyuic4, et ceci pour une raison évidente: chaque nouvelle évolution du dessin de la fenêtre par Designer effacerait ces modifications!

Merci pour vos réponses,

effectivement ça me paraît une bonne méthode d'insérer les éléments depuis mon fichier main.py (mon programme principal, non issu de pyuic4, qui contient ma classe héritant de QMainWindow).
tyrtamos j'aime bien ta façon d'organiser les fichiers, je pense que je vais suivre le même modèle! J'avais mis tous mes fichiers dans le meme dossier mais ce sera bien plus lisible de séparer les fichiers dans des sous-dossiers comme tu le fais, avec un script batch pour chaque (j'en avait fait un qui regénérait tout à chaque fois).
VinsS j'ai testé ton code qui fonctionne très bien, cependant je ne comprends pas, c'est bien un fichier résultant d'un passage par pyuic4 que tu modifies (mwin.py)? Pourtant tu dis bien que tu ne modifies aucun code produit par pyuic4?

Oui, c'est bien le code convertit en Python mais la partie modifiée n'appartient pas au fichier original, le code ui, que tu pourras toujours modifier avec le Designer.

Ces lignes, tu le sais sans doute, sont ajoutées par pyuic4, pour permettre de tester immédiatement le code mais devront ensuite être déplacées dans le code principal de ton programme, celui qui lance l'appli et qui instanciera la fenêtre principale.

Mais bon, comme je l'ai dis, je voulais voir si l'on pouvait assembler des morceaux d'interfaces créés séparément sans toucher à leur code, cet exemple montre que oui mais ce n'est pas du tout ma façon de faire.

Ah d'accord je n'avais pas compris qu'il fallait déplacer les lignes dans mon programme principal :oops: en tout cas c'est une méthode à retenir, même si effectivement je ne pense pas que je vais l'utiliser pour ce projet.

Je vais partir sur le code et l'organisation proposée par tyrtamos, ça se prête vraiment bien à mon projet. Mon interface est constitué de 4 onglets principaux plus quelques sous-fenêtres, je vais donc créer un module pour chaque et importer les onglets ensuite lors de l'initialisation de mon programme principal.

Merci beaucoup!