FoxRibbon Beta v.0.

13, Julio 2012

Autor Guillermo Carrero (Barcelona - Spain)

_SideBar Class
INTRODUCCIN:
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 contrados 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-

IMPLEMENTACIN PASO A PASO:

PASO 1
En primer lugar, en nuestra biblioteca de clases de apoyo (MyDesigns.vcx por ejemplo)
aadimos una nueva clase basada en _ScrollContainer de FoxRibbon.vcx.

Figura 2
En esta clase iremos aadiendo verticalmente tantos _SideGroup como necesitemos
extendiendo el contenedor tanto como sea necesario y no ms (HEIGHT).
En cada uno de los grupos aadiremos botones, labels y otros objetos FoxRibbon que
sern 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 lneas verticales de los _SideBarTitle. En la figura 2 se opt por dos puntos de margen

Clase _ScrollContainer:
Propiedades:
Title
Ser el ttulo general de nuestra Barra Lateral.
TitleIdTranslate
El ID para la traduccin a diferentes idiomas.

-2-

Clase _SideBarGroup:
Propiedades:
lMinimize
Determina si el objeto se puede extender o no.
lMinimized
En primera instancia el objeto se presenta como contrado.
Esta clase contiene _SiderBarTitle en la que se puede decorar con una imagen, indicar el
ttulo 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 aadir
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 recin
creado en el paso 1
lSplitter
Mostramos o no el
separador.
Mtodos:
ReLoad
Recarga de nuevo el
_ScrollContainer
Para utilizar diferentes mens segn sus
criterios. Ejemplo:
WITH THISFORM._SideBar
DO CASE
CASE lnOpcion = 1
.ScrollContainer = facturacion
CASE lnOpcion = 2
.ScrollContainer = contabilidad
ENDCASE
.ReLoad()
ENDWITH

-3-