Logs
Consultez les logs.
OK
Liste des données
Consultez la liste des données.
OK
Loading...
Formulaire
Saisissez vos données.
Enregistrer
Annuler

Apprendre Qt Designer

Vues
159

Introduction


C++ est un langage de programmation orientée objet. Il offre la possibilité d'avoir le contrôle total sur la gestion de la mémoire.


### Travailler avec Qt Designer


Qt Designer est un outil de conception d'interfaces utilisateur (.ui) pour les applications Qt. 


Afficher une interface utilisateur sous Qt Designer


Qt Designer permet de traduire en composants graphiques le contenu d'un fichier d'interface utilisateur (.ui) au format XML.

// Qt Designer (Afficher une interface utilisateur)
...
# Ouvrir le fichier utilisateur
Fichier > Ouvrir
Emplacement > [chemin-repertoire-fichier-ui]
Nom de fichier > [nom-fichier-ui]
Ouvrir
...
# Visualiser les composants graphiques
# de l'interface utilisateur
...

image.png

// Notes (Code XML d'un fichier utilisateur)
image.png


Créer une interface utilisateur sous Qt Designer


Qt Designer permet de créer des interfaces utilisateur.

// Qt Designer (Créer une interface utilisateur)
...
# Ouvrir le menu de création
Fichier > Nouveau
...
# Sélectionner le type de formulaire
Templates/Forms > Main Window
Créer
...
# Enregistrer l'interface utilisateur
Fichier > Enregsitrer sous
...

image.png


Modifier le titre d'une fenêtre sous Qt Designer


Qt Designer permet de modifier le titre d'une fenêtre.

// Qt Designer (Modifier le titre d'une fenêtre)
...
# Modifier les propriétés de la fenêtre
QMainWindow > QObject > objectName > cMainWindow
QMainWindow > QWidget > windowTitle > ReadyCPP - Apprendre Qt
...

image.png

image.png


Créer une ressource Qt sous Qt Designer


Qt Designer permet de créer une ressource Qt.

// Qt Designer (Créer une ressource Qt)
...
# Editer une ressource Qt
Explorateur de ressources > Editer ressources > Nouveau fichier de ressource
Emplacement > [chemin-repertoire-fichier-ressource]
Nom du fichier > [nom-fichier-ressource].qrc
Enregistrer
...
# Ajouter un préfixe
Ajouter préfixe > /img
...
# Ajouter un fichier
Sélectionner un préfixe > /img
Ajouter fichiers > data/img/logo.png
...
# Ajouter un alias
Sélectionner un préfixe > /img
Ajouter fichiers > data/img/logo.png
...
OK
...

image.png

image.png

image.png

image.png

image.png


Ajouter une image à un composant graphique sous Qt Designer


Qt Designer permet d'ajouter une image à un composant graphique.

// Qt Designer (Ajouter une image à un composant graphique)
...
# Ouvrir le menu des ressources
[composant-graphique] > Choisir ressource
...
# Ajouter une image à un composant graphique
[resource-root] > img > logo.png > OK
...

image.png

image.png

image.png


Créer un menu avec des actions sous Qt Designer


Qt Designer permet de créer un menu avec des actions.

// Qt Designer (Créer un menu avec des actions)
...
# Créer un menu
[barre-de-menu] > Taper ici > Fichier
...
# Créer une action
Fichier > [barrer-d-action] > Taper ici > Quitter
...
# Renommer le nom objet du menu
Inspecteur d'objet > Objet > [menuFichier] > [menuFile]
...
# Renommer le nom objet de l'action
Inspecteur d'objet > Objet > [actionQuitter] > [actionQuit]
...

image.png

image.png

image.png

image.png

image.png

image.png


Editer une connexion Signal/Slot sous Qt Designer


Qt Designer permet d'éditer une connexion Signal/Slot sous Qt Designer.

// Qt Designer (Editer une connexion Signal/Slot)
...
# Ajouter une ligne de connexion Signal/Slot
Editeur de signaux et slots
Bouton Ajouter (+)
...
# Configurer la connexion Signal/Slot
Emetteur > [nom-emetteur]
Signal > [nom-signal]
Receveur > [nom-recepteur]
Slot > [nom-signal]
...

image.png

image.png