Cómo usar Windows Phone Toolkit


Por Juan Carlos Ruiz Pacheco, Microsoft Technology Evangelist

Twitter

https://twitter.com/JuanKRuiz

Facebook

https://www.facebook.com/JuanKDev

LinkdIn

http://www.linkedin.com/in/juankruiz


Dn530632.BD213F9A90A43576D799FBE4D0F0A71B(es-es,MSDN.10).png


Hacer aplicaciones para Windows Phone es sumamente fácil, podemos utilizar una amplia variedad de controles que nos permiten tener capacidades casi ilimitadas.

Sin embargo las cosas pueden ser aún mejores, el equipo de Windows Phone ha liberado un conjunto de componentes Open Source, son alrededor de 20 controles que permiten maximizar la experiencia de usuario pero también de desarrollo al resolver problemas comunes con controles fáciles de usar.

 

Instalación

La instalación de Windows Phone Toolkit es bastante sencilla ya que se hace directamente por Nuget. En NuGet tenemos dos opciones de instalación, por línea de comandos o por Wizard.

 

Instalación de Windows Phone Toolkit por línea de comandos

Desde Visual Studio abrimos nuestra solución de Windows Phone, vamos a la ventana de “Package Manager Console” sino la tienes o no sabes dónde está puedes desplegarla así

Dn530632.31635E48241193A9EFB31C25BF9BC5FE(es-es,MSDN.10).png

Ya en la consola digitas

Install-Package WPtoolkit

 

Dn530632.D1C2D366F6BF9DB2281B518E50F9D560(es-es,MSDN.10).png

 

Instalación de Windows Phone Toolkit por Wizard

En las referencias del proyecto le das clic derecho “Manage Nuget Packages”

Dn530632.C200D511DD6C70BF3A0AF31D7FF122D6(es-es,MSDN.10).png

Esto despliega una ventana de búsqueda, vas al árbol “Online” y en el recuadro escribes “Windows Phone Toolkit”, esperas a que lo encuentre y seguidamente lo instalas.

Dn530632.0D8333E0DF6650315AF65707D9E912A8(es-es,MSDN.10).png 

Aparecerán los siguientes ítems en su solución:

Dn530632.4CCC5B59F56F937D30F6DE32C9D3386B(es-es,MSDN.10).png

Y eso es todo, ¡instalado!

Como agregar los controles al Toolbox

Abres el toolbox y allí das clic derecho, “Add Tab”

 

Dn530632.27D3AA2933D12A57A6EB364683978FF3(es-es,MSDN.10).png

Al nuevo Tab le colocas el nombre que quieras.

Abres el nuevo Tab, nuevamente das clic derecho pero esta vez seleccionas “Choose Items”

Dn530632.3FFC6C1185B8ABEE030F96B23DE41D8D(es-es,MSDN.10).png

En el recuadro que se abre vas a la pestaña “Windows Phone Components” y utilizas el botón Browse para localizar una ruta similar a esta: MyApp\packages\WPtoolkit\lib\sl4-windowsphone71, no tiene que ser exacta, de seguro habrá números de versión y otras cosas por allí que pueden cambiar en cada caso y dependiendo de la versión actual del Toolkit, pero el patrón es muy similar.

Allí encontrarás la librería “Microsoft.Phone.Controls.Toolkit.dll”, le das abrir  y enseguida aparecen Checkeados todos los controles incluidos en la librería, te recomiendo que no los dejes todos checkeados ya que no todos son usables desde el IDE, aunque si los deja checkeados no hay ningún problema.

Ítems recomendados a no checkear:

Todos los del namespace “Microsoft.Phone.Controls.Primitives”

Todos los que en el nombre tengan la palabra “Base”

Pueden haber más, ya o puedes personalizar a tu gusto.

Tendrás algo como esto:

Dn530632.DB606D3A262B19F8956B86A288960645(es-es,MSDN.10).png 

Y listo ya estás preparado para utilizar estos nuevos controles.


Mostrar: