PySide Advanced Examples/fr: Difference between revisions

From FreeCAD Documentation
(Updating to match new version of source page)
(Updating to match new version of source page)
Line 1: Line 1:
<languages/>
<languages/>
== Introduction ==


{{TOCright}}
{{TOCright}}

== 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]]).
Line 11: Line 12:
* Changer, rediriger ou ajouter des connexions entre tous ces éléments
* Changer, rediriger ou ajouter des connexions entre tous ces éléments


==Create Reference for the Main Window==

<div class="mw-translate-fuzzy">
== 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:
</div>

{{Code|code=
{{Code|code=
import sys
import sys
Line 19: Line 25:
mw = FreeCADGui.getMainWindow()
mw = FreeCADGui.getMainWindow()
}}
}}

==Browse the Children of the Main Window==

<div class="mw-translate-fuzzy">
== 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:
</div>

{{Code|code=
{{Code|code=
for child in mw.children():
for child in mw.children():
print('widget name = ', child.objectName(), ', widget type = ', child)
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.
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.


==Add New Widget Manually==

<div class="mw-translate-fuzzy">
== 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:
</div>

{{Code|code=
{{Code|code=
myWidget = QtGui.QDockWidget()
myWidget = QtGui.QDockWidget()
mw.addDockWidget(QtCore.Qt.RightDockWidgetArea,myWidget)
mw.addDockWidget(QtCore.Qt.RightDockWidgetArea,myWidget)
}}
}}

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=
myWidget.setObjectName("my Nice New Widget")
myWidget.setObjectName("my Nice New Widget")
Line 41: Line 61:
label.setObjectName("myLabel") # sets its name, so it can be found by name
label.setObjectName("myLabel") # sets its name, so it can be found by name
}}
}}

==Add New Widget by Creating UI Object==

<div class="mw-translate-fuzzy">
== 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:
</div>

{{Code|code=
{{Code|code=
class myWidget_Ui(object):
class myWidget_Ui(object):
Line 57: Line 83:
self.label.setText(QtGui.QApplication.translate("myWidget", "Welcome to my new 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:
Pour l'utiliser, il suffit de l'appliquer à votre widget fraîchement créé comme ceci:

{{Code|code=
{{Code|code=
app = QtGui.qApp
app = QtGui.qApp
Line 66: Line 94:
FCmw.addDockWidget(QtCore.Qt.RightDockWidgetArea,myNewFreeCADWidget) # add the widget to the main window
FCmw.addDockWidget(QtCore.Qt.RightDockWidgetArea,myNewFreeCADWidget) # add the widget to the main window
}}
}}

==Loading the UI from a Qt Designer .ui File==

The key to loading a UI file successfully is to use the full path to the file. As an example, the [[Addon Manager]] does it like this:

{{Code|code=
self.dialog = FreeCADGui.PySideUic.loadUi(os.path.join(os.path.dirname(__file__), "AddonManager.ui"))
}}



{{Powerdocnavi{{#translation:}}}}
{{Powerdocnavi{{#translation:}}}}

Revision as of 11:35, 13 March 2021

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

Create Reference for the Main Window

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()

Browse the Children of the Main Window

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.

Add New Widget Manually

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

Add New Widget by Creating UI Object

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

Loading the UI from a Qt Designer .ui File

The key to loading a UI file successfully is to use the full path to the file. As an example, the Addon Manager does it like this:

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