Windows Phone. Introducción al Coding4Fun 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. Ya hemos hablado del Windows Phone Silverlight Toolkit en esta entrada. Pero si aún echamos de menos controles, resultará muy interesante el Coding4Fun Toolkit para Windows Phone.

Es un paquete de controles totalmente gratuito disponible en Codeplex. Podremos descargar tanto los archivos binarios como el código fuente. Además también hay documentación y un proyecto de ejemplo (Test Application).

¿Cuántos controles nos ofrece?

A continuación podemos ver el listado:

  • AboutPrompt. Mensaje emergente con propiedades especialmente pensadas para mostrar la típica ventana “Acerca de” de la aplicación. Podemos indicar la versión, autor, métodos de contacto, etc.

  • InputPrompt. Mensaje emergente donde se espera que el usuario porporcione información.

  • MessagePrompt. Mensaje emergente cuya finalidad es la de mostrar información al usuario.

  • PasswordInputPrompt. Similiar al InputPrompt pero se espera que el usuario proporcione una contraseña.

  • ColorPicker. Permite de manera fácil y elegante seleccionar un color.

  • Toast Prompt. Notificaciones. Útiles para notificar al usuario cuando han finalizado procesos en segundo plano.

  • ProgressOverlay. Superpone un ProgressBar sobre la interfaz. Muy útil para indicar actualizaciones de la interfaz de usuario.

  • RoundToggleButton. Deriva de ToggleButton por lo tanto tiene múltiples estados. Permite indicar una imágen de manera automática (ImageSource).

  • RoundButton. Deriva de Button. Permite indicar una imágen de manera automática (ImageSource).

  • TimeSpanPicker. Nos permite seleccionar fechas u horas de manera muy fácil e intuitiva.

  • MetroFlow. Interesante control. Nos permite crear pequeñas galerías de imágenes. Solo una de las imágenes está expandida.

  • Memory Counter. Muy útil a nivel de desarrollo. Nos permite de una manera muy sencilla controlar el consumo de memoria de nuestra aplicación. Recuerda que para poder publicar la aplicación en el MarketPlace la aplicación no puede exceder de cierto consumo de memoria.

Además de los controles vistos anteriormente, el Coding4Fun Toolkit nos ofrece:

Converters:

  • Boolean to Visibility
  • String To Visibility
  • Themed Image Converter
  • Inversed Theme Image Converter
  • Visibility to Boolean

Data Helpers:

  • PhoneHelper para obtener información del archivo de manifiesto.

Podéis ver a continuación un video de la aplicación de ejemplo que hace uso de todos los controles disponible en el código fuente:

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

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

http://coding4fun.codeplex.com

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

EL segundo de los enlaces en un archivo comprimido (.zip) que contiene el código fuente. Aunque no pienses modificar los controles, te recomiendo si tienes tiempo echarle un vistazo.

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 Coding4Fun Toolkit:

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

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

xmlns:c4f="clr-namespace:Coding4Fun.Phone.Controls;assembly=Coding4Fun.Phone.Controls"

Por ejemplo, para utilizar el control ColorSlider:

<c4f:ColorSlider />

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 “Coding4Fun 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 “Coding4Fun.Phone.Controls” 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 1.5.6):

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:

Codeproject. Having Fun with Coding4Fun’s Windows Phone 7 Controls. En inglés. Muy Recomendable.

2 pensamientos en “Windows Phone. Introducción al Coding4Fun Toolkit.

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

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