PySide Advanced Examples/fr: Difference between revisions

From FreeCAD Documentation
(Created page with "La clé pour charger un fichier d'interface utilisateur avec succès est d'utiliser le chemin d'accès complet au fichier. Par exemple, le Std_AddonMgr/fr|Gestionnaire d'Add...")
(Updating to match new version of source page)
 
(13 intermediate revisions by 3 users not shown)
Line 3: Line 3:
{{TOCright}}
{{TOCright}}


<span id="Introduction"></span>
== Introduction ==
== Introduction ==


Le but de cette page est de couvrir des exemples de niveau avancé du gestionnaire GUI [[PySide/fr|PySide]] (il y a des pages d'accompagnement [[PySide_Beginner_Examples/fr|PySide: Exemples pour débutant]] et [[PySide_Intermediate_Examples/fr|PySide: Exemples pour niveau intermédiaire]]).
Le but de cette page est de couvrir des exemples de niveau avancé du gestionnaire GUI [[PySide/fr|PySide]] (il y a des pages d'accompagnement [[PySide_Beginner_Examples/fr|PySide : Exemples pour débutant]] et [[PySide_Intermediate_Examples/fr|PySide : Exemples pour niveau intermédiaire]]).


En utilisant le module PySide depuis FreeCAD, vous avez un contrôle total sur son interface. Vous pouvez par exemple:
En utilisant le module PySide depuis FreeCAD, vous avez un contrôle total sur son interface. Vous pouvez par exemple :
* Ajouter vos propres panneaux, widgets et barres d'outils
* Ajouter vos propres panneaux, widgets et barres d'outils
* Ajouter ou masquer des éléments aux panneaux existants
* Ajouter ou masquer des éléments aux panneaux existants
* Changer, rediriger ou ajouter des connexions entre tous ces éléments
* Changer, rediriger ou ajouter des connexions entre tous ces éléments


<span id="Create_Reference_to_the_Main_Window"></span>
== Créer une référence pour la fenêtre principale ==
== Créer une référence pour la fenêtre principale ==


Si vous souhaitez travailler sur l'interface FreeCAD, la toute première chose à faire est de créer une référence à la fenêtre principale de FreeCAD:
Si vous souhaitez travailler sur l'interface FreeCAD, la toute première chose à faire est de créer une référence à la fenêtre principale de FreeCAD :


{{Code|code=
{{Code|code=
Line 23: Line 25:
}}
}}


<span id="Browse_the_Children_of_the_Main_Window"></span>
== Parcourir les Enfants de la fenêtre principale ==
== Parcourir les Enfants de la fenêtre principale ==


Ensuite, vous pouvez par exemple parcourir tous les widgets de l'interface:
Ensuite, vous pouvez par exemple parcourir tous les widgets de l'interface :


{{Code|code=
{{Code|code=
Line 34: Line 37:
Les widgets d'une interface Qt sont généralement imbriqués dans des "conteneurs" widgets, de sorte que les enfants de notre fenêtre principale peuvent contenir d'autres enfants. Selon le type de widget, vous pouvez faire énormément de choses. Vérifiez la documentation de l'API pour voir ce qui est possible.
Les widgets d'une interface Qt sont généralement imbriqués dans des "conteneurs" widgets, de sorte que les enfants de notre fenêtre principale peuvent contenir d'autres enfants. Selon le type de widget, vous pouvez faire énormément de choses. Vérifiez la documentation de l'API pour voir ce qui est possible.


<span id="Add_New_Widget_Manually"></span>
== Ajouter un nouveau widget manuellement ==
== Ajouter un nouveau widget manuellement ==


L'ajout d'un nouveau widget, par exemple un qdockWidget (qui peut être placé dans l'un des panneaux latéraux de FreeCAD) est facile:
L'ajout d'un nouveau widget, par exemple un qdockWidget (qui peut être placé dans l'un des panneaux latéraux de FreeCAD) est facile :


{{Code|code=
{{Code|code=
Line 43: Line 47:
}}
}}


Vous pouvez ensuite ajouter ce que vous voulez directement sur votre widget:
Vous pouvez ensuite ajouter ce que vous voulez directement sur votre widget :


{{Code|code=
{{Code|code=
Line 53: Line 57:
}}
}}


<span id="Add_New_Widget_by_Creating_UI_Object"></span>
== Ajouter un nouveau widget en créant un objet d'interface utilisateur ==
== Ajouter un nouveau widget en créant un objet d'interface utilisateur ==


Mais une méthode préférée est de créer un objet d'interface utilisateur qui effectuera toute la configuration de votre widget à la fois. Le gros avantage est qu'un tel objet UI peut être [[Dialog_creation/fr|créé graphiquement]] avec le programme Qt Designer. Un objet typique généré par Qt Designer est comme ceci:
Mais une méthode préférée est de créer un objet d'interface utilisateur qui effectuera toute la configuration de votre widget à la fois. Le gros avantage est qu'un tel objet UI peut être [[Dialog_creation/fr|créé graphiquement]] avec le programme Qt Designer. Un objet typique généré par Qt Designer est comme ceci :


{{Code|code=
{{Code|code=
Line 72: Line 77:
}}
}}


Pour l'utiliser, il suffit de l'appliquer à votre widget fraîchement créé comme ceci:
Pour l'utiliser, il suffit de l'appliquer à votre widget fraîchement créé comme ceci :


{{Code|code=
{{Code|code=
Line 83: Line 88:
}}
}}


<span id="Loading_the_UI_from_a_Qt_Designer_.ui_File"></span>
== Chargement de l'interface utilisateur à partir d'un fichier .ui Qt Designer ==
== Chargement de l'interface utilisateur à partir d'un fichier .ui Qt Designer ==


La clé pour charger un fichier d'interface utilisateur avec succès est d'utiliser le chemin d'accès complet au fichier. Par exemple, le [[Std_AddonMgr/fr|Gestionnaire d'Addon]] le fait comme ceci:
La clé pour charger un fichier d'interface utilisateur avec succès est d'utiliser le chemin d'accès complet au fichier. Par exemple, le [[Std_AddonMgr/fr|Gestionnaire des extensions]] le fait comme ceci :


{{Code|code=
{{Code|code=

Latest revision as of 14:02, 26 February 2023

Other languages:

Introduction

Le but de cette page est de couvrir des exemples de niveau avancé du gestionnaire GUI PySide (il y a des pages d'accompagnement PySide : Exemples pour débutant et PySide : Exemples pour niveau intermédiaire).

En utilisant le module PySide depuis FreeCAD, vous avez un contrôle total sur son interface. Vous pouvez par exemple :

  • Ajouter vos propres panneaux, widgets et barres d'outils
  • Ajouter ou masquer des éléments aux panneaux existants
  • Changer, rediriger ou ajouter des connexions entre tous ces éléments

Créer une référence pour la fenêtre principale

Si vous souhaitez travailler sur l'interface FreeCAD, la toute première chose à faire est de créer une référence à la fenêtre principale de FreeCAD :

import sys
from PySide import QtGui ,QtCore 
app = QtGui.qApp
mw = FreeCADGui.getMainWindow()

Parcourir les Enfants de la fenêtre principale

Ensuite, vous pouvez par exemple parcourir tous les widgets de l'interface :

for child in mw.children():
   print('widget name = ', child.objectName(), ', widget type = ', child)

Les widgets d'une interface Qt sont généralement imbriqués dans des "conteneurs" widgets, de sorte que les enfants de notre fenêtre principale peuvent contenir d'autres enfants. Selon le type de widget, vous pouvez faire énormément de choses. Vérifiez la documentation de l'API pour voir ce qui est possible.

Ajouter un nouveau widget manuellement

L'ajout d'un nouveau widget, par exemple un qdockWidget (qui peut être placé dans l'un des panneaux latéraux de FreeCAD) est facile :

myWidget = QtGui.QDockWidget()
mw.addDockWidget(QtCore.Qt.RightDockWidgetArea,myWidget)

Vous pouvez ensuite ajouter ce que vous voulez directement sur votre widget :

myWidget.setObjectName("my Nice New Widget")
myWidget.resize(QtCore.QSize(300,100)) # sets size of the widget
label = QtGui.QLabel("Hello World", myWidget) # creates a label
label.setGeometry(QtCore.QRect(2,50,200,24))  # sets its size
label.setObjectName("myLabel") # sets its name, so it can be found by name

Ajouter un nouveau widget en créant un objet d'interface utilisateur

Mais une méthode préférée est de créer un objet d'interface utilisateur qui effectuera toute la configuration de votre widget à la fois. Le gros avantage est qu'un tel objet UI peut être créé graphiquement avec le programme Qt Designer. Un objet typique généré par Qt Designer est comme ceci :

class myWidget_Ui(object):
  def setupUi(self, myWidget):
    myWidget.setObjectName("my Nice New Widget")
    myWidget.resize(QtCore.QSize(300,100).expandedTo(myWidget.minimumSizeHint())) # sets size of the widget

    self.label = QtGui.QLabel(myWidget) # creates a label
    self.label.setGeometry(QtCore.QRect(50,50,200,24)) # sets its size
    self.label.setObjectName("label") # sets its name, so it can be found by name

  def retranslateUi(self, draftToolbar): # built-in QT function that manages translations of widgets
    myWidget.setWindowTitle(QtGui.QApplication.translate("myWidget", "My Widget", None, QtGui.QApplication.UnicodeUTF8))
    self.label.setText(QtGui.QApplication.translate("myWidget", "Welcome to my new widget!", None, QtGui.QApplication.UnicodeUTF8))

Pour l'utiliser, il suffit de l'appliquer à votre widget fraîchement créé comme ceci :

app = QtGui.qApp
FCmw = app.activeWindow()
myNewFreeCADWidget = QtGui.QDockWidget() # create a new dckwidget
myNewFreeCADWidget.ui = myWidget_Ui() # load the Ui script
myNewFreeCADWidget.ui.setupUi(myNewFreeCADWidget) # setup the ui
FCmw.addDockWidget(QtCore.Qt.RightDockWidgetArea,myNewFreeCADWidget) # add the widget to the main window

Chargement de l'interface utilisateur à partir d'un fichier .ui Qt Designer

La clé pour charger un fichier d'interface utilisateur avec succès est d'utiliser le chemin d'accès complet au fichier. Par exemple, le Gestionnaire des extensions le fait comme ceci :

self.dialog = FreeCADGui.PySideUic.loadUi(os.path.join(os.path.dirname(__file__), "AddonManager.ui"))