1.1.12

Aprender Windows Phone 7 (parte 42): Panel StackPanel

Seguimos viendo otro de los paneles disponibles en Windows Phone. Estos paneles sirven para organizar dentro de ellos los controles que irán en las páginas de nuestras aplicaciones Silverlight.

En este tutorial vamos a aprender a utilizar el panel StackPanel.

Los controles que metamos dentro del panel StackPanel se irán disponiendo apilados uno encima de otro.



Creando el proyecto

Abrimos Visual Studio y creamos un nuevo proyecto, para ello hay que pulsar en el menú "File" -> opción "New Project".

En la nueva ventana he seleccionado las opciones "Visual C#” -> "Silverlight for Windows Phone" -> "Windows Phone Application". Los demás datos son:



Name = StackPanelApp
Location = (la que queráis, yo lo puse en...) C:\A_warterrain_A\Ejemplos WP7\StackPanelApp\
SolutionName = StackPanelApp

A continuación se pide la versión de la aplicación. Seleccionamos Windows Phone 7.1 y damos a Ok.



Vamos a cambiar el interfaz de la página:

- Titulo "STACKPANEL EXAMPLE".
- Titulo "principal".
- Un control StackPanel.

Con el siguiente formato final:



El código XAML que se habría creado es:



Y ahora vamos a meter unos botones dentro de este control StackPanel:

- botón Ver
- botón Modificar
- botón Sustituir
- botón Eliminar
- botón Enviar

Tras agregarlos la página tendrá el siguiente aspecto.



El código XAML es:



También se puede cambiar la orientación del StackPanel para que los elementos se apilan de forma horizontal modificando la propiedad Orientation del StackPanel.

Si lanzamos la aplicación "Debug" -> "Start Debugging" podemos ver el resultado:



El código fuente del ejemplo podéis descargaroslo de la siguiente dirección en nuestro repositorio de código:

Código fuente tutorial aprender Windows Phone 7 Parte 42.


Tutorial desarrollado por Grupo Libre y Extremo (Talavera de la Reina).

No comments:

Post a Comment