27.1.12

Aprender Windows Phone 7 (parte 46): Windows Phone Toolkit – DatePicker

Seguimos viendo los controles que trae el Silverlight for Windows Phone Toolkit. Este paquete contiene un conjunto de nuevos controles para utilizarlos en nuestras aplicaciones Windows Phone 7 que nos ahorran tener que desarrollarlos y probarlos nosotros.

En este tutorial vamos a aprender a manejar el control DatePicker.

El control DatePicker proporciona un cuadro de texto que al ser pulsado abre una nueva página en la que se puede elegir una fecha usando scrooll sobre el día, mes y año.


Si todavía no os habéis instalado este paquete tenéis este tutorial que hemos creado en este blog sobre cómo hacerlo paso a paso:

http://libreyextremo.blogspot.com/2011/11/aprender-windows-phone-7-parte-29-como.html




Creando la aplicación
Abrimos Visual Studio y creamos un nuevo proyecto, para ello hay que pulsar en el menú "File" -> opción "New Project". En la nueva ventana he seleccionado las opciones "Visual C#" -> "Silverlight for Windows Phone" -> "Windows Phone Application". Los demás datos son:


Name = DatePickerExample
Location = (la que queráis, yo lo puse en...) C:\A_warterrain_A\Ejemplos WP7\ DatePickerExample \ 
SolutionName = DatePickerExample

A continuación se pide la versión de la aplicación. Seleccionamos Windows Phone 7.1 y damos a Ok.


Vamos a agregar la librería del Windows Phone Toolkit a nuestro proyecto. La librería se encuentra en el directorio bin dentro de la carpeta donde se descargó el paquete que será:

Para Sistemas Operativos de 64 bit:
C:\Program Files (x86)\Microsoft SDKs\Windows Phone\v7.1\Toolkit\

Para Sistemas Operativos de 32 bit:
C:\Program Files\Microsoft SDKs\Windows Phone\v7.1\Toolkit\

En mi caso la dll se encontraba en la ruta:

C:\Program Files\Microsoft SDKs\Windows Phone\v7.1\Toolkit\Aug11\Bin\Microsoft.Phone.Controls.Toolkit.dll

Para agregar esta librería, hay que pulsar con el botón derecho en el elemento "References" de nuestro proyecto en el Explorador de Soluciones y seleccionar la opción "Add reference".


Tras buscar en la ruta la librería y agregarla aparecerá entre las referencias del proyecto:


A continuación, cuando en una página de la aplicación queramos utilizar los controles del toolkit, primero habrá que agregar el espacio de nombres del toolkit. Para ello en el archivo xaml de la página deberá agregarse la etiqueta xmlns:toolkit a la etiqueta phone:


Ahora vamos a agregar los controles:
- Titulo "DATEPICKER EXAMPLE"
- Titulo "principal".
- Un TextBlock con el texto "Introduzca la fecha".
- Un control DatePicker.


Para agregar el DatePicker utilizamos la etiqueta toolkit:DatePicker. El código XAML del DatePicker es:


Veamos la propiedad Value. Por defecto viene a valor 00:00:00 y toma la fecha en la que se ejecute la aplicación. Si queremos poner otra fecha, por ejemplo, el 30 de Enero de 2014, el formato es mm/dd/aaaa. Es decir, lo dos dígitos del mes primero, después los dos dígitos del día y por último los cuatro dígitos del año. Separados por barras inclinadas.

Vamos a poner el 30 de Enero de 2012. Para ello ponermos la propiedad Value con el valor 01/30/2014. Nos quedaría así:


Lanzamos la aplicación seleccionando "Debug" -> "Start Debugging".


La fecha que aparece es el 30 de Enero de 2014 como establecimos. Si pulsamos en la casilla de texto del DatePicker se abrirá un nuevo formulario para que cambiemos el día, mes y año haciendo scroll vertical sobre cada campo.


Pulsando el botón izquierdo (ahora veremos como poner bien los iconos de estos botones) de la parte inferior confirmamos el nuevo valor del DatePicker y volvemos a la página anterior.


Fata poner los iconos a los botones aceptar y cancelar del DatePicker. Para ello vamos a crear una carpeta en el directorio del proyecto que se llamará "Toolkit.Content". Hacemos click con el botón derecho del ratón en el proyecto seleccionamos la opción "Add" y después "New Folder". Escribimos el nombre de la carpeta "Toolkit.Content".


Después hay que meter dos imágenes en esta carpeta llamadas: ApplicationBar.Cancel.png ApplicationBar.Check.png Las dos imágenes las podemos encontrar en la carpeta donde están los binarios del Silverlight Toolkit, que recordamos que eran:

Para Sistemas Operativos de 64 bit:
C:\Program Files (x86)\Microsoft SDKs\Windows Phone\v7.1\Toolkit\

Para Sistemas Operativos de 32 bit:
C:\Program Files\Microsoft SDKs\Windows Phone\v7.1\Toolkit\

Las imagenes están dentro de una subcarpeta llamada Icons, en mi caso estaban en la ruta:
C:\Program Files\Microsoft SDKs\Windows Phone\v7.1\Toolkit\Aug11\Bin\Icons

Para agregar las imágenes, hacemos click con el botón derecho del ratón sobre la carpeta Toolkit.Content y seleccionamos la opción "Add" y después "Existing Item..."


Buscamos las dos imágenes y las agregamos. Después hay que modificar la propiedad BuildAction de cada imagen al valor Content:


Ahora volvemos a lanzar la aplicación y cuando pulsamos en el cuadro de texto del DatePicker, ahora sí que aparecen los dos iconos de aceptar y cancelar correctamente.


Lleva un poco de trabajo, pero la experiencia de usuario final va a ganar muchos enteros y va a hacer que vuestra aplicación luzca mucho más.

El código fuente del ejemplo podéis descargaroslo de la siguiente dirección en nuestro repositorio de código:

Código fuente tutorial aprender Windows Phone 7 Parte 46.

Tutorial desarrollado por Grupo Libre y Extremo (Talavera de la Reina).

26.1.12

Talavera DevCamp Marzo 2012



Fecha: 3 y 4 de Marzo de 2012
Hora: 11:00 - 18:00
Lugar: donde siempre y online.
Para apuntarse: hay que ser miembro del grupo LibreyExtremo y aceptar la invitación por email.

Como en Febrero tengo el MindCamp vamos a postergar el siguiente TalDC para Marzo. El objetivo vaa ser lograr llegar a la versión 0.1 de los dos proyectos que estamos realizando.

Día 3:
11:00 Preparar equipos
12:00 (Charla) Informe dispositivos móviles 2012
12:30 Actividades libres
15:00 Comer
16:00 Actividades libres
18:00 ¡A casa!

Este día servirá para presentar una charla con los resultados de un estudio del ecosistema de WP7 y Android que estamos haciendo en el grupo. El resto del día lo usaremos para ir preparando las versiones 0.1 que se presentarán el día siguiente.

Día 4:
11:00 Preparar equipos
12:00 (Charla) Hola Mundo con AndEngine
12:30 Actividades libres
15:00 Comer
16:00 (Charla) Presentación proyecto FPT versión 0.1
17:00 (Charla) Presentación proyecto LVT versión 0.1
18:00 ¡A casa!

Este día lo vamos a usar para ver hasta donde hemos llegado en los proyectos.

¡Ánimo con los proyectos!

24.1.12

Aprender Windows Phone 7 (parte 45): Windows Phone Toolkit – AutoCompleteBox

Seguimos viendo los controles que trae el Silverlight for Windows Phone Toolkit. Este paquete contiene un montón de controles nuevos para utilizarlos en nuestras aplicaciones Windows Phone 7 que nos ahorran tener que desarrollarlos y probarlos nosotros.

En este tutorial vamos a aprender a manejar el control AutoCompleteBox.

AutoCompleteBox es un control que, al empezar el usuario a escribir en un TextBox, muestra una serie de sugerencias en una lista desplegable para que el usuario seleccione una y no tenga que escribir el resto de las letras.



Si todavía no os habéis instalado este paquete tenéis este tutorial que hemos creado en este blog sobre cómo hacerlo paso a paso:

http://libreyextremo.blogspot.com/2011/11/aprender-windows-phone-7-parte-29-como.html


Creando la aplicación

Abrimos Visual Studio y creamos un nuevo proyecto, para ello hay que pulsar en el menú "File" -> opción "New Project".

En la nueva ventana he seleccionado las opciones "Visual C#" -> "Silverlight for Windows Phone" -> "Windows Phone Application". Los demás datos son:



Name = AutoCompleteBoxExample
Location = (la que queráis, yo lo puse en...) C:\A_warterrain_A\Ejemplos WP7\ AutoCompleteBoxExample \
SolutionName = AutoCompleteBoxExample

A continuación se pide la versión de la aplicación. Seleccionamos Windows Phone 7.1 y damos a Ok.



Vamos a agregar la librería del Windows Phone Toolkit a nuestro proyecto. La librería se encuentra en el directorio bin dentro de la carpeta donde se descargó el paquete que será:

Para Sistemas Operativos de 64 bit:
C:\Program Files (x86)\Microsoft SDKs\Windows Phone\v7.1\Toolkit\

Para Sistemas Operativos de 32 bit:
C:\Program Files\Microsoft SDKs\Windows Phone\v7.1\Toolkit\

En mi caso la dll se encontraba en la ruta:

C:\Program Files\Microsoft SDKs\Windows Phone\v7.1\Toolkit\Aug11\Bin\ Microsoft.Phone.Controls.Toolkit.dll

Para agregar esta librería, hay que pulsar con el botón derecho en el elemento "References" de nuestro proyecto en el Explorador de Soluciones y seleccionar la opción "Add reference".



Tras buscar en la ruta la librería y agregarla aparecerá entre las referencias del proyecto:



A continuación, cuando en una página de la aplicación queramos utilizar los controles del toolkit, primero habrá que agregar el espacio de nombres del toolkit. Para ello en el archivo xaml de la página deberá agregarse la etiqueta xmlns:toolkit a la etiqueta phone:



Ahora vamos a agregar los controles:

- Titulo "AUTOCOMPLETEBOX EXAMPLE"
- Titulo "principal".
- Un TextBlock con el texto "Ciudad"
- Un control AutocompleteBox.



Para agregar el AutoCompleteBox utilizamos la etiqueta toolkit:AutoCompleteBox. El código XAML del AutoCompleteBox es:



Ahora ya sólo queda insertar la lista de recomendaciones que aparecerán en el AutoCompleteBox. Vamos a crear un objeto List de strings y dentro iremos insertando las palabras. En nuestro caso serán nombres de ciudades.Después este objeto List lo insertaremos dentro de la propiedad ItemsSource del AutoCompleteBox.



Lanzamos la aplicación seleccionado "Debug" -> "Start Debugging".



En la aplicación cuando escribamos la primera letra aparecerán la lista de sugerencias que coinciden con el texto que contiene el AutoCompleteBox.



Seleccionando una de las sugerencias que se nos propone, aparecerá en el AutoCompleteBox.



Muy chulo, ¿verdad?


El código fuente del ejemplo podéis descargaroslo de la siguiente dirección en nuestro repositorio de código:

Código fuente tutorial aprender Windows Phone 7 Parte 45.


Tutorial desarrollado por Grupo Libre y Extremo (Talavera de la Reina).

Resumen Talavera DevCamp Enero 2012



El resumen de esta reunión es bastante corto. Durante la quedada se trabajó sobre todo en el documento de Especificación de Requisitos Software de los proyectos que estamos desarrollando.

Presenté la charla que daré en el Mind Camp y después hubo tiempo para hacer recomendaciones, decir qué cosas se pueden mejorar, etc. Todos los comentarios se agradecen y son bien venidos para pulir la presentación.

Por último estuvimos mejorando el prototipo de la aplicación Windows Phone 7 que estamos haciendo de ejemplo en el Grupo.

Estuvo muy bien.

21.1.12

Aprender Windows Phone 7 (parte 44): Windows Phone Toolkit – ContextMenu

Seguimos viendo los controles que trae el Silverlight for Windows Phone Toolkit. Este paquete contiene un montón de controles nuevos para utilizarlos en nuestras aplicaciones Windows Phone 7 que nos ahorran tener que desarrollarlos y probarlos nosotros.

En este tutorial vamos a aprender a manejar el control ContextMenu.

El control ContextMenu es un control dinámico que aparece cuando un usuario pulsa y mantiene pulsado sobre cualquier item. Al hacerlo, se desplegará una lista de acciones que el usuario puede lanzar.



Si todavía no os habéis instalado este paquete tenéis este tutorial que hemos creado en este blog sobre cómo hacerlo paso a paso:

http://libreyextremo.blogspot.com/2011/11/aprender-windows-phone-7-parte-29-como.html


Creando la aplicación

Abrimos Visual Studio y creamos un nuevo proyecto, para ello hay que pulsar en el menú "File" -> opción "New Project".

En la nueva ventana he seleccionado las opciones "Visual C#" -> "Silverlight for Windows Phone" -> "Windows Phone Application". Los demás datos son:



Name = ContextMenuExample
Location = (la que queráis, yo lo puse en...) C:\A_warterrain_A\Ejemplos WP7\ ContextMenuExample \
SolutionName = ContextMenuExample

A continuación se pide la versión de la aplicación. Seleccionamos Windows Phone 7.1 y damos a Ok.



Vamos a agregar la librería del Windows Phone Toolkit a nuestro proyecto. La librería se encuentra en el directorio bin dentro de la carpeta donde se descargó el paquete que será:

Para Sistemas Operativos de 64 bit:
C:\Program Files (x86)\Microsoft SDKs\Windows Phone\v7.1\Toolkit\

Para Sistemas Operativos de 32 bit:
C:\Program Files\Microsoft SDKs\Windows Phone\v7.1\Toolkit\

En mi caso la dll se encontraba en la ruta:

C:\Program Files\Microsoft SDKs\Windows Phone\v7.1\Toolkit\Aug11\Bin\ Microsoft.Phone.Controls.Toolkit.dll

Para agregar esta librería, hay que pulsar con el botón derecho en el elemento "References" de nuestro proyecto en el Explorador de Soluciones y seleccionar la opción "Add reference".



Tras buscar en la ruta la librería y agregarla aparecerá entre las referencias del proyecto:



A continuación, cuando en una página de la aplicación queramos utilizar los controles del toolkit, primero habrá que agregar el espacio de nombres del toolkit. Para ello en el archivo xaml de la página deberá agregarse la etiqueta xmlns:toolkit a la etiqueta phone:




Ahora vamos a agregar los controles:

- Titulo "CONTEXTMENU EXAMPLE"
- Titulo "principal".
- Un botón al que añadiremos el ContextMenu

De la siguiente forma:



Para agregar el ContextMenu utilizaremos la etiqueta toolkit:ContextMenuService.ContextMenu y toolkit:ContextMenu. El código XAML del ContextMenu es:



En la parte de código es donde rellenaremos los métodos MenuItem_Click_Enviar, MenuItem_Click_Sustituir y MenuItem_Click_Entregar.



Queda un último paso que es meter el código XAML del ContextMenu dentro del código XAML del botón. El resultado sería el siguiente:



Lanzamos la aplicación seleccionado "Debug" -> "Start Debugging". En la aplicación haremos tap sobre el botón y sin soltarlo mantendremospulsado para que aparezca el menú contextual.



De igual forma que se ha agregado a un control botón se puede agregar a otros controles.

El código fuente del ejemplo podéis descargaroslo de la siguiente dirección en nuestro repositorio de código:

Código fuente tutorial aprender Windows Phone 7 Parte 44.


Tutorial desarrollado por Grupo Libre y Extremo (Talavera de la Reina).

20.1.12

Guía para actualizar el firmware de los teléfonos Nokia Lumia 800

Os paso esta guía que he encontrado en el blog de Jorge Serrano para instalar la actualización del firmware del Nokia Lumia 800.

También encontraréis información útil sobre cosas que han cambiado y la solución del problema que forzó esta actualización.

Una entrada muy interesante.

Acceder a la guía.

Ganadores concurso Nokia Lumia 800

Hace un par de meses Microsoft lanzó un concurso en el que sorteaba teléfonos Nokia Lumia 800.

El concurso ya casi ha terminado y en esta web:

http://msdn.microsoft.com/es-es/windowsphone/hh553489

Podéis ver las aplicaciones ganadoras. Os recomiendo echarle un vistazo.

18.1.12

Mobigame 2012

Se abre otro año más el periodo para inscribirse en el Mobigame, uno de los más importantes concursos de programación de aplicaciones y juegos para Android y Windows Phone.

Acceder a la web del concurso Mobigame 2012.

Os pongo a continuación algunos de los detalles del concurso:


Categorías
Los participantes podrán presentarse al concurso en una de las siguientes categorías:

- Categoría Windows Phone: En esta modalidad se presentarán los trabajos desarrollados para la plataforma Windows Phone 7.
- Caregoría Android : En esta modalidad se presentarán los trabajos desarrollados para la plataforma Android.

En ambas categorías se pueden presentar tanto juegos como aplicaciones. Se valorará la originalidad, el esfuerzo de desarrollo y la calidad del juego o aplicación desarrollada.


Premios
Actualmente los premios que están confirmados son:

Categoría Windows Phone:
Móvil de última generación Windows Phone 7 para el primer premio
Móvil de última generación Windows Phone 7 para el segundo premio
Otros premios por confirmar...

Categoría Android
Otros premios por confirmar...

Se está trabajando para conseguir más premios, los cuales se irán añadiendo a la lista cuando estén confirmados.


Fechas Relevantes
Jornadas técnicas: 14 de Diciembre de 2011
Celebración del concurso: Abril de 2012

Durante el mes de marzo se publicarán las fechas de entrega de trabajos y de exposición de los mismos.

17.1.12

BeeSocial para Windows Phone 7

Os muestro otro ejemplo de una aplicación desarrollada aquí en España para Windows Phone 7:



Descripción:
Bee Social es un radar gay para encontrar y conocer gente que están a tu alrededor. Es sencillo de usar: mira, conecta y queda. BeeSocial está disponible para Windows Phone 7, y pronto en Android y iPhone.

Pulsa aquí para descargar BeeSocial.

Nuevos requisitos de certificación en Marketplace para los nuevos mercados

Como os comenté en esta noticia, el Windows Phone Marketplace se ha ampliado a seis nuevos mercados hace poco:

Argentina, China, Indonesia, Malasia, Perú y Filipinas.

Este cambio ha traído un nuevo requisito para tres de estos mercados (China, Malasia y Filipinas):

Apartado 3.10 Requisitos específicos por país/región

No está permitido el contenido que es considerado ofensivo en algunos países o regiones en los que tu aplicación quiere ser publicada. El contenido puede ser considerado ofensivo en estas regiones o países según sus leyes o normas culturales. Ejemplos de contenido potencialmente ofensivo en estos países o regiones son, aunque podría haber más no presentes en esta lista:

- Gente dejando ver ropa o en poses sexualmente sugerentes.
- Referencias religiosas.
- Referencias al alcohol.
- Humor sexual o con referencias a "cosas que se hacen en el baño".
- Juegos y apuestas simuladas o reales.



Como mucha gente estará pensando publicar aplicaciones en estos nuevos mercados (sobre todo China con su enorme público), este requisito es muy importante tenerlo en cuenta para desarrollar vuestra aplicación.

Ya ha habido algunos desarrolladores que se han topado con este problema al certificar sus aplicaciones y las soluciones son desde prescindir de publicar sus apps en estos mercados, hasta modificar la aplicación para que se adapte a las reglas de estos países (lo más razonable).

[Charla] Windows Phone App Promotion and Monetization

En el blog de AdDuplex, he encontrado esta charla que dieron durante la conferencia Lotus 8 en la Riga Business School. El tema de la charla era cómo promocionar y hacer dinero con tus aplicaciones para Windows Phone 7.

Está muy interesante y os recomiendo disfrutarla.

Importante: La charla sobre cómo hacer dinero con tus aplicaciones WP7 comienza sobre 1h 54 minutos, justo cuando termina el video promocional de estas navidades del Nokia Lumia.

16.1.12

Sitio web Android Design

Parece ser que con la llegada de la última versión de Android, Google quiere hacer enfasis en implementar un estándar de diseño que sea utilizado por los desarrolladores con el objetivo de aumentar la calidad de las aplicaciones.

Para ello ha puesto a disposición de los desarrolladores un sitio web donde podrán encontrar toda la información para mejorar el aspecto de sus aplicaciones y adaptarlas a estos estándares.

Ir a Android Design

12.1.12

Aprender Windows Phone 7 (parte 43): Panel Grid

Vamos a ver otro de los paneles disponibles en Windows Phone. Estos paneles sirven para organizar dentro de ellos los controles que irán en las páginas de nuestras aplicaciones Silverlight para Windows Phone 7.

En este tutorial vamos a aprender a utilizar el panel Grid.

En un panel Grid vamos a definir el número de filas y columnas. Y luego colocaremos los controles en las casilla del grid.



Creando el proyecto

Abrimos Visual Studio y creamos un nuevo proyecto, para ello hay que pulsar en el menú "File" -> opción "New Project".

En la nueva ventana he seleccionado las opciones "Visual C#" -> "Silverlight for Windows Phone" -> "Windows Phone Application". Los demás datos son:



Name = GridApp
Location = (la que queráis, yo lo puse en...) C:\A_warterrain_A\Ejemplos WP7\GridApp\
SolutionName = GridApp

A continuación se pide la versión de la aplicación. Seleccionamos Windows Phone 7.1 y damos a Ok.



Vamos a cambiar el interfaz de la página:

- Titulo "GRID EXAMPLE".
- Titulo "principal".
- Un control Grid.

Con el siguiente formato final:



El código XAML que se habría creado es:



Se utilizan las etiquetas Grid.RowDefinition, Grid.ColumnDefinition, RowDefinition y ColumnDefinition para definir las casillas del grid.



El código XAML es:



Y ahora vamos a meter unos botones dentro de este control Grid. Para ello en cada control indicaremos el atributo Grid.Row y Grid.Column para indicar en qué casilla irá colocado.

Tras agregarlos la página tendrá el siguiente aspecto.



El código XAML final del grid es:



Si lanzamos la aplicación "Debug" -> "Start Debugging" podemos ver el resultado:



Como veis es muy sencillo colocar los botones en las páginas utilizando este panel.


El código fuente del ejemplo podéis descargaroslo de la siguiente dirección en nuestro repositorio de código:

Código fuente tutorial aprender Windows Phone 7 Parte 43.


Tutorial desarrollado por Grupo Libre y Extremo (Talavera de la Reina).