Desarrollo de Windows 10: localización

Windows se utiliza en todo el mundo, en una variedad de mercados diferentes y para audiencias objetivo que varían en cultura, región o idioma. La localización es la traducción de los recursos de la aplicación a versiones localizadas para las culturas específicas que admite la aplicación.

Cuando desarrolla cualquier aplicación en un solo idioma, significa que solo está limitando su negocio y sus clientes. Si desea aumentar su base de clientes, lo que también aumentará su negocio, entonces su aplicación debe estar disponible y accesible a nivel mundial. La localización rentable de su producto es una de las mejores y más económicas formas de llegar a más clientes.

En Windows 10, las aplicaciones localizables son muy fáciles de crear con resx file, que es la solución más sencilla para la localización.

Entendamos esto con la ayuda de un ejemplo simple siguiendo todos los pasos mencionados a continuación.

Traducción de recursos de IU

Puede poner recursos de cadena para su interfaz de usuario en resource (resw) en lugar de ponerlos directamente en el código o el marcado, y luego puede hacer referencia a esas cadenas desde su código o marcado. Siga los pasos que se indican a continuación para agregar cadenas a los archivos de recursos.

  • Cree una nueva aplicación para la Plataforma universal de Windows (UWP).

  • En el Solution Explorer, haga clic con el botón derecho en el proyecto y seleccione Add > New Folder.

  • Cambie el nombre de la nueva carpeta a "Strings".

  • Haga clic derecho en el Strings carpeta y agregue una nueva carpeta con el nombre "en-US". Estas son convenciones de nomenclatura específicas para un idioma y un nombre de país / región, y se pueden encontrar en la página de referencia de API de National Language Support (NLS) msdn.microsoft.com .

  • Haga clic derecho en el en-US carpeta y seleccione Add > New Item….

  • Se abrirá el siguiente cuadro de diálogo.

  • Seleccione "Resources File (.resw)" y haga clic en el Add botón.

  • Ahora vayamos al archivo XAML y agreguemos un control Hub con algunas propiedades como se muestra a continuación.

<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" son los identificadores que se utilizan para la localización

  • Ahora, cuando se compile y ejecute el código anterior, verá la siguiente ventana.

Toda la información relacionada con el Hub, como el encabezado, el primer plano y el color de fondo, se configura en el XAML.

  • Ahora agregue parte de la información en Resource.resw archivo en el Strings/en-US carpeta como se muestra a continuación.

  • Debe asociar todos los controles que necesitan texto localizado con el.reswarchivo. Puede hacer esto usando elx:Uid atributo en sus elementos XAML como este -

    • x:Uid = "HubControl" se utiliza en resw para asignar una cadena para el encabezado, el primer plano y el color de fondo.

  • Ahora, cuando compile y ejecute su aplicación en un emulador, verá la siguiente ventana. Puede ver que los valores de color de encabezado, primer plano y fondo se seleccionan delResources.resw archivo.

  • Puedes agregar otro Resource.resw archivos para otros idiomas como francés, alemán y japonés, etc. de forma manual, como hicimos para inglés de EE. UU., pero Microsoft también proporciona un Multilingual App Toolkit con la ayuda de lo cual, puede traducir fácilmente su Resource.resw en otros idiomas.

  • Ve a la Tools > Extensions y Actualizar menú y buscar el Multilingual app kit de herramientas.

  • Descargue e instale este kit de herramientas. Una vez finalizada la instalación, reinicie Visual Studio y abra el mismo proyecto.

  • Ahora habilite este kit de herramientas desde Tools > Multilingual App Opción de menú del kit de herramientas.

  • Ahora puede agregar traducción para otros idiomas.

  • Haga clic derecho en el proyecto en el Solution Explorer y seleccione Multilingual App Toolkit > Add Translation Opción Idiomas del menú.

  • El seguimiento Translation Languagesse abrirá el diálogo. Puede seleccionar el idioma que desee para localizar su aplicación para esas culturas.

  • Seleccionemos German idioma y haga clic en el OK botón.

  • También puede ver que el Resources.resw el archivo se crea dentro de la carpeta Strings\de.

  • Ahora verás que otro MultiLingualResources se agrega dentro del *.xlfarchivo. Haga doble clic en este archivo, que abrirá elMultilingual editor para comprobar y verificar las cadenas traducidas y realizar algunos cambios si es necesario.

  • Realice los cambios y verifique si el color de fondo ha cambiado a marrón y el texto del encabezado está traducido correctamente al alemán.

  • Como en el ejemplo anterior, el color de fondo de Hub ha cambiado de color azul a marrón y el color de primer plano se ha mantenido igual.

  • Ahora abre el Resources.resw, que está dentro del Strings\de carpeta.

  • Puede ver que aquí solo se mencionan dos cadenas, porque no hemos cambiado el color de primer plano en el editor multilingüe.

Para verificar la versión localizada de su aplicación, cambie la cultura de su máquina. Para cambiar la cultura de su máquina, siga los pasos dados.

  • Vayamos a la configuración de la PC y seleccione Hora e idioma.

  • En el panel izquierdo, seleccione Regions & language y haga clic en el Add a language.

  • Seleccione Deutsch German idioma como se muestra arriba que abrirá otro cuadro de diálogo.

  • Ahora seleccione el German (Germany) y cierre este cuadro de diálogo.

  • Haga que Deutsch sea el idioma predeterminado.
  • Ahora ejecute su aplicación, mostrará la siguiente ventana.
  • Ahora puede ver el resultado de su aplicación en idioma alemán.