Noël NOVELLI et Laurent TICHIT ; Université de la Méditerranée ; Département d’Informatique de Luminy – 13 288 MARSEILLE cedex 9 QtQt :: "Code"Code less.less. CreateCreate more."more." QtQt éditéédité parpar trolltechtrolltech http://qt.nokia.comhttp://qt.nokia.com :: Ensemble d’outils et de bibliothèques Cross-platform C++ et bindings : Java (Jambi), Python (PyQt, PySide), ... Existe en version OpenSource y compris pour Windows (Qt4) Qt3 et Qt4 (version actuelle 4.7.4) Outils Qt Assistant : aide ! Qt Linguist : traducteur Qt Designer : conception d’IHM et générateur de code Qt Demo : Démonstration des possibilités de Qt Qt Creator : IDE (environnement de développement intégré) Implémentation totale du MVC (depuis Qt4) Intégrable à Eclipse, KDevelop et Visual Studio (Express & PSDK) QtQt :: "Code"Code less.less. CreateCreate more."more." QtQt éditéédité parpar trolltechtrolltech www.qt.nokia.comwww.qt.nokia.com :: Documentation en ligne http://doc.qt.nokia.com Documentation locale Qt Assistant (assistant) Documentation en livres ! BU : Qt3 et Qt4 Qt Designer (designer) Qt3 Designer : presque IDE Qt4 Designer : uniquement l’IHM et génération de code Basé sur la notion de widgets, objets… Envoi de messages d’objet à objet : signals, slots et connectors Qt4Qt4 DesignerDesigner Dialog with buttons bottom Qt4Qt4 DesignerDesigner Agencement des contrôles (layouts) Appliqué aux widgets Frame Labels Sliders Appliqué à la dialogue Spacer Buttons Qt4Qt4 DesignerDesigner Slots et connectors Ctrl+R et hop ça marche ! Qt4Qt4 DesignerDesigner IlIl fautfaut penserpenser àà lala générationgénération dede codecode Nommer correctement les objets utilisés de la QDialog y compris la boîte de dialogue elle-même (propriété objectName. Par exemple, dlgChooseColor, _slHue, _slSaturation…) Ne pas oublier l’ordre des focus Sauvegarder : un fichier .ui est créé Créer le programme principal Qt4Qt4 Programme principal Qt4Qt4 (Visual(Visual Studio)Studio) qmakeqmake -project-project -tp-tp vcvc -o-o <projectName.pro><projectName.pro> TEMPLATE = vcapp Le fichier .pro est créé TARGET = DEPENDPATH += . INCLUDEPATH += . # Input FORMS += dlgChooseColor.ui qmakeqmake SOURCES += main.cpp Création des fichiers pour la compilation (Makefile, .vcproj…) make,make, nmake,nmake, F7F7…… MVC,MVC, lesles sliderssliders etet lesles labelslabels fonctionnentfonctionnent correctementcorrectement maismais lala couleurcouleur n’estn’est paspas lala bonne…bonne… PasPas mieuxmieux queque Ctrl+RCtrl+R AjoutAjout dede lala gestiongestion spécifiquespécifique dede lala boîteboîte dede dialoguedialogue Qt4Qt4 Code spécifique pour la couleur dans le cadre Qt4Qt4 Code spécifique pour la couleur dans le cadre Qt4Qt4 Nouvelle version du Programme principal Qt4Qt4 (Visual(Visual Studio)Studio) qmakeqmake -project-project -tp-tp vcvc -o-o <projectName.pro><projectName.pro> TEMPLATE = vcapp Le fichier .pro est créé/modifié TARGET = DEPENDPATH += . INCLUDEPATH += . # Input HEADERS += dlgChooseColor.h FORMS += dlgChooseColor.ui SOURCES += dlgChooseColor.cpp main.cpp qmakeqmake Création des fichiers pour la compilation (Makefile, .vcproj…) make,make, nmake,nmake, F7F7…… LaLa FrameFrame changechange dede couleurcouleur !!!!!!!!!! Qt4Qt4 (KDevelop)(KDevelop) kdevelopkdevelop enen modemode C/C++C/C++ Créer un nouveau projet vide C++, QMake project. Si vous avez configuré Qt4 par défaut, rien d'autre à faire sinon il faut saisir les bons chemins d'accés. Qt4Qt4 (KDevelop)(KDevelop) Qt4Qt4 (KDevelop)(KDevelop) Options du sous-projet Sélectionner « Sous dossiers » Ajouter un sous-projet nommé src. Le code source sera dans lele répertoirerépertoire srcsrc Qt4Qt4 (KDevelop)(KDevelop) ChoisirChoisir «« AjouterAjouter lesles fichiersfichiers existantsexistants »» AjouterAjouter toustous vosvos codescodes sourcessources :: .cpp,.cpp, .h,.h, .ui....ui... CetteCette actionaction effectueeffectue uneune recopierecopie desdes fichiersfichiers dansdans votrevotre projet.projet. L'arborescenceL'arborescence dudu projetprojet estest complète.complète. ChoisirChoisir «« OptionOption dudu sous-projetsous-projet »» pourpour src.src. DansDans l'ongletl'onglet «« NotionsNotions dede basebase »,», saisirsaisir ../bin../bin dansdans Cible/CheminCible/Chemin etet nomménommé votrevotre exécutable.exécutable. CompilerCompiler «« ConstruireConstruire lele projetprojet »» etet exécuterexécuter QmakeQmake Exécuter.Exécuter. Qt4Qt4 (Qt(Qt Creator)Creator) EnvironnementEnvironnement dede développementdéveloppement intégré,intégré, interfacéinterfacé avecavec QtQt Designer,Designer, GCC/Mingw/MSVC,GCC/Mingw/MSVC, GDB/CDB,GDB/CDB, CVS/SVN/Hg/gitCVS/SVN/Hg/git ÉvolutionÉvolution rapiderapide :: – QtQt 4.6.x4.6.x :: CreatorCreator 1.31.3 – QtQt 4.7.04.7.0 :: CreatorCreator 2.02.0 – QtQt 4.7.44.7.4 :: CreatorCreator 2.32.3 Qt4Qt4 (Qt(Qt Creator)Creator) Qt4Qt4 (Qt(Qt Creator)Creator) Qt4Qt4 (Qt(Qt Creator)Creator) Qt4Qt4 (Qt(Qt Creator)Creator).