Windows 10-Entwicklung - Lokalisierung

Windows wird weltweit, in verschiedenen Märkten und für Zielgruppen eingesetzt, die sich in Kultur, Region oder Sprache unterscheiden. Lokalisierung ist die Übersetzung von Anwendungsressourcen in lokalisierte Versionen für die spezifischen Kulturen, die die Anwendung unterstützt.

Wenn Sie eine Anwendung in nur einer Sprache entwickeln, bedeutet dies, dass Sie nur Ihr Unternehmen und Ihre Kunden einschränken. Wenn Sie Ihren Kundenstamm vergrößern möchten, was auch Ihr Geschäft steigert, muss Ihre Anwendung weltweit verfügbar und erreichbar sein. Die kostengünstige Lokalisierung Ihres Produkts ist eine der besten und wirtschaftlichsten Möglichkeiten, um mehr Kunden zu erreichen.

In Windows 10 lassen sich lokalisierbare Anwendungen sehr einfach erstellen resx Datei, die einfachste Lösung für die Lokalisierung.

Lassen Sie uns dies anhand eines einfachen Beispiels verstehen, indem Sie alle unten aufgeführten Schritte ausführen.

UI-Ressourcen übersetzen

Sie können Zeichenfolgenressourcen für Ihre Benutzeroberfläche in die Ressource einfügen (resw) Dateien, anstatt sie direkt in Code oder Markup einzufügen, und dann können Sie diese Zeichenfolgen aus Ihrem Code oder Markup referenzieren. Führen Sie die folgenden Schritte aus, um den Ressourcendateien Zeichenfolgen hinzuzufügen.

  • Erstellen Sie eine neue UWP-Anwendung (Universal Windows Platform).

  • In dem Solution ExplorerKlicken Sie mit der rechten Maustaste auf das Projekt und wählen Sie Add > New Folder.

  • Ändern Sie den Namen des neuen Ordners in "Strings".

  • Klicken Sie mit der rechten Maustaste auf Strings Ordner und fügen Sie einen neuen Ordner mit dem Namen "en-US". Hierbei handelt es sich um Namenskonventionen, die für eine Sprache und einen Namen für ein Land / eine Region spezifisch sind. Sie finden sie auf der Seite MSdn.microsoft.com der National Language Support (NLS) API-Referenz .

  • Klicken Sie mit der rechten Maustaste auf en-US Ordner und wählen Sie Add > New Item….

  • Der folgende Dialog wird geöffnet.
  • Wählen "Resources File (.resw)" und Klicken Sie auf Add Taste.

  • Gehen wir nun zur XAML-Datei und fügen ein Hub-Steuerelement mit einigen Eigenschaften hinzu, wie unten gezeigt.

<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" sind die Bezeichner, die für die Lokalisierung verwendet werden

  • Wenn der obige Code kompiliert und ausgeführt wird, wird das folgende Fenster angezeigt.

Alle Informationen zum Hub wie Header, Vordergrund und Hintergrundfarbe werden in der XAML festgelegt.

  • Fügen Sie nun einige Informationen hinzu Resource.resw Datei in der Strings/en-US Ordner wie unten gezeigt.

  • Sie müssen jedes Steuerelement, das lokalisierten Text benötigt, mit dem Steuerelement verknüpfen.reswDatei. Sie können dies tun, indem Sie diex:Uid Attribut auf Ihren XAML-Elementen wie folgt -

    • x:Uid = "HubControl" wird in verwendet resw Datei, um eine Zeichenfolge für die Kopf-, Vordergrund- und Hintergrundfarbe zuzuweisen.

  • Wenn Sie nun Ihre Anwendung auf einem Emulator kompilieren und ausführen, wird das folgende Fenster angezeigt. Sie können sehen, dass die Werte für Kopf-, Vordergrund- und Hintergrundfarbe aus dem ausgewählt werdenResources.resw Datei.

  • Sie können andere hinzufügen Resource.resw Dateien für andere Sprachen wie Französisch, Deutsch und Japanisch usw. manuell, wie wir es für Englisch-USA getan haben, aber Microsoft bietet auch eine Multilingual App Toolkit mit deren Hilfe können Sie Ihre leicht übersetzen Resource.resw in andere Sprachen.

  • Gehe zum Tools > Extensions und Menü aktualisieren und suchen Sie die Multilingual app Toolkit.

  • Laden Sie dieses Toolkit herunter und installieren Sie es. Starten Sie nach Abschluss der Installation Visual Studio neu und öffnen Sie dasselbe Projekt.

  • Aktivieren Sie nun dieses Toolkit aus dem Tools > Multilingual App Toolkit-Menüoption.

  • Jetzt können Sie Übersetzungen für andere Sprachen hinzufügen.

  • Klicken Sie mit der rechten Maustaste auf das Projekt in der Solution Explorer und auswählen Multilingual App Toolkit > Add Translation Sprachoption aus dem Menü.

  • Folgende Translation LanguagesDer Dialog wird geöffnet. Sie können eine beliebige Sprache auswählen, um Ihre Anwendung für diese Kulturen zu lokalisieren.

  • Lassen Sie uns auswählen German Sprache und klicken Sie auf die OK Taste.

  • Sie können auch sehen, dass die Resources.resw Die Datei wird im Ordner erstellt Strings\de.

  • Jetzt wirst du das andere sehen MultiLingualResources wird innerhalb der hinzugefügt *.xlfDatei. Doppelklicken Sie auf diese Datei, um die zu öffnenMultilingual Editor, um die übersetzten Zeichenfolgen zu überprüfen und zu verifizieren und bei Bedarf einige Änderungen vorzunehmen.

  • Nehmen Sie die Änderungen vor und überprüfen Sie, ob sich die Hintergrundfarbe in Braun geändert hat und der Kopfzeilentext ordnungsgemäß ins Deutsche übersetzt wurde.

  • Wie im obigen Beispiel hat sich die Hintergrundfarbe von Hub von blau zu braun geändert und die Vordergrundfarbe ist gleich geblieben.

  • Öffnen Sie nun die Resources.resw, das ist in der Strings\de Mappe.

  • Sie können sehen, dass hier nur zwei Zeichenfolgen erwähnt werden, da wir die Vordergrundfarbe im mehrsprachigen Editor nicht geändert haben.

Ändern Sie die Kultur Ihres Computers, um die lokalisierte Version Ihrer Anwendung zu überprüfen. Befolgen Sie die angegebenen Schritte, um die Kultur Ihrer Maschine zu ändern.

  • Gehen wir zu den PC-Einstellungen und wählen Zeit und Sprache.
  • Wählen Sie im linken Bereich die Option aus Regions & language und klicken Sie auf die Add a language.

  • Wählen Deutsch German Sprache wie oben gezeigt, wodurch ein weiterer Dialog geöffnet wird.

  • Wählen Sie nun die German (Germany) und schließen Sie dieses Dialogfeld.

  • Machen Sie Deutsch als Standardsprache.
  • Führen Sie nun Ihre Anwendung aus, es wird das folgende Fenster angezeigt.
  • Jetzt können Sie die Ausgabe Ihrer Bewerbung in deutscher Sprache sehen.