Apprendre à connaître Qt Widgets Designer

Lancement du Designer

Une fois que vous avez installé Qt, vous pouvez lancer Qt Widgets Designer de la même manière que n'importe quelle autre application sur l'hôte de développement. Vous pouvez également lancer Qt Widgets Designer directement à partir de Qt Creator. Qt Creator ouvre automatiquement tous les fichiers .ui dans l'application intégrée Qt Widgets Designer, en mode Design.

En règle générale, l'application intégrée Qt Widgets Designer contient les mêmes fonctions que l'application autonome Qt Widgets Designer. Pour plus d'informations sur les différences, consultez le manuelQt Creator .

Si vous avez des formulaires de grande taille qui ne tiennent pas dans le mode Conception de Qt Creator, vous pouvez les ouvrir dans le mode autonome Qt Widgets Designer.

L'interface utilisateur

Lorsqu'elle est utilisée en tant qu'application autonome, l'interface utilisateur de Qt Widgets Designer peut être configurée pour fournir une interface utilisateur multifenêtre (le mode par défaut), ou elle peut être utilisée en mode fenêtre ancrée. Lorsqu'il est utilisé à partir d'un environnement de développement intégré (IDE), seule l'interface utilisateur multifenêtre est disponible. Vous pouvez changer de mode dans la boîte de dialogue Préférences du menu Édition.

En mode multi-fenêtres, vous pouvez organiser chacune des fenêtres d'outils en fonction de votre style de travail. La fenêtre principale se compose d'une barre de menu, d'une barre d'outils et d'une boîte à gadgets qui contient les gadgets que vous pouvez utiliser pour créer votre interface utilisateur.

Qt Widgets Designer montrant tous les composants qui peuvent être ajoutés à la fenêtre." src="images/designer-main-window.png" title="Capture d'écran du Qt Widgets Designer montrant tous les composants qui peuvent être ajoutés à la fenêtre."/>

Qt Widgets DesignerFenêtre principale de 's La barre de menu propose toutes les actions standard pour gérer les formulaires, utiliser le presse-papiers et accéder à l'aide spécifique à l'application. Le mode d'édition actuel, les fenêtres d'outils et les formulaires en cours d'utilisation sont également accessibles via la barre de menus. La barre d'outils affiche les actions courantes utilisées lors de l'édition d'un formulaire. Ces actions sont également disponibles dans le menu principal. La boîte à gadgets propose des gadgets et des mises en page communs utilisés pour concevoir des composants. Ils sont regroupés dans des catégories qui reflètent leur utilisation ou leurs caractéristiques.

La plupart des fonctionnalités de Qt Widgets Designer sont accessibles via la barre de menu, la barre d'outils ou la boîte à outils. Certaines fonctionnalités sont également disponibles via des menus contextuels qui peuvent être ouverts au-dessus des fenêtres du formulaire. Sur la plupart des plateformes, la souris droite est utilisée pour ouvrir les menus contextuels.

Qt Widgets Designer" src="images/designer-widget-box.png" title="Capture d'écran montrant tous les composants de widgets pour Qt Widgets Designer"/>

Qt Widgets DesignerLa boîte à outils La boîte à gadgets fournit une sélection de gadgets Qt Widgets standard, de dispositions et d'autres objets qui peuvent être utilisés pour créer des interfaces utilisateur sur les formulaires. Chacune des catégories de la boîte à gadgets contient des gadgets ayant des utilisations similaires ou des caractéristiques apparentées. Vous pouvez afficher tous les objets disponibles dans une catégorie en cliquant sur la poignée située à côté de l'étiquette de la catégorie. En mode édition de widgets, vous pouvez ajouter des objets à un formulaire en faisant glisser les éléments appropriés de la boîte à widgets sur le formulaire et en les déposant aux endroits requis. Qt Widgets Designer La fonction "bloc-notes" permet de regrouper les objets fréquemment utilisés dans une catégorie distincte. La catégorie "bloc-notes" peut être remplie avec n'importe quel widget actuellement affiché dans un formulaire en les faisant glisser du formulaire et en les déposant dans la boîte à widgets. Ces widgets peuvent être utilisés de la même manière que n'importe quel autre widget, mais ils peuvent également contenir des widgets enfants. Ouvrez un menu contextuel sur un widget pour modifier son nom ou le supprimer du bloc-notes.

Le concept de disposition dans Qt

Une disposition est utilisée pour organiser et gérer les éléments qui composent une interface utilisateur. Qt XML fournit un certain nombre de classes pour gérer automatiquement les dispositions - QHBoxLayout, QVBoxLayout, QGridLayout et QFormLayout. Ces classes permettent de résoudre le problème de la disposition automatique des widgets, en fournissant une interface utilisateur dont le comportement est prévisible. Heureusement, il n'est pas nécessaire de connaître les classes de disposition pour organiser les widgets à l'aide de Qt Widgets Designer. Il suffit de sélectionner l'une des options Lay Out Horizontal, Lay Out in a Grid, etc. dans le menu contextuel.

Chaque widget Qt Widgets a une taille recommandée, connue sous le nom de sizeHint(). Le gestionnaire de disposition tentera de redimensionner un widget pour qu'il corresponde à cette taille. Dans certains cas, il n'est pas nécessaire d'avoir une taille différente. Par exemple, la hauteur d'un site QLineEdit est toujours une valeur fixe, qui dépend de la taille et du style de la police. Dans d'autres cas, il peut être nécessaire de modifier la taille, par exemple la largeur d'une page QLineEdit ou la largeur et la hauteur des widgets d'affichage des éléments. C'est là que les contraintes de taille des widgets - minimumSize et maximumSize - entrent en jeu. Il s'agit de propriétés que vous pouvez définir dans l'éditeur de propriétés. Par exemple, pour remplacer la valeur par défaut sizeHint(), il suffit de donner la même valeur à minimumSize et maximumSize. Pour utiliser la taille actuelle comme valeur de contrainte de taille, choisissez l'une des options de contrainte de taille dans le menu contextuel du widget. La mise en page veillera alors à ce que ces contraintes soient respectées. Pour contrôler la taille de vos widgets via le code, vous pouvez réimplémenter sizeHint() dans votre code.

La capture d'écran ci-dessous montre la décomposition d'une interface utilisateur de base conçue à l'aide d'une grille. Les coordonnées sur la capture d'écran indiquent la position de chaque widget dans la grille.

Pour vous faire une idée, imaginez la mise en page comme une boîte qui se rétrécit autant que possible, essayant de serrer vos widgets dans un arrangement soigné et, en même temps, de maximiser l'utilisation de l'espace disponible.

Les dispositions de Qt Help vous aident lorsque vous :

1. redimensionner le visage de l'utilisateur pour l'adapter à différentes tailles de fenêtres.
2. Redimensionner les éléments de l'interface utilisateur pour les adapter à différentes localisations.
3. Disposer les éléments de manière à respecter les directives de mise en page des différentes plates-formes.

Vous n'avez donc plus à vous soucier de réorganiser les widgets en fonction des différentes plates-formes, des paramètres et des langues.

L'exemple ci-dessous montre comment différentes localisations peuvent affecter l'interface utilisateur. Lorsqu'une localisation nécessite plus d'espace pour des chaînes de texte plus longues, la disposition de Qt s'adapte automatiquement à cet espace, tout en veillant à ce que l'interface utilisateur soit présentable et respecte toujours les directives de la plate-forme.

Le processus de disposition des widgets consiste à créer la hiérarchie de la disposition tout en fixant aussi peu de contraintes que possible sur la taille des widgets.

Pour une perspective plus technique sur les classes de disposition de Qt, reportez-vous à la documentation sur la gestion de la disposition.