Aplicación Multilenguaje en Windows Phone

En este tutorial veremos cómo hacer que nuestra aplicación para Windows Phone  muestre el contenido en 2 idiomas en este caso Español de México e Inglés de Estados Unidos.

1

Crea un proyecto en Visual Studio para Windows Phone  con el nombre que desees en mi caso “Multilenguaje”

Imagen2

Si tienes el SDK de Windows Phone 8, te preguntará para que versión deseas esta aplicación, este tutorial funciona para cualquiera de las 2 opciones, así que podrás escoger la que más te convenga.

Imagen1

Ahora bien, en esta ocasión agregaremos 2 TextBlock a nuestra aplicación, uno mostrará el Contenido 1 y otro el Contenido 2.


Imagen3

Y ahora Solucion Explorer damos clic derecho sobre el nombre del proyecto >Add>New Item…

Imagen4

Busca y agrega un Recurso de archivo o ResourcesFile, selecciónalo y dale un nombre, el que prefieras, en mi caso le pondré AppResources.

Imagen5

Agrega en la tabla el siguiente contenido:

OJO: Ningún nombre puede ser repetido, y la sección de Comment no es obligatorio su llenado pero puede ayudarte mucho si lo que estas desarrollando es algún tipo de traductor.

Ahora bien, nos abrirá una ventana similar a esta, en la cual agregaremos los nombres Titulo, Subtitulo, Contenido1 y Contenido2, estos datos son los que se mostrarán en la aplicación, en este 2tutorial he agregado los valores de Aplicación Multilenguaje como título, y en subtitulo Consejos para esta sección en contenido1 El nombre debe de ser único y en contenido2, el comentario es opcional.

Imagen6

Como en esta ocasión esta aplicación funcionará con Ingles de Estados Unidos y Español de México.

Solo resta crear otro Recurso con el mismo nombre que el anterior con la diferencia que a este se le agregara el lenguaje con el que es compatible nuestra app, en este caso se llamará AppResources.en-US para ver los distintos lenguajes y sus especificaciones que soporta una aplicación da clic aquí

Ahora bien, los nombres que ingresaremos, deben de llamarse de IGUAL MANERA que los anteriores. De lo contrario no funcionará la aplicación.

Otro punto importante es que ambos en Access Modifier deben de estar Publicos.

Imagen7

Ahora vamos a editar él .csproj de nuestra aplicación, para hacerlo en el nombre del proyecto en Solution Explorer damos clic derecho>Unload Project.

Imagen8

Y en Multilenguaje.csproj damos clic derecho>Edit Multilenguaje.csproj

Imagen9

Busca <SupportedCultures/> y agrega los lenguajes que soportara tu aplicación en este caso agregaré es-Mx (Español del México) y en-US (Ingles de Estados Unidos) ambos lenguajes deben estar separados por un “;”

Imagen10

Guardamos y en Multilenguaje.csproj damos clic derecho>Reload Project

Imagen11

Nos lanzará el siguiente aviso, le damos en “Sí” queremos cerrar Multilenguaje.csproj.

Imagen12

Clase LocalizedStrings

Windows Phone 7: En esta versión del s.o. debemos crear la clase desde  0 Clic derecho al nombre del proyecto>add new class > LocalizedStrings

WINDOWS PHONE 8: sí tu proyecto esta creado para Windows pone 8, por default te crea la clase LocalizedStrings.

Una vez que tengas la clase ya creada ingresa o modifica el código.

Imagen13

Clase app.xaml

Windows Phone 8: Así como en el paso anterior, en esta versión de S.O. ya nos agrega por defecto esta línea de código.

Windows Phone 7.1: Agrega el siguiente código

Imagen14

AGREGANDO LOS CAMBIOS DE MULTILENGUAJE EN NUESTRA APLICACIÓN:

En MainPage.xaml o donde quieras mostrar el texto multilenguaje, agrega el siguiente código, en este ejemplo lo agregare al TextBlock de título.

Imagen15

La clave es la línea de código Text =”{Binding Path=AppResources.Titulo……

Ya que le estamos indicando que el texto que va a mostrar está ubicado en AppResources y lo tomará de .Titulo, le agregamos la propiedad “Path” para poder ver las modificaciones en tiempo de diseño es decir que en este punto si seguimos todos los pasos anteriores podremos ver que se agrega el contenido de .Titulo de AppResources en nuestro proyecto como a continuación.

title

Ahora bien para los TextBlocks que siguen podemos reutilizar el código anterior, pero esta vez cambiando el .titulo por .Subtitulo, .Contenido1, Contenido2 y al final tendremos como resultado algo como esto:

Imagen16

Una vez que terminemos de ingresar el código podremos ver los cambios en tiempo de diseño.
Imagen166

Y listo ahora si solo resta compilar nuestra aplicación en el emulador y ver nuestra primera aplicación multilenguaje totalmente terminada.

VÍDEO TUTORIAL

~Hasta la Próxima ~

Fuente: windowsphonegeek

PDTA: Cualquier duda lo puedes publicar por este medio.

Responder

Introduce tus datos o haz clic en un icono para iniciar sesión:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Cerrar sesión / Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Cerrar sesión / Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Cerrar sesión / Cambiar )

Google+ photo

Estás comentando usando tu cuenta de Google+. Cerrar sesión / Cambiar )

Conectando a %s