Generation App – Día 7 – Cambiar el ámbito de entrada del teclado en pantalla de Windows Phone

Controles como TextBox usan el teclado táctil de la pantalla. Dependiendo del tipo de dato que el usuario esta introduciendo, el tipo de teclado que se despliega por defecto no es la mejor opción, puesto que te veras forzado a validar la entrada del usuario, y desplegar mensajes de errores de invalidación de datos. Te puedes ahorrar este problema simplemente desplegando el tipo de teclado adecuado para cada campo de un formulario.

En el screenshot, puedes ver un ejemplo de estos tipos de teclado. En el campo Name (Nombre), se despliega el tipo de teclado estándar; en cuanto al campo Age (Edad), se despliega un teclado para introducir únicamente un valor numérico. En el tercer campo Email (Correo Electrónico), se muestra un teclado con los caracteres ‘@’ y “.com” sin necesidad de ir al panel de símbolos.

Cambiar el ámbito de entrada del teclado

Estos tipos de detalles hacen al usuario feliz, y a ti como desarrollador, porque en cierto modo reduces los chances que el usuario se equivoque, y encima le enfatizas los datos que esperas recibir en cada campo de un formulario.

1. En el archivo XAML de tu pagina, ubica la etiqueta del control que deseas modificar. Por ejemplo, la etiqueta del TextBoxse ve la siguiente forma:

   <TextBox Name="txtPhoneNumber" />

2. Ahora agrega el atributo InputScope a la etiqueta y especifica el valor que esperas obtener. Por ejemplo, si quieres especificar un ámbito de input numérico, el código XAML deberá verse:

   <TextBox InputScope="Number" Name="txtPhoneNumber" />

Ajustando el ámbito de entrada por código

También puedes establecer el ámbito de entrada del teclado por código C#.

1. En el código XAML de tu pagina, agrega la siguiente etiqueta:

   <TextBox Name="txtPhoneNumber" />

2. Ahora en el código C# asociado a la pagina, en el constructor, agrega el siguiente código:

   InputScope scope = new InputScope();
   InputScopeName name = new InputScopeName();
   
   name.NameValue = InputScopeNameValue.Number;
   scope.Names.Add(name);
   
   txtPhoneNumber.InputScope = scope;

Autor: Jorge Ramirez
Publicación original –> http://j.mp/VBKu9K
Fuente 1 –> http://j.mp/13dUQlF