Créer des applications avec Qt 5 - Les essentiels

Transcription

1 Table des matières À propos des auteurs... xiv Préface... xvi Introduction... xviii 1. Qt, pourquoi faire?... xviii 2. Objectifs du livre... xix 3. Contenu du livre... xix 4. Par où commencer?... xx 5. Prérequis... xxii 6. Codes sources des exemples... xxiii 7. Accès aux vidéos... xxiii Choix de l'interface graphique... xxiv 1. Tour d'horizon Les nouveautés de Qt Organisation générale... 2 QPA... 4 Qt Quick Qt Scene Graph... 7 WebKit Qt 3D... 9 Utilisation de C Divers Les plateformes ciblées par Qt Les niveaux de maturité Migration de Qt 4 à Qt Stratégie de migration Modification des sources C Éléments supprimés Réorganisation des modules Changements d'api incompatibles avec Qt Chargement des plug-ins Changements de comportement Dépréciations Gestion des projets qmake CMake... 31

2 QBS Spécificités des plateformes Linux Mac OS Windows Symbian et Meego Installation de Qt et introduction à Qt Creator Installation de Qt Par l'installateur Par les dépôts Par une compilation Comparaison des méthodes Introduction à Qt Creator Pourquoi Qt Creator Première utilisation Premiers programmes (avec Qt Widgets) Bonjour Qt Signaux Client pour un service web Enginio Spécifications Préparation du projet Construction de l'interface utilisateur Traitements dans l'interface utilisateur Communication avec le serveur Fin de l'application Traductions Tests Déploiement Aller plus loin Aller plus loin avec Qt Creator Mise en place et configuration du projet Gestion des Kits Intégration du versionning Les sessions Qt Creator QWidget et le protypage rapide dans Qt Creator Édition des widgets Édition des signaux & slots page vi

3 Édition des copains Édition de l'ordre des tabulations Prévisualisation des interfaces.ui Le lanceur d'outils externes Navigation avancée Modes et panneaux de sortie Navigation dans et entre les fichiers du projet Localisateur Profiling de code Déploiement d'applications Bibliothèques statiques et partagées Déploiement de Qt Spécificités de Windows Outils de déploiement Qt Quick Introduction Qu'est-ce que Qt Quick et le QML? Organisation de ce module du livre Premiers pas avec Qt Quick Créer un nouveau projet Modifier le projet via l'éditeur de code Modifier le projet via l'éditeur graphique Créer des interfaces avec Qt Quick Designer Présentation du projet Cahier des charges Prendre en main son espace de travail Configurer les panneaux latéraux Le navigateur de l'interface Prévisualiser la scène QML Structurer le projet de manière modulaire Réutilisation d'éléments de base Mettre en place l'interface pour une voie Créer un projet Configurer le projet Choisir ses éléments dans la bibliothèque Positionner les éléments de l'interface page vii

4 7.5. Convertir l'interface en un composant Réutiliser le composant États et transitions États Transitions Démarrer en QML Concepts d objet, héritage et composition Premier document QML Importer un module Créer un élément Ajouter des commentaires Attribuer des identifiants aux éléments Paramétrer les éléments Initialiser une propriété Types des propriétés Lier des propriétés Fonctionnalités de base des éléments graphiques Afficher ou masquer un élément Contrôler l'ordre d'affichage avec z-order Transformations, anti-aliasing et cliping Contrôles de base Afficher du texte Mise en forme du texte Ajouter un lien dans le texte Aligner le texte Élision et retour à la ligne automatique Régler l'interlignage Afficher une image Introduction à JavaScript pour Qt Quick JavaScript et ECMAScript Éléments de syntaxe Variables Types Commentaires Opérateurs Fonctions Programmation impérative Conditions page viii

5 Boucles Utilisation du code JavaScript dans du code QML Spécificités de l'environnement Qt Quick Restrictions État Importation Inclusion Comparaison de JavaScript avec C JavaScript avancé Comparaison sur le type Programmation fonctionnelle Programmation orienté objet Objet global Gérer l'interactivité Un concept de base : le signal handler Gérer les événements de la souris Modifier l'aspect du curseur lors du survol d'un élément Modifier l'aspect du curseur lors d'un clic de souris Modifier l'aspect d'un élément lors du survol ou d'un clic Récupérer la position de la souris pour déplacer un élément Créer un bouton cliquable Compter le nombre de clics de souris Compter le nombre de clics de souris sur des liens HTML Détecter la modification d'une propriété Déplacer un élément avec le glisser-déposer Déposer un élément sur un autre avec le glisser-déposer Permettre la saisie d'informations Champs de saisie pour identifiant et mot de passe Fonctionnalités de base des champs de saisie Mettre le champ de saisie actif en avant Supprimer automatiquement le texte par défaut Masquer le mot de passe Limiter la largeur de l'affichage du texte saisi À propos du défilement automatique du texte saisi Imposer des restrictions sur le contenu d'un champ de saisie Créer un éditeur de texte simple Créer un champ d'édition Utiliser les fonctions de sélection du texte Modifier le texte d'un champ d'édition page ix

6 10.5. Gérer les événements du clavier Propagation des événements du clavier Activer un élément lors du lancement de l'application Modifier dynamiquement le focus Utiliser la touche tabulation pour changer le focus Utiliser les flèches du clavier pour changer le focus Gérer n'importe quelle touche du clavier Aller plus loin avec les signaux Propriétés et signal handlers attachés Annexe Toutes les propriétés de MouseArea Tous les signaux handlers de MouseArea Comprendre les informations liées à un signal Drag, DropArea et DragEvent Organiser ses interfaces graphiques Créer une fenêtre principale Fenêtre simple Fenêtre secondaire Fenêtre avec masque Fenêtre d'application Gérer l'écran Disposer les éléments dans une page Positionner manuellement des éléments graphiques Positionner avec des ancres Organiser en ligne, en colonne ou dans une grille Positionner les éléments les uns à la suite des autres Organiser et afficher les pages Optimiser son développement Créer des composants réutilisables en QML Quelques exemples Lancer une fonction à la création/destruction d'un élément Définir un composant QML réutilisable Définir l'interface d'un composant réutilisable Créer dynamiquement des éléments en QML Utiliser des modèles et des vues Les différents modèles Choisir une vue adaptée Ajouter des états et des transitions page x

7 Définir plusieurs états pour un objet Créer des transitions Étude d'une première application avec Qt Quick Première étape : un prototype statique Deuxième étape : boutons et actions Troisième étape : affichage du résultat Quatrième étape : historique Cinquième étape : utilisation du clavier Sixième étape : utilisation de Qt Quick Layouts Septième étape : support d'autres opérations Mot de la fin Comparaison avec KCalc Enrichir l'interface graphique Dessiner en 2D avec Qt Quick Surface de dessin, système de coordonnées et contexte Couleurs Tracé de chemins et remplissage Extrémités et connexions de lignes Dégradés et ombres Images et motifs Qt Quick Particles Mise en œuvre Animations Animation directe des propriétés d'un élément Qt Quick, QML et le C Application C++ et scène QML QtQuick2ApplicationViewer QQuickView Moteur QML Qt Widgets Fonctionnement interne du moteur d'exécution Création de la hiérarchie Liaison entre les propriétés Gestion des types Communication entre C++ et QML Création de propriétés contextuelles Création de nouveaux types Création d'un plug-in C++ pour QML page xi

8 16. Ouvrir l'application vers l'extérieur Ouvrir l'application vers le réseau La transparence réseau de Qt Quick Accéder à un service web avec le QML Ouvrir l'application vers une base de données Communication avec une base de données locale Communication avec une base de données distante Tests et débogage Systématiser des tests Des tests pour chaque situation Module Qt Quick Test Tests unitaires Tests fonctionnels Déboguer Activation du débogage des projets Qt Quick Débogage JavaScript Débogage QML Analyser les performances Profilage Tests d'évaluation des performances Couleurs prédéfinies Graphics View Démarrer avec le framework Graphics View Un outil d'une grande flexibilité Son fonctionnement Avantages & Contraintes Premiers pas avec le framework Architecture de la scène Prise en main du système de coordonnées Première mise en œuvre Les QGraphicsItem, composants fondamentaux de la scène Utilisation des QGraphicsItem génériques Créer ses propres QGraphicsItem Notions avancées Transformer une scène ou des éléments page xii

9 Transformations simples L'objet QTransform QGraphicsTransform Animer les éléments de la scène Animations simples Groupes d'animations Interagir avec l'utilisateur Les événements de souris Les événements de clavier La sélection Le survol de la souris Le glisser-déposer Z-index et événements de souris Intégrer des widgets Polices de caractères, rendu des textes Booster les performances de la QGraphicsView L'indexation des éléments dans la scène Types de mises à jour du viewport de la vue Mise en cache de l'arrière-plan de la vue Détails des flags d'optimisation Mise en cache du QGraphicsItem Étude d'une application créée avec Graphics View Présentation de l'application Structure générale Programme principal Fenêtre principale de l'application Les données : FileData et DirData Écran de chargement La vue principale La scène graphique La classe View Les éléments de la vue : FileItem et DirItem Le widget de navigation La fenêtre des propriétés de fichiers Le graphe des types Index général (hors Qt Quick) Index Qt Quick page xiii