Introducción al Windows Phone Silverlight Toolkit

El SDK de Windows Phone es bastante versátil y nos proporciona una fuente bastante extensa de controles como para realizar una interfaz de usuario rica y atractiva. Sin embargo, en determinadas ocasiones podemos echar de menos más controles. En esas ocasiones nos vendrá genial el Windows Phone Silverlight Toolkit.

Es un paquete de controles totalmente gratuito disponible tanto en Codeplex como utilizando Nuget. Podremos descargar tanto los archivos binarios como el código fuente. Además también hay documentación y un proyecto de ejemplo haciendo uso de todos los controles disponibles.

¿Cuántos controles nos ofrece?

A continuación podemos ver el listado:

  • AutoCompleteBox

  • ContextMenu

  • DatePicker

  • DateTimeConverters

  • ExpanderView

  • GestureService/GestureListener

  • HubTile

  • ListPicker

  • LockablePivot

  • LongListSelector

  • MultiselectList

  • Page Transitions

  • PerformanceProgressBar

  • PhoneTextBox

  • TiltEffect

  • TimePicker

  • ToggleSwitch

  • WrapPanel

Puedes ver con más detalle todos los controles en acción en el siguiente video, donde mostramos el último ejemplo disponible (a la hora de escribir esta entrada el correspondiente a Noviembre del 2011):

Bien, interesante, pero… ¿Cómo se instala?

Como mencionamos anteriormente podemos encontrar el toolkit en Codeplex. La dirección sería:

http://silverlight.codeplex.com

Al entrar en la página vemos distintas versiones.  En estos momentos nos interesa la última versión del toolkit para Windows Phone (rectángulo rojo).

Al hacer clic seremos redirigidos a la siguiente página:

El primero de los enlaces es un archivo de instalación (.msi) que nos instalará los binarios del Toolkit.

EL segundo de los enlaces en un archivo comprimido (.zip) que contiene el código fuente. Aunque no pienses modificar los controles del Toolkit y tal como están disponibles en los binarios te son totalmente válidos, te recomiendo si tienes tiempo echarle un vistazo. Sumamente interesantes algunas partes.

Además en esta página podemos ver la lista de los últimos cambios realizados.

Una vez descargado, ¿cómo usamos los controles del toolkit?

Es algo muy sencillo. Vamos a crear un proyecto para ver las dos formas posibles.

En la primera de las opciones debemos al proyecto las referencias a las librerías del Toolkit:

La librería añadida se llamada “Microsoft.Phone.Controls.Toolkit.dll “.

Tras añadir la librería, para utilizar cualquiera de los controles desde un xaml debemos agregar el xmlns:

xmlns:toolkit="clr-namespace:Microsoft.Phone.Controls;assembly=Microsoft.Phone.Controls.Toolkit"

Por ejemplo, para utilizar el control AutoCompleteBox:

<toolkit:AutoCompleteBox ItemsSource="{StaticResource words}"/>

La segunda de las opciones sería agregar todos los controles en una nueva sección de la caja de herramientas del Visual Studio.

Para ello haríamos clic derecho sobre la caja de herramientas y pulsaríamos sobre la opción “Add Tab”. Le pondríamos un nombre que nos ayude posteriormente a identificar el contenido de la sección como por ejemplo “Windows Phone Toolkit”.

Por último, para agregar el contenido de la nueva sección haremos de nuevo clic derecho para seleccionar la opción “Choose Items”.

Se nos abrirá una ventana como la siguiente:

Buscaremos el ensamblado llamado “Microsoft.Phone.Controls.Toolkit” y lo seleccionaremos.

Listo!

Por facilitar el acceso he añadido un enlace directo a la descarga tanto de las librerías como del ejemplo mostrado en el video que acompaña a la entrada (correspondiente a la versión de Noviembre del 2011):

Sin embargo, recomiendo encarecidamente realizar las descargas de la página de Codeplex donde conseguirás siempre las últimas versiones disponibles.

Más Información:

Silverlight for Windows Phone Toolkit In Depth“. Ebook gratuito escrito por Boryana Miloshevska disponible en WindowsPhoneGeek. En inglés. Muy Recomendable.

12 pensamientos en “Introducción al Windows Phone Silverlight Toolkit

  1. Hola, primero que nada quiero felicitarte por tu trabajo, aqui he encontrado bastante material util.
    He aqui mi duda, yo estoy trabajando en visual studio 2012, este toolkit es compatible con esta versión en WP8? o existe otro? si fuese asi porfavor me gustaria encontrarlo, me interesa demasiado el hubtile. De nuevo Felicidades🙂

  2. Amigo me he iniciado hace unos días en el desearrollo de aplicaciones para WP, pero resulta ser que cuando trato de incluir las .dll de Toolkit me dice que no se pueden agregar porque no se conpiló usando Windows Phone Runtime, alguna idea de como arreglarlo, espero respuesta.

    • Hola Yaciel,

      La última actualización del Toolkit fue en Agosto del 2013.Si no me equivoco, el problema que estas teniendo es intentarlo usar en una App WP 8.1.

      ¿Para que lo necesitas?
      Hay muchos controles nuevos diponibles directamente en el SDK o que podemos conseguir facilmente e incluso otros toolkits que puedes utilizar como el WinRT XAML Toolkit.

      Un saludo.

  3. Pingback: [Windows Phone 8.1] Cambios en controles | Javier Suárez Ruiz | Blog

  4. Pingback: [Windows Phone 8.1] Cambios en controles - Javier Suárez

  5. Cordial saludo, quiero hacer una búsqueda en una lista que he creado previamente, pero no consigo información al respecto, que al escribir una palabra genere un resultado de posibles de la lista, de antemano gracias.

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