Sviluppo di Windows 10 - Localizzazione

Windows è utilizzato in tutto il mondo, in una varietà di mercati diversi e per il pubblico di destinazione che varia per cultura, regione o lingua. La localizzazione è la traduzione delle risorse dell'applicazione in versioni localizzate per le impostazioni cultura specifiche supportate dall'applicazione.

Quando sviluppi un'applicazione in una sola lingua, significa che stai limitando solo la tua attività ei tuoi clienti. Se vuoi aumentare la tua base di clienti, il che aumenterà anche il tuo business, la tua applicazione deve essere disponibile e raggiungibile a livello globale. La localizzazione conveniente del tuo prodotto è uno dei modi migliori e più economici per raggiungere più clienti.

In Windows 10, le applicazioni localizzabili sono molto facili da creare resx file, che è la soluzione più semplice per la localizzazione.

Cerchiamo di capirlo con l'aiuto di un semplice esempio seguendo tutti i passaggi indicati di seguito.

Traduzione delle risorse dell'interfaccia utente

Puoi inserire risorse stringa per la tua interfaccia utente nella risorsa (resw) invece di inserirli direttamente nel codice o nel markup, quindi puoi fare riferimento a tali stringhe dal tuo codice o markup. Seguire i passaggi indicati di seguito per aggiungere stringhe ai file di risorse.

  • Crea una nuova applicazione UWP (Universal Windows Platform).

  • Nel Solution Explorer, fai clic con il pulsante destro del mouse sul progetto e seleziona Add > New Folder.

  • Cambia il nome della nuova cartella in "Strings".

  • Fare clic con il pulsante destro del mouse su Strings cartella e aggiungi una nuova cartella con il nome "en-USSi tratta di convenzioni di denominazione specifiche di una lingua e di un paese / area geografica e sono disponibili nella pagina di riferimento dell'API del National Language Support (NLS) msdn.microsoft.com .

  • Fare clic con il pulsante destro del mouse sul file en-US cartella e seleziona Add > New Item….

  • Si aprirà la seguente finestra di dialogo.

  • Selezionare "Resources File (.resw)" e fare clic su Add pulsante.

  • Ora andiamo al file XAML e aggiungiamo un controllo Hub con alcune proprietà come mostrato di seguito.

<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" sono gli identificatori utilizzati per la localizzazione

  • Ora, quando il codice sopra è stato compilato ed eseguito, vedrai la seguente finestra.

Tutte le informazioni relative all'hub come l'header, il primo piano e il colore di sfondo sono impostate in XAML.

  • Ora aggiungi alcune delle informazioni in Resource.resw file in Strings/en-US cartella come mostrato di seguito.

  • È necessario associare ogni controllo che necessita di testo localizzato con il file.reswfile. Puoi farlo usando ilx:Uid attributo sui tuoi elementi XAML come questo -

    • x:Uid = "HubControl" è utilizzato in resw file per assegnare una stringa per l'intestazione, il colore di primo piano e di sfondo.

  • Ora, quando compili ed esegui la tua applicazione su un emulatore, vedrai la seguente finestra. Puoi vedere che i valori dei colori di intestazione, primo piano e sfondo vengono selezionati dal fileResources.resw file.

  • Puoi aggiungerne altri Resource.resw file per altre lingue come francese, tedesco e giapponese ecc. manualmente, come abbiamo fatto per l'inglese-USA, ma Microsoft fornisce anche un Multilingual App Toolkit con l'aiuto di cui puoi tradurre facilmente il tuo file Resource.resw in altre lingue.

  • Vai al Tools > Extensions e il menu Aggiorna e cerca nel file Multilingual app kit di strumenti.

  • Scarica e installa questo toolkit. Al termine dell'installazione, riavvia Visual Studio e apri lo stesso progetto.

  • Ora abilita questo toolkit da Tools > Multilingual App Opzione di menu Toolkit.

  • Ora puoi aggiungere la traduzione per altre lingue.

  • Fare clic con il tasto destro sul progetto nel file Solution Explorer e seleziona Multilingual App Toolkit > Add Translation Opzione lingue dal menu.

  • Il seguente Translation Languagessi aprirà la finestra di dialogo. Puoi selezionare qualsiasi lingua desideri, per localizzare la tua applicazione per quelle culture.

  • Cerchiamo di selezionare German lingua e fare clic su OK pulsante.

  • Puoi anche vedere che il file Resources.resw file viene creato all'interno della cartella Strings\de.

  • Ora, lo vedrai un altro MultiLingualResources viene aggiunto all'interno del file *.xlffile. Fare doppio clic su questo file, che aprirà il fileMultilingual editor per controllare e verificare le stringhe tradotte e apportare alcune modifiche se necessario.

  • Apporta le modifiche e verifica se il colore di sfondo è diventato marrone e il testo dell'intestazione è stato tradotto correttamente in tedesco.

  • Come nell'esempio precedente, il colore di sfondo di Hub è cambiato da blu a marrone e il colore di primo piano è rimasto lo stesso.

  • Ora apri il file Resources.resw, che si trova all'interno di Strings\de cartella.

  • Puoi vedere che qui sono menzionate solo due stringhe, perché non abbiamo cambiato il colore di primo piano nell'editor multilingue.

Per controllare la versione localizzata della tua applicazione, cambia la cultura della tua macchina. Per cambiare la cultura della tua macchina segui i passaggi indicati.

  • Andiamo alle impostazioni del PC e seleziona Ora e lingua.

  • Dal riquadro di sinistra, seleziona Regions & language e fare clic sul file Add a language.

  • Selezionare Deutsch German lingua come mostrato sopra, che aprirà un'altra finestra di dialogo.

  • Ora seleziona il file German (Germany) e chiudere questa finestra di dialogo.

  • Imposta il tedesco come lingua predefinita.
  • Ora esegui la tua applicazione, verrà visualizzata la seguente finestra.
  • Ora puoi vedere l'output della tua applicazione in lingua tedesca.