Controles de diseño de Silverlight: Tutorial de desarrollo de aplicaciones de Windows Phone - Parte 16

Tabla de contenido:

Video: Controles de diseño de Silverlight: Tutorial de desarrollo de aplicaciones de Windows Phone - Parte 16

Video: Controles de diseño de Silverlight: Tutorial de desarrollo de aplicaciones de Windows Phone - Parte 16
Video: Estas USANDO MAL Google FOTOS!! 🔥 TRUCOS que DEBES ACTIVAR ⚙️ 2023, Septiembre
Controles de diseño de Silverlight: Tutorial de desarrollo de aplicaciones de Windows Phone - Parte 16
Controles de diseño de Silverlight: Tutorial de desarrollo de aplicaciones de Windows Phone - Parte 16
Anonim

Después de aprender sobre XAML, como parte de esta serie de tutoriales, aprendamos sobre Controles de diseño de Silverlight. Diseñar los controles mientras se diseña un sitio web es muy difícil ya que hay varios navegadores y debido a las diferentes resoluciones de pantalla, pero al diseñar una aplicación para Windows Phone, como desarrollador, será más fácil diseñar los controles, ya que el sistema operativo Windows Phone tiene algunas opciones. Requisitos de pantalla predefinidos.

Ahora veremos cada uno de los controles de diseño. Todos los controles de diseño se pueden arrastrar desde la barra de herramientas a la pantalla del diseñador.

Cuadrícula:

El control de cuadrícula está diseñado para permitirle agregar el número de filas y columnas y luego colocar los controles en esas celdas en consecuencia. Puede definir las filas y columnas a través del código o utilizando el área del diseñador. Las etiquetas de inicio y finalización crearán una cuadrícula. () ahora, una vez que se define la cuadrícula, puede agregar este código para agregar varias filas y columnas.

Más tarde, puede agregar varias columnas o filas según sea necesario. El asterisco (*) denota que a la columna / fila secundaria se le debe dar cualquier espacio adicional si existe. Hay muchas propiedades con las que puedes jugar para obtener la funcionalidad esperada.

También puede crear filas y columnas haciendo clic en el borde de la cuadrícula en la longitud deseada. Eso es mucho más fácil, ¿no? Una vez que haya creado la cuadrícula, puede colocar controles entre celdas simplemente mencionando las propiedades grid.row y grid.column. (Recuerde que los valores para estas propiedades comienzan desde 0).
También puede crear filas y columnas haciendo clic en el borde de la cuadrícula en la longitud deseada. Eso es mucho más fácil, ¿no? Una vez que haya creado la cuadrícula, puede colocar controles entre celdas simplemente mencionando las propiedades grid.row y grid.column. (Recuerde que los valores para estas propiedades comienzan desde 0).

Panel de pila:

Panel de pila es bastante simple. Todos los controles colocados en el panel de la pila se muestran en la pila vertical. Una vez que cree un panel de pila, puede simplemente agregar controles entre las etiquetas de inicio y finalización del panel de pila.

Image
Image

Lona:

Canvas le permite colocar controles en la pantalla donde quiera que aparezcan. Así que en lugar de margen, se utiliza la propiedad catch. Pero el lienzo tiene una falla en la representación, ya que si la dimensión del teléfono cambia o si la orientación del teléfono cambia, puede producir algunos resultados no deseados.

Vea aquí, hemos definido la posición del bloque de texto usando la propiedad adjunta del lienzo. Así que ahora, si mueves nuestro lienzo, los controles se moverán junto con él.

Así que aquí llega nuestro tutorial de diseño hasta el final. Recuerde, al diseñar los controles, verifíquelos tanto en modo vertical como horizontal. En el siguiente tutorial aprenderemos sobre los eventos XAML, así como los controles de entrada.
Así que aquí llega nuestro tutorial de diseño hasta el final. Recuerde, al diseñar los controles, verifíquelos tanto en modo vertical como horizontal. En el siguiente tutorial aprenderemos sobre los eventos XAML, así como los controles de entrada.

Recomendado: