Windows Phone. MyToolkit, conjunto de controles y utilidades

Tools-02Introducción

El SDK de Windows Phone 8 es bastante versátil y nos proporciona una fuente bastante extensa de controles como para realizar una interfaz de usuario rica y atractiva en nuestras aplicaciones. Sin embargo, en determinadas ocasiones podemos echar de menos más controles. Si ese es tu caso, en la entrada actual vamos a analizar las posibilidades que nos brinda MyToolkit, ¿te apuntas?

¿MyToolkit?

MyToolkit ess un paquete de controles y utilidades gratuito disponible tanto en Codeplex como utilizando Nuget. Podremos obtener tanto los archivos binarios como el código fuente. Además también hay documentación e incluso proyectos de ejemplo (WinRT y Windows Phone) haciendo uso de los controles.

Como obtenerlo

El Toolkit lo tenemos disponible en NuGet por lo que podemos instalarlo usando Nuget Package Manager.

En las referencias del proyecto hacemos clic derecho y seleccionamos la opción Manage NuGet Packages …

Ejemplo Cimbalino 01

Manage NuGet Packages …

En la ventana modal que nos aparece, en la parte superior derecha donde podemos realizar una búsqueda, buscamos por “mytoolkit”:

Ejemplo MyToolkit 01

MyToolkit

Seleccionamos el primero de los elementos y pulsamos el botón Install. Tras un breve periodo donde se procede a descargar e incluir las librerías en las referencias del proyecto, tendremos el siguiente resultado:

Ejemplo MyToolkit 02

Librería instalada y lista para usar!

¿Qué aporta?

El Toolkit aporta un conjunto de controles, converters, helpers y extensiones.

Controles

  • DataGrid (WinRT): Nos permite crear un Grid de solo lectura aunque con posibilidades interesantes como las opciones de navegación.
<Controls:DataGrid  ItemsSource="{Binding Items}"
	            SelectedItem="{Binding SelectedPerson, Mode=TwoWay}"
		    Navigate="OnNavigate" DefaultOrderIndex="0">
     <Controls:DataGrid.Columns>
          <Controls:DataGridTextColumn
               Width="200"
	       Binding="{Binding Text01}"
	       Style="{StaticResource BodyTextStyle}" />
          <Controls:DataGridTextColumn
               Width="200"
	       Binding="{Binding Text02}"<br />
               Style="{StaticResource BodyTextStyle}"  />
     </Controls:DataGrid.Columns/>
</Controls:DataGrid />
  • DatePicker (WinRT) Permite la selección de fechas.
  • ExtendedListBox (WP, WinRT): Control ListBox  con eventos interesantes como scrolling o detectar si se llega al final del scroll.
  • ExtendedListPicker (WP), Nos permite usar ObservableCollection<T> en lugar de exclusivamente ObservableCollection<object> como lo haría el ListPicker.
  • HtmlTextBlock (WP, WinRT): Nos permite mostrar contenido HTML sin los problemas encontrados en el control WebBrowser (gestión de color de fondo, etc).
  • ImageButton (WinRT), Facilita la creación de botones con imagen. Cuenta con propiedad Content, ContentPressed y IsTiltEnabled.
  • NavigationList (WP, WinRT): ListBox con eventos de navegación (incluye el elemento seleccionado como parámetro)
  • PanAndZoomImage (WP) Facilita la manipulación de imágenes mediante gestos.
  • Pivot (WinRT): Permite ofrecer la experiencia de un Pivot típico de Windows Phone en una aplicación Windows Store. Muy sencillo de utilizar:
<Controls:Pivot>
     <Controls:PivotItem Header="uno">
     </Controls:PivotItem>
     <Controls:PivotItem Header="dos">
     </Controls:PivotItem>
</Controls:Pivot>
  • TextButton (WinRT), muestra un icono  (obtenido utilizando un caracter de la fuente Segoe UI) y una cabecera.
  • YouTubeButton (WP, WinRT): Botón que muestra una previsualización del video a reproducir junto al icono Play. Una vez pulsado el botón reproduce el video. Es uno de los controles mas usados que aporta el Toolkit:
<Controls:YouTubeButton YouTubeID="YouTube Id" Click="OnButtonClick" />
YouTubeButton

YouTubeButton

Converters

  • ChainedConverter
  • ColorConverter
  • DateTimeConverter
  • EqualityConverter
  • NotConverter
  • Etc

Helpers

  • VisibilityManger, (WinRT), Muy útil para mostrar u ocultar controles en XAML dependiendo del ancho de la pantalla (portrait, landscape, snapped, etc)
  • TextBinding, (WP) Propiedad adjunta que permita actualizar inmediantamente lo bindeado en controles  TextBox y PasswordBox.
  • Popups, Helpers que nos ayudan a implementar popups con una apariencia igual a la de los popups del sistema en Windows Phone y WinRT.
  • TiltEffect, Efecto tilt similar al usado en Windows Phone Toolkit para WinRT.
  • Etc

Como hemos podido ver a lo largo del artículo, el Toolkit es bastante amplio ofreciendo una cantidad de opciones muy interesantes permitiendo realizar y resolver tareas muy diversas. Retomaremos en futuras entradas este Toolkit para ver como reproducir videos de YouTube con gran facilidad o como mostrar contenido HTML por ejemplo. Permaneced atentos!

Más información

2 pensamientos en “Windows Phone. MyToolkit, conjunto de controles y utilidades

  1. Pingback: Tips & Tricks de desarrollo para Windows Phone - MSDN España - Site Home - MSDN Blogs

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