Partage de technologie

Notions de base de Qt | Introduction de base et utilisation de Qt Creator | Création de projets Qt dans Visual Studio

2024-07-12

한어Русский языкEnglishFrançaisIndonesianSanskrit日本語DeutschPortuguêsΕλληνικάespañolItalianoSuomalainenLatina



1. Introduction et utilisation de base de Qt Creator

1. Créez un nouveau projet

Prenons l'exemple de la création d'un nouveau projet pour obtenir une compréhension préliminaire du processus de base de Creator pour concevoir une application.

Cliquez sur "Créer un projet",

image-20240711191729230

La boîte de dialogue suivante apparaît. Dans cette boîte de dialogue, sélectionnez le modèle du projet ou du fichier à créer.

image-20240711191823609

Qt Creator peut créer une variété de projets. Cliquez sur « Application » dans la zone de liste la plus à gauche. La zone de liste du milieu répertorie les modèles d'applications qui peuvent être créées. Les différents types d'applications sont les suivants :

  • Application Qt Widgets, interface utilisateur graphique, GUO prenant en charge les plates-formes de bureau

    application d'interface. La conception de l'interface graphique est entièrement basée sur le langage C++ et utilise la bibliothèque de classes C++ fournie par Qt.

  • Application console Qt, application console, pas d'interface graphique

  • Application Qt Quick, créez une application Qt Quick qui peut utiliser à la fois le code QML et C++. Qt Quick est un ensemble d'architecture de développement GUI pris en charge par Qt. Sa conception d'interface utilise le langage QML et l'architecture du programme utilise le langage C++. Qt Quick peut être utilisé pour concevoir des interfaces utilisateur très sympas, qui sont généralement utilisées pour la conception d'applications sans frontières sur des appareils mobiles ou embarqués.

  • Qt Quick Application (compat), crée une application Qt Quick contenant une fenêtre vide.

    Si vous souhaitez utiliser un système de build autre que CMake, ou utiliser une version de Qt inférieure à 6.0, veuillez utiliser cette version "compatible".

Après avoir sélectionné le type de projet comme « Application Qt Widgets », cliquez sur le bouton « Sélectionner » et l'assistant de nouveau projet apparaîtra.

  • Définir le nom du projet et enregistrer le chemin

    image-20240711192952123

  • Sélectionnez le système de build "qmake"

    image-20240711193223011

  • Sélectionnez la classe de base pour laquelle l'interface doit être créée (classe de base)

    image-20240711193329688

    Vous avez le choix entre 3 classes de base :

    • QMainWindow est la classe de fenêtre principale. La fenêtre principale possède une barre de menus principale, une barre d'outils et une barre d'état, similaires à une application générale.

      La fenêtre principale du programme

    • QWidget est la classe de base pour toutes les classes d'interface visuelle. L'interface créée en sélectionnant QWidget peut prendre en charge divers composants d'interface ;

    • QDialog est une classe de dialogue qui peut créer une interface basée sur le dialogue

  • Sélectionnez QMainWindow comme classe de base et cochez la case "Générer le formulaire".Si cette option est cochée, Qt Creator créera un fichier d'interface utilisateur (UI). Sinon, vous devrez écrire votre propre code manuscrit pour créer l'interface.

    image-20240711193738439

  • Les paramètres du fichier de traduction sont les suivants :

    image-20240711193856265

  • Sélectionnez le kit de construction

    image-20240711193953969

  • Cliquez sur le bouton "Terminer" pour terminer la création du projet

2. Composition et gestion des dossiers de projet

Après avoir terminé les étapes ci-dessus pour créer un nouveau projet, la fenêtre suivante s'affichera

image-20240711194435585

La fenêtre comporte deux sous-fenêtres, la supérieure et la inférieure. L'arborescence des répertoires supérieure montre la structure organisationnelle des fichiers du projet et affiche l'échantillon du projet en cours. Le nom du projet constitue un nœud racine de l'arborescence des répertoires. Qt Creator peut ouvrir plusieurs projets, mais il n'y a qu'un seul projet actif. Le nom du nœud du projet actif est indiqué en gras. Sous le nœud du nom du projet, les groupes gèrent divers fichiers sources du projet. Les fichiers et les groupes sont les suivants :

  • échantillon1_1.pro: Fichiers de gestion de projet, comprenant certains paramètres du projet
  • Regroupement d'en-tête : Sous ce nœud se trouvent tous les fichiers d'en-tête (.h) du projet
  • Regroupement des sources : Sous ce nœud se trouvent tous les fichiers sources C++ (.cpp) du projet
  • Groupe de formulaires: Sous ce nœud se trouvent tous les fichiers d'interface (.ui) du projet. Ce fichier utilise le langage XML pour décrire la composition de l'interface.

Le contenu d'affichage des sous-fenêtres supérieure et inférieure sur la gauche peut être sélectionné via une zone de liste déroulante au-dessus d'elles. Le contenu d'affichage qui peut être sélectionné comprend les projets, les documents ouverts, les signets, le système de fichiers, la vue de classe, le plan, etc.

image-20240711195541529

Double-cliquez sur le fichier mainwindow.ui et l'interface de conception de formulaire suivante apparaîtra. Cette interface est en fait Qt Designer intégré à Qt Creator.

image-20240711195812750

3. Compilation, débogage et fonctionnement du projet

Cliquez sur le bouton « Projets » dans la barre d'outils sur le côté gauche de la fenêtre principale et l'interface de configuration de compilation de projet suivante apparaîtra.

image-20240711200235288

Les outils de compilation disponibles dans ce projet sont affichés sous "Build & Run" dans la colonne de gauche de l'interface. Pour quel compilateur vous souhaitez utiliser pour la compilation du projet, cliquez simplement sur son nom. Le nom du compilateur sélectionné sera en gras express. .

Chaque compilateur dispose de deux interfaces de configuration, Build et Run. Sur l'interface de configuration de Build, il y a une case à cocher "Shadow build". Si cette option est cochée, un répertoire de fichiers compilés sera créé dans le même répertoire du projet après compilation. Le nom du répertoire contient les informations du compilateur. Cette méthode est généralement utilisée pour créer différentes versions de fichiers exécutables en utilisant différents compilateurs.

image-20240711200858385

Si cette option n'est pas cochée, des sous-répertoires "Debug" et "Release" seront créés dans le répertoire du projet après compilation pour stocker les fichiers compilés.

image-20240711201031505

Après avoir conçu le fichier mainwindow.ui et configuré les outils de compilation, vous pouvez compiler, déboguer ou exécuter le projet.

D'ACCORD. Il y a 4 boutons sous la barre d'outils sur le côté gauche de la fenêtre principale.

image-20240711201231154

Ses fonctions sont :

  • La première icône : menu contextuel pour sélectionner l'outil de compilation et le mode de compilation, tel que le mode Debug ou Release

  • Deuxième icône : Exécuter directement le programme S'il n'est pas compilé après modification, il sera compilé en premier. Les programmes exécutés de cette manière ne peuvent pas être débogués même si des points d'arrêt sont définis dans le programme.La touche de raccourci estCtrl + R

  • La troisième icône : Le projet doit être compilé en mode Débogage. Cliquez sur ce bouton pour démarrer le débogage et l'exécuter. Vous pouvez définir des points d'arrêt dans le programme. S'il est compilé en mode Release, le débogage ne peut pas être effectué même en cliquant sur ce bouton.La touche de raccourci estF5

    Dans le développement technique, Visual Studio est généralement choisi comme logiciel de débogage.

  • Quatrième icône : Compiler le projet en cours

2. Créez un projet Qt dans Visual Studio

Remarque : La création d'un nouveau projet VS s'effectue une fois l'installation de qt et vsaddin terminée, et une fois la configuration des versions Qt terminée, veuillez vous référer à :https://liujie.blog.csdn.net/article/details/139798429

  • Cliquez sur "Créer un nouveau projet"

    image-20240618190434230

  • Sélectionnez "C++" pour toutes les langues

    image-20240618190642019

  • Entrez "qt" dans la recherche, sélectionnez le modèle qt approprié et cliquez sur "Suivant".

    image-20240618190750663

  • Configurez un nouveau projet, configurez le nom et l'emplacement de votre projet, puis cliquez sur "Créer".

    image-20240618191255720

  • Cliquez sur Suivant"

    image-20240618192701520

  • Cliquez sur "Suivant" pour créer le projet

    image-20240618192907990

  • Après avoir sélectionné la classe Base, cliquez sur "Finsh"

    image-20240618193055235

    Ici, vous devez en fait définir le nom de classe sur Vsdemo01 (en commençant par une majuscule) et cocher "Noms de fichiers en minuscules".

    image-20240618193120440

    image-20240618193216791

  • Cliquez sur "Débogueur Windows local" pour compiler et déboguer

    image-20240618193425663

Avis: Lorsque vous double-cliquez pour ouvrir le fichier xx.ui dans Visual Studio 2019, une erreur sera signalée s'il est ouvert directement.

image-20240618193653259

Par conséquent, vous devez cliquer avec le bouton droit sur le fichier ui et réinitialiser la méthode d'ouverture

image-20240618193819280

Cliquez sur "Ajouter" et sélectionnez qtcreator dans le répertoire d'installation de qt pour l'ouvrir. Le chemin est le suivant :D:QtToolsQtCreatorbinqtcreator

image-20240618194051398

Cliquez sur "OK" et "Définir par défaut"

image-20240618194254872

image-20240618194342959

À ce stade, le fichier xx.ui peut être ouvert dans qtcreator sans erreur.

image-20240618194500652

Après avoir modifié le fichier xx.ui, n'oubliez pasctrl+sEnregistrez puis fermez qtcreator !

image-20240618194822185

À ce stade, recompilez simplement vs2019

image-20240618194940410

Description : Le projet est créé !