_SideBar Class INTRODUCCIÓN:

Transcription

1 FoxRibbon Beta v.0.13, Julio 2012 Autor Guillermo Carrero (Barcelona - Spain) INTRODUCCIÓN: _SideBar Class En este documento intentaré explicar como implementar una Barra Lateral (_SideBar) en nuestras aplicaciones. Se trata de un menú vertical compuesto de grupos de opciones que pueden ser contraídos o extendidos. Dispone de una barra vertical y de un separador que cambia el ancho del objeto horizontalmente. En esta figura 1 vemos las diferentes clases que componen la Barra Lateral. -1-

2 IMPLEMENTACIÓN PASO A PASO: PASO 1 En primer lugar, en nuestra biblioteca de clases de apoyo (MyDesigns.vcx por ejemplo) añadimos una nueva clase basada en _ScrollContainer de FoxRibbon.vcx. Figura 2 En esta clase iremos añadiendo verticalmente tantos _SideGroup como necesitemos extendiendo el contenedor tanto como sea necesario y no más (HEIGHT). En cada uno de los grupos añadiremos botones, labels y otros objetos FoxRibbon que serán los encargados, si procede, a llamar a sus formularios correspondientes. La anchura de _ScrollContainer no es determinante. El Left de los grupos si determina el margen izquierdo y derecho de los mismos. Si indicamos un valor -1 evitamos visualizar las líneas verticales de los _SideBarTitle. En la figura 2 se optó por dos puntos de margen Clase _ScrollContainer: Propiedades: Title Será el título general de nuestra Barra Lateral. TitleIdTranslate El ID para la traducción a diferentes idiomas. -2-

3 Clase _SideBarGroup: Propiedades: lminimize Determina si el objeto se puede extender o no. lminimized En primera instancia el objeto se presenta como contraído. Esta clase contiene _SiderBarTitle en la que se puede decorar con una imagen, indicar el título del grupo y de una label auxiliar complementario que solo será visible si su CAPTION es diferente a Auxiliary Label. PASO 2 En segundo lugar ya podemos añadir directamente desde FoxRibbon.vcx en nuestro formulario la clase _SideBar. Ajustando sus limites y posicionando horizontalmente el separador para determinar la anchura inicial del menú. Clase _SideBar: Propiedades: lminimize Determina si el objeto se puede contraer o no. ScrollContainer Indicaremos en esta propiedad nuestro _ScrollContainer recién creado en el paso 1 lsplitter Mostramos o no el separador. Métodos: ReLoad Recarga de nuevo el _ScrollContainer Para utilizar diferentes menús según sus criterios. Ejemplo: WITH THISFORM._SideBar DO CASE CASE lnopcion = 1.ScrollContainer = facturacion CASE lnopcion = 2.ScrollContainer = contabilidad ENDCASE.ReLoad() ENDWITH -3-