« Programmation Qt/Qt Designer » : différence entre les versions

Contenu supprimé Contenu ajouté
retrait de phrases à la première personnes, de phrases mal formulées, et d'informations obsolètes. correction du niveau des titres
Ligne 1 :
{{NavTitre|book={{BASEPAGENAME}}|prev=Créer un projet avec Qt Creator|next=Utiliser la documentation Qt}}
{{programmation Qt}}
== Le designer ==
 
=== Introduction ===
Qt designer est une série d'outils intégrés dans [[../Qt Creator/]] permettant de créer graphiquement des interfaces graphiques de l'application.
Lors de la [[compilation]] elles seront automatiquement reconverties en c++ et donc utilisables comme des classes normales.
 
=== Utilisation ===
[[Image:Qt-Designer-4-3-4.png|thumb|Qt Designer 4.3.4]]
{{...}}
 
=== Incorporation ===
Après avoir dessiné l'interface, enregistrez votre fichier (pour l'exemple se sera widget.ui). Dans le fichier essais.pro, ajoutez la ligne :
 
Ligne 43 ⟶ 42 :
{{FichierFin}}
 
==autre exemple==
 
===Article Qt Designer===
 
==== Présentation== ==
QT Designer est un programme servie directement avec [[QT]]
 
Il permet de faire une fenêtre de départ, qui une fois générée peut être appelée et utilisée dans le code source d'un programme
 
----
 
 
====Présentation====
 
Qt Designer est disponible en lançant Qt Creator depuis ''Menu démarrer'' > ''Tous les programmes'' > ''Qt SDK'' > ''Qt Creator'' (windows).
Ligne 60 ⟶ 50 :
[[File:QtCreator DesignerExample.png|Copie d'écran de des outils Qt designer intégrés à Qt Creator sous Windows 7.]]
 
=====Principe=== Code ==
 
voici le principe :
 
L'utilisateur dessine un fichier de QT Designer (.ui),il code un fichier source (.cpp), le .ui est transformé en un header file (.h) via l'outil voir le code,l'utilisateur fait un .h et il mets le .h dans le projet.
 
====Code====
 
<em>L'exemple est pris [http://www.siteduzero.com/tuto-3-31587-1-modeliser-ses-fenetres-avec-qt-designer.html ici]
</em>
 
L'exemple est une calculatrice à fabriquer sous Qt designer.
 
Le tableau ci-dessous liste les composants de la fenêtre :
Comme je ne suis pas à la mesure de faire une capture directe, je vais vous montrer le tableau explicatif :
{| class="wikitable" width="80%" align="center"
|+ Tableau
Ligne 111 ⟶ 92 :
|}
 
===== .pro== ===
 
ilIl faut modifier le fichier .pro :
voici le code :
il faut modifier le .pro :
 
<source lang="make">
Ligne 133 ⟶ 113 :
ATTENTION ! Il faut faire <tt>qmake</tt>, <tt>make</tt> pour lancer, et ne pas mettre <tt>qmake -project</tt>, sinon Qt régénérera un un fichier .pro normal.
 
=====source file (main.cpp)== ===
 
je vais utiliser un héritage simple
 
 
======main.cpp======
 
voici le main.cpp:
Ligne 161 ⟶ 136 :
</source>
 
====== FenCalculatrice.cpp ======
 
et FenCalculatrice.cpp:
 
<source lang=cpp-qt>
Ligne 176 ⟶ 149 :
</source>
 
===== header files (.h)== ===
 
et FenCalculatrice.cpp:h
il faut faire un ui_calculatrice.h et mettre les donne de qt designer
 
 
le FenCalculatrice.h
 
<source lang=cpp-qt>
Ligne 208 ⟶ 178 :
</source>
 
== Liens externes ==
Cet article est fini mais ils se peut qu'ils grandisse
à l'avenir, pour le moment voici les liens :
 
==Liens externes==
 
* [http://www.siteduzero.com/informatique/tutoriels/programmez-avec-le-langage-c/presentation-de-qt-designer Tutoriel QT designer] sur Le site du zero.