Qt Quick Controls - Galerie

L'exemple de la galerie est une application simple dotée d'un menu latéral qui contient tous les Qt Quick Controls. Chaque élément du menu ouvre une page qui présente l’apparence graphique d’un contrôle, vous permet d’interagir avec celui-ci et explique dans quelles circonstances il est utile de l’utiliser.

Lorsque l'application est en mode portrait, le menu latéral est un panneau interactif qui s'ouvre d'un simple glissement depuis le bord gauche. Il s'affiche par-dessus le contenu, bloquant toute interaction de l'utilisateur grâce à son arrière-plan modal. Lorsque l'application est en mode paysage, le menu latéral et le contenu s'affichent côte à côte.

L’orientation actuelle de l’application est déterminée en comparant la largeur et la hauteur de la fenêtre avec la configuration du mode d’orientation dans les paramètres :

readonly property bool portraitMode: !orientationCheckBox.checked || window.width < window.height

Comme cet exemple prend en charge tous les styles intégrés de « Qt Quick Controls », il utilise la sélection de style à l'exécution.

Exécution de l’exemple

Vous pouvez exécuter l’exemple à partir de :

• Qt Creator

  Ouvrez le mode « Welcome » et sélectionnez l’exemple à l’adresse Examples. Pour plus d’informations, consultez Qt Creator: Tutoriel : Compiler et exécuter.

• Qt Extension for Visual Studio Code

  Exécutez la commande « Qt: Open Qt examples » à partir de Command Palette, puis sélectionnez l’exemple dans la liste. Pour plus d’informations, consultez Qt Extension for Visual Studio Code: Tutoriel : Compiler et exécuter.

Exemple de projet sur code.qt.io