Dialog creation with various widgets/fr

Introduction
Exemple de création de boîte de dialogue avec PySide.

Dans cet exemple, l'interface entière est définie en Python. Bien que cela soit possible pour les petites interfaces, pour les interfaces plus importantes, la recommandation est de charger les fichiers créés directement dans le programme. Voir Création d'une interface avec des fichiers UI pour plus d'informations.

Méthode 1
Un exemple d'une boîte de dialogue complète avec ses connections.

Ici la même fenêtre mais avec un icône sur chaque bouton.

Téléchargez les icônes associés (Faites clic droit sur l'icône "Enregistrer l'image sous ...)"



Ici le code pour afficher l'icône sur le pushButton, modifiez le nom pour un autre bouton, (radioButton, checkBox) ainsi que le chemin de l'icône.

La commande UserAppData donne le chemin utilisateur AppHomePath donne le chemin d'installation de FreeCAD

Cette commande inverse le sens horizontal du bouton, droite à gauche

Méthode 2
Une autre méthode pour afficher une fenêtre, ici en créant un fichier QtForm.py qui renferme l'entête du programme (module appelé avec import QtForm), et d'un deuxième module qui renferme le code de la fenêtre tous ces accessoires, et votre code (le module appelant).

Cette méthode nécessite 2 fichiers distincts, mais permet de raccourcir votre programme, en utilisant le fichier QtForm.py en import. Il faut alors distribuer les deux fichiers ensemble, ils sont indissociables.

Le fichier QtForm.py

Le fichier appelant, qui contient la fenêtre et votre code.

Le fichier my_file.py

Les connections sont à faire, un bon exercice.

Autre exemple

Sont traités :

La page de code et les icônes Qt Exemples
 * 1) icon for window : l'icône affiché sur le coin supérieur gauche de la fenêtre principale
 * 2) horizontalSlider : horizontal slider sa connexion et extraction / affectation de données
 * 3) progressBar horizontal : progress bar horizontal sa connexion et extraction / affectation de données
 * 4) verticalSlider : vertical slider sa connexion et extraction / affectation de données
 * 5) progressBar vertical : progress bar verticale sa connexion et extraction / affectation de données
 * 6) lineEdit : line edit sa connexion et extraction / affectation de données
 * 7) lineEdit :
 * 8) doubleSpinBox : double spinbox sa connexion et extraction / affectation de données
 * 9) doubleSpinBox :
 * 10) doubleSpinBox :
 * 11) button : button et sa connexion
 * 12) button :
 * 13) radioButton : radio button avec icône sa connexion checked
 * 14) checkBox : checkbox with avec icône sa connexion checked and unchecked
 * 15) textEdit : text edit sa connexion et extraction / affectation de données
 * 16) graphicsView : graphic view avec 2 images et la méthode pour changer d'image