Développement Windows 10 - Localisation
Windows est utilisé dans le monde entier, sur divers marchés et pour des publics cibles qui varient en termes de culture, de région ou de langue. La localisation est la traduction des ressources de l'application en versions localisées pour les cultures spécifiques prises en charge par l'application.
Lorsque vous développez une application dans une seule langue, cela signifie que vous limitez simplement votre entreprise et vos clients. Si vous souhaitez augmenter votre clientèle, ce qui augmentera également votre activité, votre application doit être disponible et accessible dans le monde entier. La localisation rentable de votre produit est l'un des moyens les meilleurs et les plus économiques d'atteindre plus de clients.
Dans Windows 10, les applications localisables sont très faciles à créer avec resx file, qui est la solution la plus simple pour la localisation.
Comprenons cela à l'aide d'un exemple simple en suivant toutes les étapes mentionnées ci-dessous.
Traduire les ressources de l'interface utilisateur
Vous pouvez placer des ressources de chaîne pour votre interface utilisateur dans resource (resw) au lieu de les placer directement dans le code ou le balisage, puis vous pouvez référencer ces chaînes à partir de votre code ou de votre balisage. Suivez les étapes ci-dessous pour ajouter des chaînes aux fichiers de ressources.
Créez une nouvelle application de plateforme Windows universelle (UWP).
dans le Solution Explorer, cliquez avec le bouton droit sur le projet et sélectionnez Add > New Folder.
![](https://assets.edu.lat/windows10_development/images/app_localization.jpg)
Remplacez le nom du nouveau dossier par "Strings".
Cliquez avec le bouton droit sur Strings dossier et ajoutez un nouveau dossier avec le nom "en-US". Ce sont des conventions de dénomination spécifiques à une langue et à un nom de pays / région, et elles peuvent être trouvées sur la page de référence de l'API NLS (National Language Support) msdn.microsoft.com .
Faites un clic droit sur le en-US dossier et sélectionnez Add > New Item….
![](https://assets.edu.lat/windows10_development/images/app_localization_sec.jpg)
- La boîte de dialogue suivante s'ouvre.
![](https://assets.edu.lat/windows10_development/images/app_localization_thi.jpg)
Sélectionner "Resources File (.resw)" et cliquez sur le Add bouton.
Passons maintenant au fichier XAML et ajoutons un contrôle Hub avec certaines propriétés comme indiqué ci-dessous.
<Page
x:Class = "UWPLocalizationDemo.MainPage"
xmlns = "http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x = "http://schemas.microsoft.com/winfx/2006/xaml"
xmlns:local = "using:UWPLocalizationDemo"
xmlns:d = "http://schemas.microsoft.com/expression/blend/2008"
xmlns:mc = "http://schemas.openxmlformats.org/markup-compatibility/2006"
mc:Ignorable = "d">
<Grid Background = "{ThemeResource ApplicationPageBackgroundThemeBrush}">
<Hub x:Name = "textBlock" x:Uid = "HubControl" Background = "Black"
Foreground = "White" Header = "Localization Demo"/>
</Grid>
</Page>
x:Uid = "HubControl" sont les identifiants utilisés pour la localisation
Maintenant, lorsque le code ci-dessus est compilé et exécuté, vous verrez la fenêtre suivante.
Toutes les informations relatives au Hub telles que l'en-tête, le premier plan et la couleur d'arrière-plan sont définies dans le XAML.
![](https://assets.edu.lat/windows10_development/images/app_localization_bg.jpg)
Ajoutez maintenant quelques informations dans Resource.resw fichier dans le Strings/en-US dossier comme indiqué ci-dessous.
![](https://assets.edu.lat/windows10_development/images/app_localization_add_name.jpg)
Vous devez associer chaque contrôle nécessitant du texte localisé avec le.reswfichier. Vous pouvez le faire en utilisant lex:Uid attribut sur vos éléments XAML comme celui-ci -
x:Uid = "HubControl" est utilisé dans resw fichier pour attribuer une chaîne pour la couleur d'en-tête, de premier plan et d'arrière-plan.
Maintenant, lorsque vous compilez et exécutez votre application sur un émulateur, vous verrez la fenêtre suivante. Vous pouvez voir que les valeurs de couleur d'en-tête, de premier plan et d'arrière-plan sont sélectionnéesResources.resw fichier.
![](https://assets.edu.lat/windows10_development/images/app_localization_bgcolor.jpg)
Vous pouvez ajouter d'autres Resource.resw fichiers pour d'autres langues telles que le français, l'allemand et le japonais, etc. manuellement, comme nous l'avons fait pour l'anglais aux États-Unis, mais Microsoft fournit également un Multilingual App Toolkit avec l'aide de laquelle, vous pouvez facilement traduire votre Resource.resw dans d'autres langues.
Aller au Tools > Extensions et mise à jour du menu et recherchez le Multilingual app boîte à outils.
![](https://assets.edu.lat/windows10_development/images/app_localization_multi_app.jpg)
Téléchargez et installez cette boîte à outils. Une fois l'installation terminée, redémarrez Visual Studio et ouvrez le même projet.
Maintenant, activez cette boîte à outils à partir du Tools > Multilingual App Option de menu Toolkit.
![](https://assets.edu.lat/windows10_development/images/localization_multi_app_tool.jpg)
Vous pouvez maintenant ajouter une traduction pour d'autres langues.
Faites un clic droit sur le projet dans le Solution Explorer et sélectionnez Multilingual App Toolkit > Add Translation Option Langues du menu.
![](https://assets.edu.lat/windows10_development/images/multi_app_toolkit_add.jpg)
Le suivant Translation Languagesla boîte de dialogue s'ouvre. Vous pouvez sélectionner la langue de votre choix pour localiser votre application pour ces cultures.
![](https://assets.edu.lat/windows10_development/images/localization_translation_lang.jpg)
Laissez-nous sélectionner German langue et cliquez sur le OK bouton.
![](https://assets.edu.lat/windows10_development/images/localization_german_lang.jpg)
Vous pouvez également voir que le Resources.resw le fichier est créé dans le dossier Strings\de.
Maintenant, vous verrez qu'un autre MultiLingualResources est ajouté à l'intérieur du *.xlffichier. Double-cliquez sur ce fichier, ce qui ouvrira leMultilingual éditeur pour vérifier et vérifier les chaînes traduites et apporter des modifications si nécessaire.
![](https://assets.edu.lat/windows10_development/images/localization_multilingual_editor.jpg)
Apportez les modifications et vérifiez si la couleur d'arrière-plan est passée au marron et si le texte de l'en-tête est correctement traduit en allemand.
Comme dans l'exemple ci-dessus, la couleur d'arrière-plan de Hub est passée du bleu au marron et la couleur de premier plan est restée la même.
Ouvrez maintenant le Resources.resw, qui est à l'intérieur du Strings\de dossier.
![](https://assets.edu.lat/windows10_development/images/app_localization_str.jpg)
Vous pouvez voir que seules deux chaînes sont mentionnées ici, car nous n'avons pas changé la couleur de premier plan sur l'éditeur multilingue.
Pour vérifier la version localisée de votre application, modifiez la culture de votre machine. Pour changer la culture de votre machine, suivez les étapes indiquées.
- Passons aux paramètres du PC et sélectionnez Heure et langue.
![](https://assets.edu.lat/windows10_development/images/localization_pc_set_time.jpg)
Dans le volet gauche, sélectionnez Regions & language et cliquez sur le Add a language.
![](https://assets.edu.lat/windows10_development/images/localization_region_lang.jpg)
Sélectionner Deutsch German comme indiqué ci-dessus, ce qui ouvrira une autre boîte de dialogue.
![](https://assets.edu.lat/windows10_development/images/localization_deutsch_german.jpg)
Sélectionnez maintenant le German (Germany) et fermez cette boîte de dialogue.
![](https://assets.edu.lat/windows10_development/images/localization_german.jpg)
- Définissez Deutsch comme langue par défaut.
- Maintenant, exécutez votre application, elle affichera la fenêtre suivante.
![](https://assets.edu.lat/windows10_development/images/localization_execute.jpg)
- Vous pouvez maintenant voir la sortie de votre application en langue allemande.