MFC - Disposition Windows
Layout of controlsest très important et critique pour la convivialité de l'application. Il est utilisé pour organiser un groupe d'éléments GUI dans votre application. Il y a certaines choses importantes à considérer lors de la sélection de la mise en page -
- Positions des éléments enfants.
- Tailles des éléments enfants.
Ajout de contrôles
Créons un nouveau projet MFC basé sur la boîte de dialogue MFCLayoutDemo.
Step 1 - Une fois le projet créé, vous verrez l'écran suivant.
Step 2 - Supprimez le TODO de la boîte de dialogue.
Step 3 - Faites glisser quelques contrôles de la boîte à outils que vous pouvez voir sur le côté gauche.
(Nous allons faire glisser un texte statique et un contrôle d'édition comme indiqué dans l'instantané suivant).
Step 4 - Remplacez la légende du texte statique par le nom.
Grille de contrôle
La grille de contrôle est les points de grille de guidage, qui peuvent vous aider à positionner les contrôles que vous ajoutez au moment de la conception.
Pour activer la grille de contrôle, vous devez cliquer sur le bouton Basculer la grille dans la barre d'outils comme indiqué dans l'instantané suivant.
Redimensionnement des commandes
Une fois que vous avez ajouté un contrôle à une boîte de dialogue, il prend sa taille par défaut ou la taille avec laquelle vous l'avez dessiné. Pour vous aider avec la taille des contrôles sur le formulaire ou la boîte de dialogue, Visual Studio fournit une grille visuelle composée de points noirs.
Pour redimensionner un contrôle, c'est-à-dire pour lui donner une largeur ou une hauteur particulière, positionnez la souris sur l'une des poignées et faites-la glisser dans la direction souhaitée.
Vous pouvez maintenant redimensionner les contrôles à l'aide de cette grille pointillée.
Commandes Positions
Les contrôles que vous positionnez dans une boîte de dialogue ou un formulaire prennent leur place. La plupart du temps, ces positions ne sont pas pratiques. Vous pouvez les déplacer vers n'importe quelle position de votre choix.
Ajoutons quelques contrôles supplémentaires -
Step 1 - Pour déplacer un contrôle, cliquez et faites-le glisser dans la direction souhaitée jusqu'à ce qu'il atteigne la position souhaitée.
Step 2- Pour déplacer un groupe de contrôles, sélectionnez-les d'abord. Faites ensuite glisser la sélection vers l'emplacement souhaité. Sélectionnons les textes statiques et les contrôles d'édition.
Step 3 - Déplacez ces commandes sélectionnées vers le côté gauche.
Pour vous aider à positionner les contrôles, Visual Studio fournit la barre d'outils Dialog avec les boutons suivants.
Step 1 - Alignons la case à cocher et les contrôles de texte statique vers la gauche en sélectionnant tous ces contrôles.
Step 2 - Sélectionnez le Format → Aligner → Gauches.
Step 3 - Vous pouvez maintenant voir que tous ces contrôles sont alignés à gauche.
Ordre des onglets
Les contrôles que vous ajoutez à un formulaire ou à une boîte de dialogue sont positionnés dans une séquence qui suit l'ordre dans lequel ils ont été ajoutés. Lorsque vous ajoutez des contrôles quelle que soit la section ou la zone dans laquelle vous placez le nouveau contrôle, il est placé séquentiellement à la fin des contrôles existants. Si vous ne le corrigez pas, l'utilisateur aurait du mal à naviguer dans les contrôles. La séquence de navigation des contrôles est également appelée ordre de tabulation.
Pour changer d'onglet, vous pouvez soit utiliser l'option de menu Format → Ordre de tabulation, soit utiliser le raccourci Ctrl + D. Appuyez sur Ctrl + D.
Vous pouvez maintenant voir l'ordre dans lequel tous ces contrôles sont ajoutés à cette boîte de dialogue. Pour modifier l'ordre ou la séquence des contrôles, cliquez sur tous les contrôles dans l'ordre dans lequel vous souhaitez naviguer.
Dans cet exemple, nous allons d'abord cliquer sur la case à cocher suivie des contrôles de modification du nom et de l'adresse. Cliquez ensuite sur OK et Annuler comme indiqué dans l'instantané suivant.
Laissez-nous exécuter cette application et vous verrez la sortie suivante.
