Tutoriel Qt Quick : comment suivre

| Traducteur : Louis du Verdier | Qt Developer Network |

Cet article va décrire les outils nécessaires ainsi que leur utilisation de base pour suivre correctement le tutoriel Qt Quick.

Commentez

- Titre : Tutoriel Qt Quick : comment suivre

- Auteurs : Traducteur : Louis du Verdier, Qt Developer Network

- Parution : 24 avril 2011

- Mise à jour : 8 juin 2011

- Licence : Copyright ® 2011 Developpez LLC. Tous droits réservés Developpez LLC. Aucune reproduction, même partielle, ne peut être faite de ce site et de l'ensemble de son contenu : textes, documents et images sans l'autorisation expresse de Developpez LLC. Sinon vous encourez selon la loi jusqu'à trois ans de prison et jusqu'à 300 000 € de dommages et intérêts.

Sommaire

- I. L'article original

- II. Logiciels requis

- III. Installation des sources du tutoriel

- IV. Ouverture d'un projet Qt Quick dans Qt Creator

- V. Lancement du code Qt Quick

- VI. Divers

I - L'article original

Le Qt Developer Network est un réseau de développeurs utilisant Qt afin de partager leur savoir sur ce framework. Vous pouvez le consulter en anglais.

Nokia, Qt, Qt Quarterly et leurs logos sont des marques déposées de Nokia Corporation en Finlande et/ou dans les autres pays. Les autres marques déposées sont détenues par leurs propriétaires respectifs.

Cet article est la traduction de Qt Quick Tutorial: How to Follow Along.

II - Logiciels requis

Le tutoriel Qt Quick nécessite que Qt 4.7.0 et Qt Creator 2.0 (ou plus récents) soient installés. Vous pouvez télécharger Qt et Qt Creator en vous rendant ici. Vous pouvez alors suivre les instructions d'installation.

III - Installation des sources du tutoriel

Les sources du tutoriel sont disponibles au téléchargement. Une fois la page ouverte, faites un clic droit sur le fichier qtdn-quick-tutorial.zip et sélectionnez Enregistrer la cible du lien sous dans le menu contextuel. Dans la boîte de dialogue de sauvegarde de fichier, il s'agit de sélectionner le dossier où enregistrer l'archive et de cliquer sur « Enregistrer ».

Naviguons dans le dossier contenant l'archive ZIP dans un explorateur de fichier et extrayons-la. L'extraction crée un répertoire QtDN_QuickTutorial, qui contient un sous-répertoire pour chaque module. Ces sous-répertoires contiennent tous les fichiers nécessaires pour lancer les exemples d'un module. On se référera au dossier QtDN_QuickTutorial pour le répertoire du tutoriel dans le texte ou bien $TUTORIAL_DIR dans le code.

IV - Ouverture d'un projet Qt Quick dans Qt Creator

Il est possible de lancer un projet Qt Quick à l'intérieur de Qt Creator en sélectionnant Fichier | Ouvrir un fichier ou un projet depuis le menu ou en faisant Ctrl+O. Dans la boîte de dialogue d'ouverture de fichier, on se rend dans l'un des sous-répertoires du répertoire du tutoriel (par exemple, dans BasicSteps). On sélectionne alors le fichier de projet QML à l'extension qmlproject (par exemple, BasicSteps.qmlproject) depuis la liste, puis on clique sur le bouton Ouvrir. Qt Creator charge le projet Qt Quick.

Pour plus d'informations à propos de Qt Creator, voir la documentation officielle.

V - Lancement du code Qt Quick

Normalement, on lance les exemples Qt Quick depuis Qt Creator. Une fois que l'on a chargé un projet Qt Quick dans Qt Creator, on lance le code Qt Quick en faisant Ctrl+R ou en sélectionnant Compiler | Exécuter depuis le menu principal. Les deux mènent au démarrage de la visionneuse QML (un exécutable appelé qmlviewer) et affichent le document QML présent dans la fenêtre de l'éditeur qui détient la focalisation du clavier (là où se situe le curseur).

Alternativement, on peut voir un document QML en lançant le qmlviewer par la ligne de commande. La commande

$ qmlviewer BasicSteps_3.qml &amp;

affiche le document QML BasicSteps_3.qml dans la visionneuse QML.

VI - Divers

- Module 1 - les bases

- Accueil du tutoriel

Merci à Thibaut Cuvelier et à Claude Leloup pour leur relecture !