Windows Phone 8 Controles y Propiedades

En este tutorial, aprenderá sobre algunos de los controles más populares de Windows Phone. También aprenderá sobre las propiedades que pueden tener los controles y verá cómo se pueden usar para describir los controles..

1. ¿Qué son los controles??

Los controles son los componentes básicos de una aplicación de Windows Phone. Hay muchos tipos de controles, que se diferencian en su funcionalidad y en su apariencia. Por ejemplo, hay controles que podemos usar para contener y organizar otros controles como el StackPanel y el Cuadrícula controles También hay controles que podemos usar para construir características de nuestra aplicación como la Botón, Caja de texto y Bloque de texto controles Todo lo que ves en una aplicación de Windows Phone es un control de una forma u otra.

Hay una amplia gama de controles incluidos en el SDK de Windows Phone. Echemos un vistazo a algunos de los controles más comunes..

  • Botón Este es fácilmente el control más usado. Como su nombre lo indica, este control se usa para crear un botón y detecta gestos, como tocar y sostener.
  • Bloque de texto Este es el control que utiliza cuando desea mostrar un bloque de texto en una vista.
  • Caja de texto Como lo sugiere el nombre, con el control TextBox, el usuario puede ingresar texto. Esto se utiliza para recopilar la entrada del usuario dentro de una aplicación de Windows Phone.
  • StackPanel Este control se utiliza para recopilar u organizar uno o más controles adicionales. Los controles que contiene se pueden organizar o apilar horizontal o verticalmente..
  • Cuadrícula Una cuadrícula funciona muy similar a una tabla HTML. Se pueden colocar otros controles en él, ordenados en filas y columnas que definimos..
  • LongListSelector Este control nos permite mostrar una lista de controles. Por ejemplo, si queremos mostrar una lista de imágenes o nombres en una aplicación, entonces LongListSelector es la mejor opción.

2. Aplicación de muestra

Para comprender mejor los controles de Windows Phone, crearemos un nuevo proyecto de Windows Phone y jugaremos con algunos de los controles mencionados anteriormente. Para crear un nuevo proyecto de Windows Phone 8, siga los mismos pasos que se describen en Creación de su primera aplicación.

En Visual Studio, debería ver el diseño y las vistas XAML para el MainPage.xaml página. También debe haber algunas opciones de menú a la izquierda, una de las cuales es la Caja de instrumentomenú. Abre el Caja de instrumento menú para ver una lista de los controles que se incluyen en el SDK de Windows Phone.

En la lista de controles, encuentra la Botón controla y suelta una instancia de él en la vista previa de diseño de Visual Studio. Haz lo mismo para el Bloque de texto y Caja de texto controles Ahora debería tener algo similar a lo que tengo a continuación.

3. Propiedades

Propiedades son valores que podemos usar para personalizar o describir la apariencia de un control. Las propiedades toman el siguiente formato, Propiedad = "Valor". Por ejemplo, si analiza el código XAML de su proyecto, verá que cada control tiene una serie de propiedades con los valores correspondientes..

Tomar el Botón Usted creó como un ejemplo. Si desea editar el texto del botón, necesita cambiar el valor de su Contenido propiedad. Para cambiar el texto de la Bloque de texto control, cambias su Texto propiedad.

También hay propiedades que controlan el posicionamiento del control, tales como Margen y Relleno propiedades Visual Studio tiene un Propiedades pestaña que hace que la configuración de propiedades sea muy fácil. Por defecto, el Propiedades La pestaña está ubicada en la parte inferior derecha, pero puede ser diferente para usted y depende de cómo haya configurado Visual Studio.. 

los Propiedades El menú es muy útil al configurar las propiedades de un control, porque le muestra qué propiedades están disponibles para un control en particular..

4. StackPanel & Grid

los StackPanel y Cuadrícula Los controles son controles muy importantes para crear diseños en Windows Phone. Casi todas las aplicaciones que construirás las utilizarán, por lo que es importante entender cómo funcionan..

Como mencioné anteriormente, la StackPanel Cuadrícula Los controles contienen otros controles y los organizan de una manera particular. Si tiene experiencia con HTML, entonces puede comparar el StackPanel y Cuadrícula controles a HTML div y mesa elementos respectivamente.

StackPanel

los StackPanel El control nos permite organizar los controles como una pila de elementos. Los controles ubicados dentro de un StackPanel se pueden organizar horizontal o verticalmente, dependiendo del valor de su Orientación propiedad.

Echemos un vistazo a la StackPanel Control en acción. Si vuelve a consultar la vista XAML de nuestro proyecto para MainPage.xaml página, ya debería ver un StackPanel control sosteniendo dos Bloque de texto Instancias que conforman el encabezado de la página..

     

Por defecto, la orientación de un StackPanel la instancia se establece en vertical. Solo necesitamos establecer esta propiedad si necesitamos un StackPanel horizontal. Juega un poco con StackPanel cambiando su orientación a horizontal. Para resumir, siempre que necesite organizar los controles linealmente, el control StackPanel es probablemente lo que está buscando.

Cuadrícula

Como el StackPanel, el Cuadrícula control organiza uno o más controles. A diferencia del StackPanel, el control Grid organiza sus hijos usando filas y columnas, similar a una tabla HTML.

Echemos otro vistazo a la vista XAML de nuestro proyecto para ver el control Grid en acción. Nuestra aplicación ya contiene dos instancias de Grid. El primero es el contenedor de nivel superior de nuestra aplicación y contiene una segunda instancia de Grid.

En la imagen de arriba, puedes ver que la primera cuadrícula, LayoutRoot, contiene dos filas, indicadas por Grid.RowDefinition. El StackPanel llamado Cuadro de título tiene un Grid.Row propiedad establecida en 0, que le dice que ocupe la primera fila de la Rejilla en la que está.

La segunda rejilla, ContentPanel, tiene su Grid.Row propiedad establecida en 1, lo que significa que se coloca en la segunda fila de la cuadrícula que está en.

El control Grid es muy útil al crear diseños complejos. No cubriremos todos los aspectos de la Cuadrícula control, pero le animo a leer más sobre esto en la documentación.

5. LongListSelector

los LongListSelectorEl control es un control muy poderoso que tiene una gran cantidad de capacidades. La aplicación Personas, que se muestra a continuación, es un buen ejemplo de este control en acción. No cubriremos el control LongListSelector en este artículo, pero si desea obtener más información sobre este poderoso control, consulte la documentación..

 

Conclusión

En este tutorial, cubrimos algunos de los controles más comunes utilizados en las aplicaciones de Windows Phone. Hemos aprendido acerca de las propiedades y otros aspectos de los controles, y hemos examinado más de cerca los controles StackPanel y Grid..

En el siguiente tutorial, nos centraremos en los eventos en Windows Phone y cómo puede manejarlos.