PySide Advanced Examples/fr: Difference between revisions

From FreeCAD Documentation
(Updating to match new version of source page)
(Created page with "Pour l'utiliser, il suffit de l'appliquer à votre widget fraîchement créé comme ceci:")
(9 intermediate revisions by the same user not shown)
Line 1: Line 1:
<languages/>
<languages/>
==Introduction==
== Introduction ==


{{TOCright}}
{{TOCright}}


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]]).
The purpose of this page is to cover advanced level examples of the [[PySide]] GUI manager (there are accompanying pages [[PySide Beginner Examples]] and [[PySide Intermediate Examples]]).


By using the PySide module from inside FreeCAD, you have full control over its interface. You can for example:
En utilisant le module PySide depuis FreeCAD, vous avez un contrôle total sur son interface. Vous pouvez par exemple:
* Add your own panels, widgets and toolbars
* Ajouter vos propres panneaux, widgets et barres d'outils
* Ajouter ou masquer des éléments aux panneaux existants
* Add or hide elements to existing panels
* Changer, rediriger ou ajouter des connexions entre tous ces éléments
* Change, redirect or add connections between all those elements


== Créer une référence pour la fenêtre principale ==
==Create Reference for the Main Window==
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:
If you want to work on the FreeCAD interface, the very first thing to do is create a reference to the FreeCAD main window:
{{Code|code=
{{Code|code=
import sys
import sys
Line 19: Line 19:
mw = FreeCADGui.getMainWindow()
mw = FreeCADGui.getMainWindow()
}}
}}
== Parcourir les Enfants de la fenêtre principale ==
==Browse the Children of the Main Window==
Then, you can for example browse through all the widgets of the interface:
Ensuite, vous pouvez par exemple parcourir tous les widgets de l'interface:
{{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
}}
}}
The widgets in a Qt interface are usually nested into "container" widgets, so the children of our main window can themselves contain other children. Depending on the widget type, there are a lot of things you can do. Check the API documentation to see what is 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.


== Ajouter un nouveau widget manuellement ==
==Add New Widget Manually==
Adding a new widget, for example a dockWidget (which can be placed in one of FreeCAD's side panels) is easy:
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=
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:
You could then add stuff directly to your widget:
{{Code|code=
{{Code|code=
myWidget.setObjectName("my Nice New Widget")
myWidget.setObjectName("my Nice New Widget")
Line 41: Line 41:
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
}}
}}
== Ajouter un nouveau widget en créant un objet d'interface utilisateur ==
==Add New Widget by Creating UI Object==
But a preferred method is to create a UI object which will do all of the setup of your widget at once. The big advantage is that such an UI object can be [[Dialog creation|created graphically]] with the Qt Designer program. A typical object generated by Qt Designer is like this:
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=
class myWidget_Ui(object):
class myWidget_Ui(object):
Line 57: Line 57:
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:
To use it, you just need to apply it to your freshly created widget like this:
{{Code|code=
{{Code|code=
app = QtGui.qApp
app = QtGui.qApp

Revision as of 19:44, 22 October 2020

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