Documentos de Académico
Documentos de Profesional
Documentos de Cultura
Fox Ribbon
Fox Ribbon
Abril de 2012
INDICE
Qu es FoxRibbon? ................................................
Cmo hago para cambiar el color del texto y el tipo de letra? .... 10
Cmo le agrego una barra de estado a mi formulario? .............. 11
Cmo le agrego un botn de inicio a mi formulario? ............... 13
Cmo le agrego pestaas al men Ribbon? .......................... 15
Cmo le muestro las opciones al usuario cuando hace click sobre
una pestaa? ...................................................... 18
Cmo creo mis propias clases visuales para mostrar las opciones? . 19
Cules seran los pasos a seguir? ................................ 19
Para qu sirve cada una de las clases de FoxRibbon? .............. 20
Un consejo final? ................................................ 23
Y si tengo dudas o consultas? .................................... 23
Qu es FoxRibbon?
Es una librera de clases .VCX que puede ser utilizada por los programadores de
Visual FoxPro y que fue realizada 100% en este lenguaje. Sirve para mostrar en las
aplicaciones mens de tipo ribbon y adems provee una serie de herramientas para
mejorar el aspecto visual de las aplicaciones.
Qu es un men de tipo ribbon?
Los mens de tipo ribbon (o de cinta, en castellano) son los utilizados en las
ltimas versiones de los programas de Microsoft Office, como se ve a continuacin:
-1-
-2-
-3-
-4-
O sea, nada muy til hasta ahora, pero iremos avanzando hasta tener un men
totalmente funcional.
-6-
-7-
Recuerda: los botones que sern visibles los determinas en las propiedades de tu
formulario.
5. Para cambiar la apariencia de la barra de ttulos:
1. Para cambiar alguna de las propiedades de la barra de ttulo (el color
de fondo, si es transparente o no, el tamao, etc.), debes:
a. Hacer click con el botn derecho sobre _titlebar1
b. Elegir la opcin Edit
c. Hacer click sobre Ribbonlabel1
d. En la ventana Properties cambiarle los valores a las
propiedades
2. Para cambiar la ubicacin de la barra de ttulo (ponerla ms arriba,
ms abajo, ms a la derecha, ms a la izquierda) debes:
a. Hacer click con el botn derecho sobre _titlebar1
b. Elegir la opcin Edit
c. Hacer click sobre Ribbonlabel1
d. Colocarlo en la ubicacin deseada
-8-
O podras usar tu propia clase que muestre una barra de ttulos. Puedes revisar
justamente la clase MyTitleBar para tener una idea clara de cmo hacerla.
Por qu usar una barra de ttulos propia y no usar simplemente la que tienen los
formularios?
Porque a tu propia barra de ttulos la puedes PERSONALIZAR a tu propio
gusto, ponindole todas las opciones y los iconos que desees.
En un programa que estticamente deseas que sea bello (por eso justamente usas
la clase FoxRibbon) tener en cuenta todos los detalles es importante. Y una barra de
ttulos personalizada ayuda mucho.
-9-
Donde reemplazaras RGB(x, x, x) por los colores que te plazcan, por ejemplo:
RGB(255, 255, 0)
Y FontName = Tahoma por el tipo de letra que te gusta, por ejemplo:
FontName = Times New Roman
- 10 -
- 11 -
9. Al igual que como hiciste con la barra de ttulos, le puedes cambiar el tipo de
letra, el color de las letras, el tamao, etc.
10. Si quieres cambiar el texto desde un mtodo de tu formulario, entonces
puedes escribir algo como:
ThisForm._statusbar1.RibbonLabel1.Caption = "Mensaje en la Barra de Estado"
O como:
ThisForm._statusbar1.RibbonLabel1.Caption = DtoC(Date())
- 12 -
Adems, para que cada una de las pginas de MyStartButton puedan ser
mostradas tendrs que agregarlas a tu clase, si es que ya no estn en ella.
Supongamos que en lugar de usar la librera de clases MyDesigns.vcx utilizas tu
propia librera de clases llamada MisOpciones.vcx, en ese caso tendras que agregar las
clases Page1, Page2, Page3, Page4 (o el nombre que les quieras dar) a MisOpciones.vcx
Naturalmente, a las pginas Page1, Page2, etc., las personalizas a tu gusto.
Lo podemos ver mejor en la siguiente captura:
- 13 -
- 14 -
5. Click con el botn derecho sobre RibbonTab1 (el control que acabamos de
agregar)
6. Opcin Edit
7. Click sobre RibbonLabel1 (la etiqueta que est dentro de ese control)
8. Cambiarle la propiedad Caption. En este ejemplo se puso la palabra
Archivos
- 15 -
Como podemos ver, nuestro men ya est tomando forma, de a poco va siendo
ms til.
Ahora, le agregaremos ms opciones, para que se parezca ms a un men que
pueda ser utilizado por los usuarios de nuestras aplicaciones.
- 16 -
- 17 -
Cmo le muestro las opciones al usuario cuando hace click sobre una pestaa?
Para conseguir eso necesitars dos cosas:
1. Disear la clase que usars para mostrar tus opciones
2. Escribir el nombre de esa clase en la propiedad PageClass del control
RibbonTab, por ejemplo:
En este caso estamos usando una clase llamada DesignerTab que se encuentra
en la librera de clases MyDesigns.vcx
- 18 -
Cmo creo mis propias clases visuales para mostrar las opciones?
Para eso, puedes utilizar todas las clases que te provee la librera FoxRibbon.vcx
ya que all encontrars todo lo que necesitas.
Cules seran los pasos a seguir?
1. Crear una clase contenedora
CREATE CLASS TabArchivos OF MisOpciones AS RIBBONPAGE
- 19 -
- 20 -
_titlebar
Barra de ttulos que puede ser personalizada
_titlebarmax
Barra de ttulos que puede ser personalizada
ribbon
Men de tipo ribbon (o cinta, en castellano) que puede ser personalizado.
Inicialmente est vaco, se le deben agregar las distintas opciones.
ribbonbuttongroup
Muestra un formulario asociado a un grupo
ribbonbuttonh
Similar a un botn de comando que se muestra en forma horizontal y
puede tener un icono de 16 x 16 pixeles
ribbonbuttonv
Similar a un botn de comando que se muestra en forma vertical y puede
tener un icono de 32 x 32 pixeles
ribboncheck
Similar a un checkbox
ribboncombo
Similar a un ComboBox
ribboncommandbutton
Similar a un botn de comandos, puede tener un icono de 16 x 16 pixeles
a la izquierda
ribboneditbox
Similar a un EditBox
ribbonformbase
Es un formulario base, utilizado en Acerca de, Ver cdigo y es la
clase padre de RibbonFormCalendar, RibbonFormDateTime y de todas
las dems RibbonFormxxx
ribbonformcalendar
Formulario que muestra y permite cambiar una fecha
ribbonformdatetime
Formulario que muestra y permite cambiar la fecha y la hora
ribbonformmenu
Clase base para crear mens. Se puede ver un ejemplo de su uso en la
pestaa de Ejemplos, el botn Edit y los tres botones horizontales
Label1 que estn a su derecha.
- 21 -
ribbonformmsgbox
Similar a MessageBox() pero no hay interaccin con el usuario.
ribbonformwait
Similar a Wait Window y con una barra de progresos opcional
ribbongroup
Contenedora de un grupo de opciones
ribbon_groupseparator
Separa los grupos cuando se emula a Office 2010. Eso se hace mediante
la propiedad _Screen.oRibbon.SeeOutlineGroup. Cuando est en .T. est
visible, cuando est en .F. est invisible.
ribbonhelp
Ventanita para mostrar mensajes de ayuda que tiene un ttulo y un
mensaje, el cual puede tener hasta tres lneas
ribbonlabel
Similar a las etiquetas (label)
ribbonlistbox
Similar a un ListBox
ribbonmenuseparator
Barra horizontal para separar las opciones del men
ribbonoptiongroup
Grupo de botones de radio
ribbonpage
Contenedora de las clases visibles, que automticamente alinea a los
objetos que tiene contenidos
ribbonseparator
Muestra una barra para separar a un ribbonbuttonv de otro
ribbonsettings
Configuracin de FoxRibbon. En lugar de usar variables pblicas o
propiedades del objeto _Screen, se usan propiedades de esta clase
ribbonspinner
Similar a un Spinner
ribbonstartbutton
Contenedora de todas las opciones que puede mostrar el botn de inicio
ribbontab
Pestaa de ttulo, que adems puede tener un icono
- 22 -
ribbontextbox
Similar a un TextBox
Un consejo final?
Revisa cada una de las clases que se encuentran en la librera MyDesigns.vcx,
as podrs conocer como fueron hechas y te resultar muy fcil crear tus propias clases.
Y si tengo dudas o consultas?
Ante cualquier duda, consulta o sugerencia, puedes contactarte con:
foxribbonclass@gmail.com
wrov@hotmail.com
- 23 -