Procédure pas à pas : création d'une présentation qui ajuste la proportion pour la localisation

Article
08/21/2007

La création de formulaires prêts à être localisés accélère grandement le développement pour les marchés internationaux.

Cette procédure pas à pas illustre comment créer une mise en forme qui s'ajuste proportionnellement lorsque vous traduisez les valeurs de chaîne affichées dans d'autres langues. Ce processus de traduction est appelé localisation. Pour plus d'informations, consultez Localisation d'applications. Pour plus d'informations sur la manière de localiser un Windows Form terminé, consultez Procédure pas à pas : localisation de Windows Forms.

Cette procédure pas à pas illustre les tâches suivantes :

Création du projet
Conservation de l'alignement vertical
Activation du redimensionnement proportionnel

Lorsque vous avez terminé, votre formulaire doit ressembler à ce qui suit :

Formulaire localisable avec TableLayoutPanel

Pour la liste de code complète, consultez Comment : créer une présentation Windows Forms qui répond bien à la localisation.

Notes

Selon vos paramètres actifs ou votre édition, les boîtes de dialogue et les commandes de menu que vous voyez peuvent différer de celles qui sont décrites dans l'aide. Pour modifier vos paramètres, choisissez Importation et exportation de paramètres dans le menu Outils. Pour plus d'informations, consultez Paramètres Visual Studio.

Composants requis

Pour exécuter cette procédure pas à pas, vous devrez :

Avoir des autorisations suffisantes pour être en mesure de créer et d'exécuter des projets d'application Windows Forms sur l'ordinateur où Visual Studio est installé.

Création du projet

La première étape consiste à créer le projet d'application. Vous utiliserez ce projet pour générer l'application qui affiche le formulaire de saisie de données.

Pour créer le projet

Créez un projet d'application Windows appelé DemoLocalizableForm. Pour plus d'informations, consultez Comment : créer un projet d'application Windows.

Conservation de l'alignement vertical

Vous pouvez conserver l'alignement vertical de vos contrôles lorsque leur contenu change avec les propriétés AutoSize et Anchor en combinaison avec le contrôle TableLayoutPanel.

Pour utiliser le dimensionnement automatique

Faites glisser un contrôle TableLayoutPanel de la Boîte à outils vers votre formulaire. Affectez la valeur 1 à sa propriété RowCount. Affectez la valeur true à sa propriété AutoSize. Dimensionnez le contrôle TableLayoutPanel de façon qu'il occupe près de la moitié du formulaire.
Faites glisser un contrôle Panel de la Boîte à outils vers la cellule gauche du contrôle TableLayoutPanel.
Faites glisser un contrôle Button de la Boîte à outils jusqu'au contrôle Panel. Placez-le dans l'angle supérieur gauche du contrôle Panel.
Faites glisser deux autres contrôles Button de la Boîte à outils vers le contrôle Panel. Positionnez-les sous le premier contrôle Button. Utilisez des lignes d'alignement pour les aligner verticalement et les espacer également. Pour plus d'informations, consultez Procédure pas à pas : organisation des contrôles dans les Windows Forms à l'aide des lignes d'alignement (SnapLines).
Affectez la valeur true à la propriété AutoSize des trois contrôles Button.
Affectez la valeur true à la propriété AutoSize du contrôle Panel et affectez la valeur GrowAndShrink à sa propriété AutoSizeMode. Remarque Le panneau est dimensionné de manière à entourer les trois contrôles Button.
Sélectionnez le contrôle TableLayoutPanel et ouvrez la boîte de dialogue Styles de ligne et de colonne. Pour plus d'informations, consultez Comment : modifier des colonnes et des lignes dans un contrôle TableLayoutPanel.
Sélectionnez Colonne1 et remplacez la valeur de sa propriété SizeType par AutoSize. Cliquez sur OK pour accepter vos modifications. Note La largeur de cellule est dimensionnée selon la largeur du contrôle Panel.
Définissez la valeur de la propriété Anchor des trois contrôles Button à Left,Right.
Remplacez la valeur de la propriété Text du premier contrôle Button par la valeur d'une chaîne longue, par exemple « Ceci est une chaîne longue pour illustrer un formulaire localisable. » Remarque Les trois contrôles Button et la cellule TableLayoutPanel sont redimensionnés pour s'ajuster à la nouvelle longueur de chaîne.

Activation du redimensionnement proportionnel

Vous pouvez conserver les proportions de vos contrôles lorsque leur contenu change avec les propriétés AutoSize et Anchor, en combinaison avec le contrôle TableLayoutPanel.

Pour activer le redimensionnement proportionnel

Faites glisser un contrôle TableLayoutPanel de la Boîte à outils vers votre formulaire. Positionnez-le sous le premier contrôle TableLayoutPanel.
Affectez la valeur true à la propriété AutoSize du deuxième contrôle TableLayoutPanel. Affectez la valeur 3 à la propriété ColumnCount. Affectez la valeur 1 à la propriété RowCount. Affectez la valeur Right, Bottom à la propriété Anchor du contrôle TableLayoutPanel.
Faites glisser les trois contrôles Button de la Boîte à outils vers le TableLayoutPanel.
Modifiez la valeur de la propriété AutoSize des trois contrôles Button en true.
Modifiez la valeur de la propriété Anchor des trois contrôles Button en Left, Right.
Ouvrez la boîte de dialogue Styles de ligne et de colonne.
Sélectionnez toutes les trois colonnes et modifiez la propriété SizeType en Percent, puis modifiez la valeur de pourcentage en 33. Cliquez sur OK pour accepter vos modifications.
Modifiez la propriété Text du premier contrôle Button en une valeur de chaîne longue, par exemple « Ceci est une chaîne longue pour illustrer un formulaire localisable. » Remarquez que les contrôles Button sont tous redimensionnés pour s'ajuster à la nouvelle longueur de chaîne. Notez également que le contrôle TableLayoutPanel est redimensionné et que ses cellules sont redimensionnées proportionnellement.

Étapes suivantes

Maintenant que vous pouvez créer des formulaires localisables, pensez à implémenter une mise en forme dynamique qui s'ajuste proportionnellement lorsque l'utilisateur redimensionne le formulaire. Pour plus d'informations, consultez Procédure pas à pas : création un Windows Form redimensionnable pour l'entrée de données.

Voir aussi

Partager via