Unofficial Content

Introducción

 
Con la llegada de las tabletas nació una nueva forma de visualizar la información que tuvo un éxito muy grande. Consiste simplemente permitir visualizar e interactuar con información tal cuál se hace con un diario, revista o catálogo de productos, recetas, etc .
Es decir, la tableta es el objeto fìsico (similar en forma a un diario, revista, catálogo), la informaciòn entonces es visualizada en la tableta tal cuál se hace en un diario, con diversos layouts para la información y en cada página se muestran más de una noticia, producto, etc.  
El pasar de páginas es en general el gesto que uno hace también en un diario (en general implementados como un flip).  La tableta tiene el agregado de obviamente al ser digital tener la chance de no tener que poner todo el texto de la noticia y poder ampliar con un touch. (En una version impresa esto seria el equivalente a ¨Sigue en página X¨ )
 
Magazine Viewer
 
Permite visualizar información al estilo Magazine, esto no significa que permita solo mostrar noticias, puede ser utilizado para mostrar en esencia cualquier catálogo de productos, recetas, canciones, etc. Podría inclusive mostrarse una lista de Clientes en esta forma, es simplemente una nueva forma de mostrar una lista de datos con cierta estructura deseada.
 
 
Como usarlo?
 
El Magazine Viewer debe ser asociado a un Grid modificando la propiedad Control Type del mismo.  
 
mag1
 
 
Propiedades
 
  • Show footer: boolean, permite mostrar u ocultar el footer
  • Header Text: permite agregar un encabezado en la seccion superior 
  • Page Layout: permite especificar la forma en la que se mostrara el contenido. 
    La redacción se hace considerando el portrait mode, para entender el significado en landscape mode simplemente cambiar fila por columna y columna por fila.
    • Specific Se especifica en la propiedad RowsPerColumn cuantas filas por columna se quiere
      RowsPerColumn  Es una colección de números en donde el largo de la colección es la cantidad de columnas y cada valor es la cantidad de filas para la columna..
      Es así que por ej:  3 2 significa 2 columnas, la primera con 3 filas y la segunda con 2 filas.
       
    • Random  Este es el valor default. Basicamente se selecciona aleatoriamente algún layout . La cantidad de items mostrada en cada página varía dependiendo de las propiedades MaxItemsPerPage y MinItemsPerPage
      ItemsPerPage indica la cantidad  de items a mostrar en una página
  • Rows per column: filas por columna
  • Page controller Back Color: permite especificar el color de fondo de la pagina 

Ejemplo

En el siguiente ejemplo se ha cambiado la propiedad control type de el list de una trn a la cual se le aplico el wwsd. En la imagen se puede ver como el control presenta la informacion por defecto.

mag2

 

Last update: February 2024 | © GeneXus. All rights reserved. GeneXus Powered by Globant