Windows Phone 8 una introducción a XAML

El desarrollo de software suele ser un proceso de dos pasos que implica el desarrollo de la interfaz de usuario y la lógica empresarial de la aplicación. Windows Phone no es una excepción a este paradigma. Al desarrollar para Windows Phone, XAML Se utiliza para la implementación de la interfaz de usuario de las aplicaciones de Windows Phone..

1. ¿Qué es XAML??

XAML o Lenguaje de marcado de aplicación extensible es un lenguaje declarativo desarrollado por Microsoft y utilizado en Windows Phone para crear objetos de interfaz gráfica de usuario. Si estas familiarizado con XML, entonces un fragmento de código de XAML se verá muy familiar. XAML es para un DO# desarrollador que HTML Es para un desarrollador web. Es la base del diseño de la interfaz de usuario para Windows Phone..

La plataforma de Windows Phone tiene muchos bloques de construcción a su disposición, como botones, bloques de texto, cuadros de texto, etc. Aunque es posible desarrollar una aplicación de Windows Phone 8 utilizando solo C #, es poco práctico y engorroso..

XAML hace que crear interfaces de usuario sea mucho más fácil. Después de crear un nuevo proyecto o página de Windows Phone 8 en Visual Studio, se le presentan dos vistas. Una vista muestra el código XAML mientras que la otra muestra al desarrollador su representación de diseño visual.

Para comprender mejor esto, revisemos el proyecto que creamos en el tutorial anterior en el que creamos nuestra primera aplicación de Windows Phone 8.

               

Inmediatamente notará la misma estructura jerárquica que encontrará en XML y HTML. Cada elemento del código XAML representa un control de Windows Phone, que veremos más adelante en esta serie. Notará que cada elemento tiene una etiqueta de apertura y cierre, al igual que en XML o HTML. También puede ver que algunos elementos tienen atributos adicionales, teniendo la siguiente estructura:

   

Me referiré a cada elemento del archivo XAML como un control, ya que representan los controles de Windows Phone, que son objetos que forman parte del marco. Cada uno de estos controles puede tener propiedades adjuntas a ellos. Algunos de estos controles, como el Cuadrícula y StackPanel Los controles, incluso pueden contener otros controles dentro de ellos. Por ejemplo, mira cómo StackPanel control con el Nombre propiedad de Cuadro de título contiene dos Bloque de texto controles.

Esta disposición jerárquica de elementos permite a los desarrolladores diseñar la interfaz de usuario de las aplicaciones de Windows Phone con mucha más facilidad y también proporciona una estructura entre los controles que conforman la interfaz de usuario de una aplicación de Windows Phone..

2. XAML contra código

Como dije anteriormente en este artículo, es posible crear la interfaz de usuario completa de una aplicación de Windows Phone en C #, sin usar XAML. En realidad, sin embargo, esto no es muy práctico. Esto no se recomienda, ya que hace que el diseño de la interfaz de usuario de la aplicación sea desordenado y un poco por todas partes.

Además, el uso estricto de C # para crear la interfaz de usuario de la aplicación limitará significativamente la posibilidad de usar el MVVM Patrón de diseño que se integra en el desarrollo de Windows Phone. Esto significa técnicas avanzadas, tales como el enlace de datos, Será más difícil de implementar..

Echemos un vistazo de cerca a las dos técnicas, XAML y C #, para construir la interfaz de usuario de una aplicación. Para esta comparación, primero mostraré cómo un Bloque de texto y un Botón control se declaran dentro de una StackPanel control mediante XAML. Entonces te mostraré el equivalente en C #.

XAML

 Un simple bloqueo de texto  

Puede ver qué tan declarativo es el fragmento de código XAML anterior. Es fácil entender la jerarquía de los controles. Hay otro beneficio cuando se utiliza XAML. Podemos ver directamente el resultado de nuestros cambios en Visual Studio a través del panel de vista previa del diseño, que generalmente se ubica a la izquierda en Visual Studio..

DO#

Veamos cómo podemos implementar la misma interfaz de usuario usando C # en lugar de XAML.

// Crear nuestro StackPanel StackPanel stackPanel = new StackPanel (); this.Content = stackPanel; // Crear nuestro TextBlock TextBlock textBlock = new TextBlock (); textBlock.Margin = new Thickness (10); textBlock.Text = "A Simple TextBlock"; stackPanel.Children.Add (textBlock); // Crear nuestro botón botón botón = nuevo botón (); botón.Margen = nuevo Espesor (20); button.Content = "Simple Button"; stackPanel.Children.Add (botón);

Como puede ver, es un poco más pesado en comparación con XAML y no podemos ver el resultado de nuestros cambios sobre la marcha. También te habrás dado cuenta de que el bloque de código en C # es casi el doble de las líneas de código y no es tan legible como el fragmento de código XAML que vimos anteriormente..

Para el desarrollo de Windows Phone, XAML es la forma recomendada de crear interfaces de usuario. Sin embargo, puede haber ocasiones en que necesitemos implementar controles más complicados que son difíciles de crear utilizando XAML, por ejemplo, cuando el control debe ser dinámico en cierta medida. Aunque estas situaciones son menos comunes, es bueno saber que podemos recurrir a C #.

Conclusión

XAML es una parte integral del desarrollo de Windows Phone y, por lo tanto, una comprensión firme es esencial. Le animo a que eche un vistazo a la documentación oficial de XAML de Microsoft en el Centro de desarrollo de Windows Phone. Contiene información detallada sobre el uso de XAML para el desarrollo de Windows Phone..

En este tutorial, hemos analizado la función de XAML en el desarrollo de Windows Phone y cómo se compara con C # para crear interfaces de usuario. En el siguiente tutorial, continuaremos trabajando con XAML y abordaremos algunos de los controles más comunes de Windows Phone, su uso y cómo implementarlos en una aplicación de Windows Phone 8..