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

No comments:

Post a Comment