VISUAL FOXPRO TIPS

Por: Lic. Sergio Hugo Sanchez O.

28, Agosto, 2002 - H. Matamoros, Tam. Mexico - I.D. Systems

CONTROLES OCX. NUM. IV – Botones de Comando

Este articulo es para tratar acerca de los controles ACTIVEX u OCX que pueden manejarse en VisualFoxPro
y que hacen que nuestras aplicaciones sean mucho mas ricas en interfaz y facilidad de uso tanto para los
usuarios como para nosotros mismos a la hora de programar.

Veremos en este documento como crear botones de comando con caracteristicas mas ricas que los controles
proporcionados por Visual FoxPro.

1. Le gustaria que sus botones tengan las imágenes a la derecha, izquierda o debajo de su texto en lugar de
siempre arriba?
2. Le gustaria que tuvieran sonido?
3. Le gustaria que tuviera otro tipo de color diferente del gris proporcionado por VFP?
4. Le gustaria que tuviera el aspecto de los botones de Windows 3.1?
5. Le gustaria hacerlos redondos?
6. Le gustaria que se quedaran pulsados para marcar alguna instrucción?

Todo esto lo puede hacer con los controles que proporciona DBI-TECH (www.dbi-tech.com), estos controles
vienen en una colección de 52 OCX mas, pero en este documento hablaremos solamente de dos de ellos
CTBUTTON y CTPUSH. Que aunque ambos son controles para hacer botones de comandos, tienen algunas
diferencias. Veamos como podemos usarlos.

En primer lugar necesitamos registrarlos. Esto se puede hacer colocando los controles CTBUTTON.OCX y
CTPUSH.OCX en el directorio \WINDOWS\SYSTEM.

A continuacion, desde el modo de comando (MSDOS) accesamos a este directorio y tecleamos:

REGSVR32 ctbutton [ENTER]

El control quedara registrado. Hacemos los mismo con CTPUSH. Si acaso el control no queda registrado
habra que ver si tenemos MFC42.DLL que es la librería C con la que fueron creados.
Otra forma de registrarlos es directamente de VFP, accesando el menu de TOOLS, OPTIONS, CONTROLS,
ADD, y seleccionando el control para que quede agregado en la lista.

Una vez registrado nuestro control, tenemos que agregarlo a nuestra barra de herramientas en la ventana de
diseño de la forma.

Y vera los controles que tenga marcado en su barra de tareas mas o menos asi:

Como vera esto difiere en mucho de sus controles habituales. Cada uno de estos iconos representa un control
ActiveX registrado debidamente y agregado a sus formas, ahora lo que debe de hacer es seleccionarlo como
cualquier otro control de VFP.

Ahora comenzaremos creando nuestro boton de ejemplo en nuestra forma.

Este es nuestro boton CTBUTTON.

Este es nuestro boton CTPUSH

Comencemos dibujando un boton

Este se dibuja de la misma manera que los botones de comando, ahora ponemos el raton encima de el y damos
el boton derecho, y veremos que nos apareceran sus propiedades. Estas propiedades son exclusivas del
control y se agregan a las existentes de VFP.

Comenzaremos con las primeras propiedades del boton.

CAPTION. El texto que se desplegara en el boton.

BORDER TYPE. El tipo de borde del boton. 0 – Regular 1 – Ninguno 2 – Raised 3 – Lowered
BORDER DOWN. Como se vera el boton cuando se pulse. (Las mismas opciones que la anterior).
TEXT ALIGN. Como queremos el texto en el boton. Izquierda, Centrado o Derecha
BORDER OVER. Como se vera el borde del boton. Las mismas opciones que BORDER TYPE.
MULTILINE. Si tenemos mucho texto y queremos que se vea en varias lineas. Se selecciona izquierda,
derecha o centrado o ninguno.
BACK STYLE. El estilo de fondo, si queremos que sea opaco o en algunos caso transparente.
TEXT X OFFSET y TEXT Y OFFSET. Nos permiten acomodar el texto a las posiciones indicadas. Esto es
util porque en ocasiones al tener una imagen en el boton el texto se sobrepone si no es lo demasiado grande,
en este caso podemos poner las posiciones tal como 5 (EN X) o –5 (EN X, LO QUE LO MUEVE AL A
IZQUIERDA, SI ESTA CENTRADO). Y es para vertical.

DRAW FOCUS. Es para que al poner el mouse en el boton este obtenga un recuadro indicando el foco.
STATE. Se usa en conjunto con TOGGLE para indicar el estado del boton. Si es verdadero esta hacia arriba
(UP) si es falso esta hacia abajo (DOWN).
TOGGLE. Permite al boton seguir presionado. Tal como un switch o un boton de un aparato electrico. En
ocasiones es util para indicar que la operación esta siendo usada o marcar algo.
ENABLED. Indica si esta activo o no.

En la segunda pestaña nos sirve para poner una imagen (BMP, ICO) en el boton.

PIC POSITION, nos indica donde queremos poner nuestra imagen. NINGUNA IMAGEN, ARRIBA,
ABAJO, IZQUIERDA, DERECHA o CENTRO.
MOUSE POINTER. El estilo del mouse (los que tiene por defecto VFP)
PIC X OFFSET y PIC Y OFFSET. Sirven para posicionar mejor la imagen. Igual que TEXT X OFFSET
PIC ONLY. Permite solo la imagen sin texto.
MASK BITMAP. Para las imágenes BMP.
ERASE BACKGROUND. Elimina el fondo de la imagen.
SOUND CLICK. El sonido que hara cuando se haga un click en el boton.
SOUND OVER. El sonido que hara cuando el mouse pase encima del boton
La siguiente pestana nos permite modificar el tan ansiado color del boton. Aparentemente del lado izquierdo
tenemos las propiedades de los objetos como BACKCOLOR, BORDER COLOR, DOWN COLOR,
FORECOLOR. Y del lado derecho tenemos el conjunto de colores, es posible que se piense que solo se usen
los STANDARD COLORS (16 colores que tiene VFP), Pero al darle un click en COLOR SET, vemos los
WINDOWS SYSTEM COLORS . Este toma toda la gama de colores de Windows tenga en ese momento. Y
se consevaran si el boton es llevado a otra computadora o se cambian en la otra maquina. Incluso estos
colores se pueden modificar desde EDIT CUSTOM COLOR...

Asi podemos tener el color que deseemos, en la tonalidad que necesitamos.

A continuacion tenemos el tipo de letra del boton, pudiendo seleccionar el que queramos, el tamaño, el
negrita, italico, subrayado o tachado, asi como el tipo de letra que llevara cuando el mouse pase por encima
del boton. Cambiando este de color o a negrita o de tamano, conseguiremos efectos interesantes.

Por ultimo tenemos donde pondremos la imagen del boton dandle BROWSE. Note que tienen las propiedades
de PICTURE (la imagen que tendra el boton), PICTURE DISABLED ( la imagen cuando el boton no este
activado), PICTURE DOWN ( la imagen que cambiara cuando se pulse el boton) y PICTURE OVER (la
imagen que tendra cuando el mouse pase por el boton)
Finalmente el boton queda como la imagen superior.
Ahora lo que hay que hacer es poner el codigo