TimePicker para Windows Phone

Para agregar un TimePicker a nuestro proyecto es necesario descargar e instalar el Toolkit y después  agregar una referencia.

– En “References” > clic derecho > add reference > En la pestaña .NET > Microsft.Phone.Controls.Toolkit


– Ahora nos vamos a nuestra ToolBox > damos clic derecho en Windows Phone Controls > Choose Items..> Buscamos TimePicker > lo seleccionamos > Ok

Y listo, ya lo tendremos agregado a nuestra ToolBox.

TUTORIAL

Agrega al proyecto 1 Textblocks y 1 TimePicker

–          1 TextBlock para las instrucciones

–          1 TimePicker con el nombre de “Hora”.

–           1 Botón con el nombre de “datos” y con el texto “Datos Ingresados”

Ahora, al terminar de agregar todos los componentes tendremos algo como esto:

Ahora agrega el evento “ click” al botón

Ahora sí corremos nuestra aplicación mostrará de la siguiente manera al dar clic en nuestro TimePicker.

Como podrán observar los iconos de la AppBar están sin personalizar .

¿Como personalizar los iconos de la  AppBar?

Ahora creamos una carpeta con el nombre “Toolkit.Content”, la carpeta debe de llamarse de esa manera obligatoriamente.

Ahora debemos agregar los iconos que queremos que aparezcan en nuestro TimePicker

Podemos hacerlo de dos maneras, si usas metro Studio, simplemente buscas los iconos que quieras que se muestre, y al momento de guardarlos le asignas los siguientes nombres.

Y  listo, ahora con eso debemos de tener los siguientes resultados

Ahora Código

–          Lo primero que debemos hacer es asignar el dato de hora en una variable y con esa variable podremos implementar la hora ingresada, y para lograr esto usaremos el Datetime.

–          En esta ocasión lo que haremos será simplemente mostrarlo en un mensaje.

Y listo así de fácil podemos obtener los datos de nuestro TimePicker.

Como podrás observar, el date, toma el valor incluso de la fecha del día en que se ingresaron los datos, en caso de que estés desarrollando una alarma o algún recordatorio no tendrás problemas para agregar el dato así, tal y como está.

Pero en caso de que necesites los datos para algún otro tipo de aplicación donde forzosamente necesites los datos de hora y minuto, aquí les dejo una manera de hacerlo.

La variable de tipo entero “tiempo” tomará el dato de la hora es decir 22 (10 p.m.) y la variable “tiempo2” tomará el dato de los minutos, y con estas dos variables.

En la siguiente imagen veremos los resultados de las dos líneas de código anteriores

OJO: Sí eres uno de las personas que se les ocurrió ahorrarse la declaración de la segunda variable y quieren almacenar ambos datos (hora y minuto) en una sola variable, déjame decirte que si lo haces de esta manera

int tiempo3 = date.Hour + date.Minute;

En vez de obtener los resultados que se mostraron anteriormente obtendrás este resultado:

De donde salió el 70? Muy Fácil, lo que paso es que no te da la hora tal cual, ya que lo que le estas indicando es una suma, es decir 22 + 48 = 70.

Pero si eres inquieto y quieres resolver esto sin necesidad de declarar 2 variables para tomar la hora, puedes resolverlo de la siguiente manera.

–          Cambia el tipo de dato por un “string” y en medio de ambas variables agrega “:” de la siguiente manera.

string tiempo4 = date.Hour + “:” + date.Minute;

 

Aquí les dejo el código completo con sus resultados.

– Descarga el Toolkit aquí

~ Hasta la Próxima ~

Cualquier duda, comentario bienvenido🙂

2 comentarios sobre “TimePicker para Windows Phone

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