Windows Phone. MyToolkit, conjunto de controles y utilidades

Introducció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 …

Manage NuGet Packages …

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

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:

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.

• PanAndZoomViewer (WP) Facilita la manipulación de contenido 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.

• WatermarkedTextBox (SL, WP, WinRT): TextBox con watermark (marca de agua).

• 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

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.
  • ListPickerBox Popup (WP, 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

• CodePlex: MyToolkit
• NuGet: MyToolkit
• Blog de Rico Suter