Libre y extremo

Mango Jump Start - 07 - Using Windows Phone Resources (Bing Maps, Camera, etc.)

2012-02-12T03:00:00.000-08:00

Podéis acceder al código a través del siguiente link.

Aprender Windows Phone 7 (parte 49): Windows Phone 7 Launcher – BingMapsTask

2012-02-12T01:00:00.000-08:00

BingMapsTask te permite lanzar la aplicación Bing del teléfono Windows Phone. Se puede indicar una localización para que aparezca el mapa centrado en ese punto. Además podemos ajustar el zoom del mapa. Y buscar todos los puntos relacionados con un término que introducamos.

En la documentación aparece este ejemplo:

BingMapsTask bingMapsTask = new BingMapsTask();

//Omit the Center property to use the user's current location.
//bingMapsTask.Center = new GeoCoordinate(47.6204, -122.3493);

bingMapsTask.SearchTerm = "coffee";
bingMapsTask.ZoomLevel = 2;

bingMapsTask.Show();

En este ejemplo, tras crear el objeto BingMapsTask, omitimos la localización para que coja la posición por defecto en la que se encuentra el usuario.
Si descomentásemos la linea, se abriría el Bing apuntando a la localización que se corresponde con las coordenadas 47.6204 y –122.3493 (creo que el Space Needle Loop en Seattle).

Además mostrará enlaces en el mapa relacionados con la palabra “coffee” (cafeterías, tiendas de venta de café, etc). Por último, se fija el nivel de zoom en 2 y se lanza la aplicación Bing con estos parámetros.

Nota: si se intenta accceder a Bing desde un sitio donde no haya acceso, no se lanzará la aplicación Bing.

Tenéis más información en el siguiente enlace:

“How to use BingMapsTask”.

Nosotros vamos a crear un programa que lance Bing utilizando este Launcher.

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 = BingMapsTaskExample
Location = (la que queráis, yo lo puse en...) C:\A_warterrain_A\Ejemplos WP7\ BingMapsTaskExample\
SolutionName = BingMapsTaskExample

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 “BINGMAPSTASK EXAMPLE”.
- Titulo “principal”.
- Y un Button para lanzar el BingMapsTask.

Con el siguiente formato final:

Hay que agregar las siguientes librerías:

using Microsoft.Phone.Tasks;
using System.Device.Location;

Para que encuentre la librería System.Device.Location hay que seleccionar “Agregar referencia” y agregar la librería “System.Device” al proyecto.

Cuando se pulse el botón se ejecutará el código fuente que vimos en el ejemplo:

Pues vamos a ejecutar a ver qué pasa. Pulsamos en “Debug” -> “Start debugging” arrancaremos el emulador.

Tras un momento en que se ha estado iniciando el emulador, veréis el programa en el emulador de Windows Phone 7.

Tras pulsar en el botón Lanzar Bing, se abrirá Bing y buscará contenidos referentes a la posición actual. Al no encontrar mostrará el siguiente mensaje:

A continuación aparece la pantalla pidiendo si puede acceder a la información de nuestra posición. Pulsamos en permitir.

Aparecerá la siguiente pantalla:

El emulador del teléfono no puede mostrar los mapas de Bing, así que siempre devolverá un mapa en negro indicando que la posición es desconocida.

La manera de ver que esto funciona bien es probando sobre un dispositivo físico.

Otra prueba

Si quisiesemos que se centrase la vista en un punto concreto bastaría con asignarle un valor al atributo Center.

Por ejemplo:

//Omit the Center property to use the user's current location.
bingMapsTask.Center = new GeoCoordinate(47.6204, -122.3493);

Esto centrará Bing en la ciudad de Seattle.

Os recomiendo probar a modificar el código y probarlo en vuestro dispositivo físico. Ya que si lo probáis contra el emulador seguirá mostrando posición desconocida.

Otra prueba más

Si queréis lanzar Bing pero sin buscar los lugares relacionados a una palabra basta con que no asignéis ningún valor al atributo SearchTerm (o que lo comentéis).

//bingMapsTask.SearchTerm = "coffee";

Probarlo contra el dispositivo físico para ver la diferencia.

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 49.

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

Mango Jump Start - 06 - Windows Phone Multi-tasking & Background Tasks

2012-02-11T03:00:00.000-08:00

Podéis acceder al código a través del siguiente link.

Aprender Windows Phone 7 (parte 48): Cambia el skin de tu emulador Windows Phone 7

2012-02-11T01:00:00.000-08:00

Hoy vamos a hacer algo muy sencillo, vamos a cambiar el skin del emulador de Windows Phone 7.

El skin es la imagen del teléfono que muestra el emulador. Por defecto el skin que viene es el siguiente:

Vamos a sustituir este skin por otro.

Pero antes de hacerlo, debo avisaros. ESTOS CAMBIOS NO SON OFICIALES Y MODIFICAR EL SKIN CORRERÁ SOBRE TU PROPIO RIESGO Y RESPONSABILIDAD.

Si sigues leyendo es que estás dispuesto a correr el riesgo.
Antes de empezar tenéis que aseguraros que el emulador está cerrado.

Pasos a seguir:

1. Lo primero es descargarse el nuevo skin. Hay muchos. Para esta prueba, voy a descargar el Theme Samsung Focus AT&T del blog de Jeff Wilcox.:

- “Theme Samsung Focus AT&T” en el blog de Jeff Wilcox.

2. Una vez descargado, debéis descomprimirlo en una carpeta.

3. Hacer una copia de seguridad del directorio que contiene el skin actual del emulador.

C:\Program Files (x86)\Microsoft XDE\1.0

En algunos equipos esta carpeta puede llamarse:

C:\Program Files\Microsoft XDE\1.0

Esta copia no servirá para restaurar el emulador a su estado original en caso de que nos cansemos del nuevo skin.

4. Copiar los archivos descomprimidos en la carpeta:

C:\Program Files (x86)\Microsoft XDE\1.0

Como decía, en algunos equipos esta carpeta puede llamarse:

C:\Program Files\Microsoft XDE\1.0

Y ya estaría cambiado el Skin. Ahora si abrimos Visual Studio y lanzamos un proyecto para Windows Phone, podremos ver el nuevo skin de nuestro emulador.

Muy chulo, ¿verdad?.

Os dejo una lista de enlaces con otros skins:

- Skin Nokia Lumia 800.

- Skin HTC Arrive.

- Skin Nokia Lumia 710 por Telerik.

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

Mango Jump Start - 05 - Windows Phone Fast Application Switching

2012-02-10T03:00:00.000-08:00

Podéis acceder al código a través del siguiente link.

Mejora tus aplicaciones WP7 con Expression Blend

2012-02-10T01:00:00.000-08:00

En su blog, Josué Yeray está publicando una serie de tutoriales para mejorar las interfaces de las aplicaciones Windows Phone 7 utilizando Expression Blend.

Os recomiendo echarle un vistazo.

- [Windows Phone 7.5] Dale calidad a tus aplicaciones con Expression Blend (I).

- [Windows Phone 7.5] Dale calidad a tus aplicaciones con Expression Blend (II).

Mango Jump Start - 04 - Using Expression Blend to Build Windows Phone Interfaces

2012-02-09T03:00:00.000-08:00

Podéis acceder al código a través del siguiente link.

Videos Build 2011

2012-02-09T01:00:00.000-08:00

Podéis ver los videos de las presentaciones que se hicieron en el evento Build a través de su página web de Build en Channel 9.

Este evento en el que se presentó la nueva interfaz de Windows 8 basada en Metro tiene un buen número de presentaciones sobre crear aplicaciones con Metro.

Os paso algunas de las presentaciones que se hicieron relacionadas con Windows Phone 7:

- Windows Phone: how to build a game.

- Windows Phone user experience design.

- Windows Phone: building apps that customers love, end to end.

- Windows Phone XAML apps.

- Windows Phone app performance and optimization.

- Progressively enable the mobile web with ASP.NET MVC 4, HTML5, and jQuery Mobile.

- Building device & cloud apps.

- It’s not a great phone app without ASP.NET services and push notifications.

- Windows Phone multitasking.

- Windows Phone: building optimized websites and using the web browser control with IE9.

Mango Jump Start - 03 - Silverlight on Windows Phone - Advanced

2012-02-08T03:00:00.000-08:00

Podéis acceder al código a través del siguiente link.

WFControla

2012-02-08T01:00:00.000-08:00

Hoy os quiero hablar de un nuevo sitio web dedicado a Windows Phone.

Windows Phone Controla

Esta iniciativa de Josué Yeray y Rafa Serna nos permitirá estar al tanto de las últimas noticias y tutoriales del mundo de Windows Phone 7.

Podéis escuchar el Podcast del mes de Enero de Windows Phone Controla a través del siguiente enlace:

Podcast Enero WPControla.

Mango Jump Start - 02 - Silverlight on Windows Phone - Introduction

2012-02-07T03:00:00.000-08:00

Podéis acceder al código a través del siguiente link.

Windos Phone Developer Camp Dinamarca

2012-02-07T00:30:00.000-08:00

Gracias al sitio web del DotNetClub de la UOC me he enterado de este evento y de cómo ver los videos de las charlas que se hicieron en él.

El Windows Phone Developer Camp @ Nokia que se realizó en Dinamarca es un evento realizado por Nokia Dinamarca y Microsoft Dinamarca. Durante 2 días enseñaron todo lo que los desarrolladores tienen que saber para crear aplicaciones Metro para Windows Phone 7.

Os paso los vídeos aquí para que podáis verlos:

- Dev01 - Windows Phone 7.5 Overview for Developers.

- Dev02 - Building Windows Phone 7.5 Applications with Visual Studio 2010.

- Dev03 - Building Windows Phone 7.5 Apps with Silverlight.

- Dev04 - Windows Phone 7.5 Fast Application Switching, Tombstoning and Multitasking.

- Dev05 - Live Tiles and Push Notifications.

- Dev06 - Building Games for Windows Phone 7.5 with Farseer Physics Engine.

- Dev07 - Monetizing a Windows Phone 7.5 Application.

- UX01 - METRO | the foundation.

- UX02 - Think | sketch, wireframe, prototype.

- UX03 - Design | Visual, interaction, motion.

- UX04 - Refine | best practices.

- UX05 - build | make it XAML.

Mango Jump Start - 01 - Building Windows Phone Apps with Visual Studio 2010

2012-02-06T03:00:00.000-08:00

Podéis acceder al código a través del siguiente link.

Usando el SDK de Live en Windows Phone 7

2012-02-06T01:00:00.000-08:00

He encontrado este tutorial en el blog "un informático en construcción" para aprender a utilizar los servicios del SDK de Live en vuestras aplicaciones Windows Phone 7.

El SDK de Live permite hacer uso de Skydrive, de los contactos, del calendario de Hotmail, del chat de Messenger, autenticarse en Live y acceder a algunos datos del perfil de usuario.
Os recomiendo echarle un vistazo.

Acceder al tutorial "Usando los servicios de Live en Windows Phone 7".

[Artículo] Tendencias de diseño Web en apps para móvil

2012-02-05T02:47:00.000-08:00

Os paso este artículo que he encontrado en el blog de Buibee (el cual os recomiendo seguir) con una
serie de consejos para mejorar el aspecto visual de vuestras aplicaciones y esto produzca un aumento de su cifra de ventas.

Ir al artículo "Top 10 tendencias de diseño web apps movil 2012".

Aprender Windows Phone 7 (parte 47): Windows Phone Toolkit – ExpanderView

2012-02-04T01:55:00.000-08:00

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 = ExpanderViewExample
Location = (la que queráis, yo lo puse en...) C:\A_warterrain_A\Ejemplos WP7\ ExpanderViewExample\
SolutionName = ExpanderViewExample

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:

Vamos a explicar las partes de un control ExpanderView.

Utilizando las etiquetas toolkit:ExpanderView y toolkit:ExpanderView.Items definimos el control ExpanderView y la zona en la que iremos colocando los controles que definen el contenido del panel expandido.

El atributo Header de la etiqueta toolkit:ExpanderView mostrará el encabezado.

Ahora vamos a agregar los controles:

- Titulo "EXPANDERVIEW EXAMPLE".
- Titulo "principal".
- El control ExpanderView que acabamos de ver.

Con el siguiente formato:

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

Si pulsamos el encabezado se expandirá el contenido colapsable.

Este tipo de control se utiliza para mostrar objetos de los que el usuario puede saber más pulsando en ellos.

Por ejemplo, podemos hacer una aplicación que muestre la lista de los componentes de un grupo de musica.

Os dejo el código fuente de estos dos ejemplos:

https://sites.google.com/site/libreyextremo/codigo-fuente-tutorial-aprender-windows-phone-parte-47

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

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

2012-01-27T23:30:00.000-08:00

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:

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).

Talavera DevCamp Marzo 2012

2012-01-26T07:02:00.000-08:00

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!

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

2012-01-24T23:17:00.000-08:00

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

2012-01-24T05:02:00.000-08:00

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.

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

2012-01-21T10:06:00.000-08:00

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).

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

2012-01-20T02:58:00.000-08:00

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

2012-01-20T00:13:00.000-08:00

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.

Mobigame 2012

2012-01-18T23:37:00.000-08:00

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.

BeeSocial para Windows Phone 7

2012-01-17T04:12:00.000-08:00

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.