UNIVERSIDAD DE EL SALVADOR

FACULTAD DE INGENIERIA Y ARQUITECTURA

ESCUELA DE INGENIERIA DE SISTEMAS INFORMATICOS
PROGRAMACION II (INDUSTRIAL Y MECANICA)
CICLO I - 2017

GUIA DE LABORATORIO Nº 5
Controles en VFP (Objetos, propiedades y eventos)

Objetivo:
 Conocer y controlar las diferentes propiedades y eventos de formularios.
 Añadir controles a un formulario.
 Establecer las propiedades a los controles.

Consideraciones
- Debe de continuar trabajando dentro de su proyecto “PermisosUes”.

Abrir su proyecto por medio de la instrucción SET DEFAULT TO y la Carpeta

donde se ubica su proyecto.

En la ventana de Comando, digite las instrucciones de entorno SET:

SET STRICT TO 0
SET CENTURY ON
SET DATE TO British

Ejemplo No. 1
Crear un formulario que muestre su nombre al presionar un botón.

Guarda con el nombre: ejercicio001

1
Pasos:
Paso 1
Seleccione la ficha Documentos, luego seleccione Forms y Clic en el botón New..

Clic
Clic

A continuación aparece el diseñador de Formularios:

En la barra de herramientas se muestran los botones de propiedades y controles, clic
sobre ellos si no aparecen esas ventanas:

Propiedades Controles

Diseñador de Formularios:

Formulario

Controles

Propiedades

2
Paso 2
Adición de controles
El ejercicio necesita los siguientes controles:
 Un formulario.
 Dos botones (uno para mostrar un mensaje y otro para cerrar el formulario)

Desde la barra de controles seleccione el siguiente control

por medio de un clic:

Luego coloque el puntero del ratón sobre

el formulario (no arrastrar el puntero):

Repita los mismos pasos para el segundo boton, el resultado debe ser el siguiente:

3
Paso 3
Programacion de eventos:
Evento clic del primer boton: (Command1):

Doble clic en el boton command1, aparecera la ventana de edicion; verifique el

nombre del objeto: Command1 y el procedimiento: Clic

Dgite el siguiente codigo:

Una vez escrito el código, cierre esta ventana por medio de Ctrl-W

Programacion del evento clic del segundo boton: (Command2):

Doble clic en el boton command2, aparece la ventana de edicion; verifique el nombre
del objeto: Command2 y el procedimiento: Clic
Digite el siguiente código:

Una vez escrito el código, cierre esta ventana por medio de Ctrl-W

4
Clic sobre el botón guardar:

Guardar el formulario con el

nombre: Ejercicio001

Ejecución del formulario.

5
Ejemplo No. 2
Crear un formulario que permita capturar una cadena de caracteres desde una caja
de texto y mostrar dicho texto en una ventana de salida:

Nombre del archivo: Ejercicio002

Objetos:
Objeto Tipo Cantidad Descripción
Formulario Form 1 Ventana que contendrá controles
Etiqueta Label 2 Mostrar objetivo del Formulario
Descripción para caja de texto
Caja de texto Text 1 Caja para la captura de texto
Botones de comando Command 2 Para mostrar mensaje y cerrar.

Diseño del formulario:

Nuevos controles a utilizar:

- Etiqueta (label)
Se utiliza para acompañar las cajas de texto, describiendo que se
debe digitar, también se utilizan como títulos y sub títulos en los
formularios.

- Caja de texto (Text Box)

Se utiliza para la captura de cadenas de carácter, números y
fechas, posee un asistente para diferencias los tipos de datos,
aplicar formatos y aplicar propiedades.

6
Formulario con sus controles, en modo diseño:
Al seleccionar un control, la ventana de propiedades muestra sus respectivas
propiedades:

Asignación de propiedades a cada objeto:

Se cambiaran las propiedades a los diferentes objetos, para mejorar su acceso y

presentación:

Objeto: Formulario
Propiedad Valor Comentario
Name Form1 Nombre único del objeto.

Caption Laboratorio Ejercicio 2 Texto en el titulo de la ventana

AutoCenter .T. Formulario aparece centrado.

BorderStyle 1 Borde del formulario simple, no se puede

modificar dimensiones de la ventana.
MDIForm .T. Formulario de Multiple Documentos,
puede crear mas formularios.
Movable .T. La ventana se puede mover.

ShowTips .T. Los controles contenidos en el formulario,

aceptan texto de ayuda.
ShowWindow 1 El formulario puede colocarse dentro de
otro formulario.
Windowstate 0 Formulario no aparece minimizado, ni
maximizado.

7
Objeto: Etiqueta 1
Propiedad Valor Comentario
Name Label1 Nombre único del objeto.
Caption Texto digitado para Texto en la parte superior del formulario.
mostrarlo en una
ventana
AutoSize .T. El tamaño del objeto modifica su tamaño
según el texto a mostrar.
FondBold .T. Texto en negrita.

Fondsize 14 Tamaño del texto.

FondShadow .T. Texto con sombra
FondUnderline .T. Texto subrayado.
FondColor 0,0,255 Texto color azul.

Objeto: Etiqueta 2
Propiedad Valor Comentario
Name Label2 Nombre único del objeto.
Caption Digite una expresión Texto a un lado de la caja de texto
AutoSize .T. El tamaño del objeto modifica su tamaño
según el texto a mostrar.

Objeto: Caja de Texto

Propiedad Valor Comentario
Name Text1 Nombre único del objeto.

Format ! Caracteres alfabéticos se capturan en

mayúsculas

Objeto: Boton de Comando 1

Propiedad Valor Comentario
Name Command1 Nombre único del objeto.
Caption Mostrar Texto Titulo mostrado por el control.

Objeto: Boton de Comando 2

Propiedad Valor Comentario
Name Command2 Nombre único del objeto.
Caption Cerrar Titulo mostrado por el control.

8
Resultado al aplicar las propiedades en modo diseño:

Programación de eventos en los botones de comando:

Boton 1 (Command1)

Boton 2 (Command2)

9
Ejemplo No. 3
Crear un formulario que permita capturar dos números y el resultado de sumarlos se
muestren por medio de una ventana de salida:

Nombre del archivo: Ejercicio003

Objetos:
Objeto Tipo Cantidad Descripción
Formulario Form 1 Ventana que contendrá controles
Etiqueta Label 2 Mostrar objetivo del Formulario
Descripción para caja de texto
Caja de texto Text 2 Cajas para la captura de
números
Botones de comando Command 2 Para mostrar mensaje y cerrar.

Diseño inicial:

10
Asignacion de propiedades con asistente para las cajas de texto:

Pasos para utilizar el asistente de Cajas de Texto:

- Seleccione la caja de texto Text1.
- Boton derecho.
- Desde el menu desplegable selecciones la opcion Builder:

Se muestra el asistente de expresiones:

Se configuran las propiedades para capturar numeros (no caracteres) y realizar

calculos aritmeticos, revise las 3 fichas:
- Format: tipo de datos.
- Style: estilo de datos.
- Value: destino del datos.

Ficha format: solo permitir la

digitacion de numeros.

Datos de tipo: Numericos.

Mascara de entrada: 9,999.99

11
Ficha Style: solo verifique los valores y cambie alineación

Efecto: 3D
Bordes: Simple.
Alineacion de datos: Derecha

Ficha Value: solo verifique los valores

No se vincula a ningun campo

Realizar los mismos pasos para la caja de texto llamada: Text2

12
Programación de botones de comando:
Botón Command1 y Evento Clic:

Botón Command2 y Evento Clic:

13
Ejemplo No. 4
Crear un formulario que permita capturar dos fechas y en una ventana de salida
mostrar los años trascurridos entre ambas fechas:

Nombre del archivo: Ejercicio004

Objetos:
Objeto Tipo Cantidad Descripción
Formulario Form 1 Ventana que contendrá controles
Etiqueta Label 2 Mostrar objetivo del Formulario
Descripción para caja de texto
Caja de texto Text 2 Cajas para la captura de fechas.
Botones de comando Command 2 Para mostrar mensaje y cerrar.

Diseño inicial:

14
Asistente de expresiones para cajas de texto y datos tipo fecha:

Seleccione Text1 y mostrar el asistente siguiendo los pasos del ejercicio 3

Ficha Format y su configuración:

Tipo de dato: Fecha.

Seleccionar casas de verificación:

- Disponible en tiempo de
ejecución.
- Usar SET DATE.
- British Date

Ficha Style y su configuración

- Efecto: 3D
- Bordes: Simple
- Alineación: Centrada.

Ficha Value

No se vincula a ningun campo

Realizar los mismos pasos para la

caja de texto llamada: Text2
Programación de botones:

15
Programación de Eventos

Boton Command1 y Evento Clic:

Boton Command2 y Evento Clic:

16
Ejemplo No. 5
Crear un formulario que capture una fecha y a partir de la fecha actual calcule la
edad.

Nombre del archivo: Ejercicio005

Objetos:
Objeto Tipo Cantidad Descripción
Formulario Form 1 Ventana que contendrá controles
Etiqueta Label 2 Descripción para caja de texto
Caja de texto Text 2 Cajas para la captura y salida.
Botones de comando Command 2 Para cálculos y cerrar.

Diseño inicial:

Nuevas propiedades

Objeto: Caja de Texto

Propiedad Valor Comentario
Name Text2 Nombre único del objeto.

Enabled .F. Caja de texto deshabilitada.

Aplique las propiedades de forma similar aplicadas a los ejercicios anteriores, utilice
el asistente para cajas de texto.

17
Programación de Eventos

Boton Command1 y Evento Clic:

Boton Command2 y Evento Clic:

18
Ejemplo No. 6
Crear un formulario que capture un salario y en función de una tabla de incrementos,
calcule el nuevo salario.

Caso Rango (en dólares USD) Incremento

1 De 0.00 hasta 500.00 10%
2 De 500.01 hasta 800.00 8%
3 De 800.01 hasta 1,000.00 6%
4 De 1,000.01 ó mas 3%

Nombre del archivo: Ejercicio006

Objetos:
Objeto Tipo Cantidad Descripción
Formulario Form 1 Ventana que contendrá controles
Etiqueta Label 2 Descripción para caja de texto
Caja de texto Text 2 Cajas para la captura y salida.
Botones de comando Command 2 Para cálculos y cerrar.

Diseño inicial:

Aplique las propiedades de forma similar aplicadas a los ejercicios anteriores, utilice
el asistente para cajas de texto.

19
Programación de Eventos

Boton Command1 y Evento Clic:

Boton Command2 y Evento Clic:

20
Aplicación Nº 7
Este ejercicio consiste en elaborar una aplicación que permita cambiar el aspecto de
una caja de texto. El usuario debe elegir el tipo de fuente a utilizar, el estilo, el color y
el tamaño. El diseño de la interfaz debe ser similar a:

Nombre del archivo: Ejercicio007

Para el desarrollo de esta aplicación, proceda a ubicar los siguientes controles en el

formulario:
5 etiquetas
1 caja de texto
1 cuadro combinado
1 lista
3 casillas de verificación
1 grupo de botones de opción
1 botón de comando

En seguida proceda a establecer las propiedades según se indica:

Form1
Name FrmEditor
AutoCenter .T.-Verdadero
Caption Editor
MaxButton .F.-Falso
MinButton .F.-Falso

Label1
Name LblTexto
Caption Texto

Label2
Name LblFuente
Caption Fuente

21
Label3
Name LblTamaño
Caption Tamaño

Label4
Name LblEstilo
Caption Estilo

Label5
Name LblColor
Caption Color

Combo1
Name CboFuente

List1
Name LstTamaño

Text1
Name TxtTexto
ForeColor 255, 0, 0

Check1
Name ChkNegrita
Caption Negrita
FontBold .T.-Verdadero

Check2
Name ChkCursiva
Caption Cursiva
FontItalic .T.-Verdadero

Check3
Name ChkSubrayado
Caption Subrayado
FontUnderline .T.-Verdadero

OptionGroup1
ButtonCount 3

Option1
Name OptRojo
ForeColor 255, 0, 0

22
Option2
Name OptVerde
ForeColor 0, 255, 0

Option3
Name OptAzul
ForeColor 0, 0, 255

Command1
Name CmdSalir
Caption \<Salir
Default .T.-Verdadero

Una vez establecidas las propiedades de la interfaz, proceda a ingresar el código

que se muestra a continuación:

Objeto: FrmEditor Procedimiento: Init

Thisform.CboFuente.AddItem("Arial")
Thisform.CboFuente.AddItem("Arial Black")
Thisform.CboFuente.AddItem("Courier New")
Thisform.CboFuente.AddItem("Garamond")
Thisform.CboFuente.AddItem("Impact")
Thisform.CboFuente.AddItem("MS Sans Serif")
Thisform.CboFuente.AddItem("Technical")
Thisform.CboFuente.AddItem("Times New Roman")
For nI = 8 To 20 Step 2
Thisform.LstTamaño.AddItem(Alltrim(Str(nI)))
Next

Objeto: FrmEditor Procedimiento: QueryUnload

#DEFINE vfpYesNo 4
#DEFINE vfpYes 6
#DEFINE vfpQuestion 32
If MessageBox("¿Desea terminar la aplicación? ", ;
vfpQuestion + vfpYesNo, “Pregunta”) = vfpYes Then
Release Thisform
Else
NoDefault
EndIf

Objeto: CboFuente Procedimiento: Click

Thisform.TxtTexto.FontName = Thisform.CboFuente.Value
Thisform.Refresh

23
Objeto: LstTamaño Procedimiento: Click
nTamaño = Val(Thisform.LstTamaño.Value)
Thisform.TxtTexto.FontSize = nTamaño
Thisform.Refresh

Objeto: ChkNegrita Procedimiento: Click

If Thisform.ChkNegrita.Value = 1 Then
Thisform.TxtTexto.FontBold = .T.
Else
Thisform.TxtTexto.FontBold = .F.
EndIf
Thisform.Refresh

Procedimiento: Click
Objeto: ChkCursiva
If Thisform.ChkCursiva.Value = 1 Then
Thisform.TxtTexto.FontItalic = .T.
Else
Thisform.TxtTexto.FontItalic = .F.
EndIf
Thisform.Refresh

Objeto: ChkSubrayado Procedimiento: Click

If Thisform.ChkSubrayado.Value = 1 Then
Thisform.TxtTexto.FontUnderline = .T.
Else
Thisform.TxtTexto.FontUnderline = .F.
EndIf
Thisform.Refresh

Objeto: OptRojo Procedimiento: Click

Thisform.TxtTexto.ForeColor = RGB(255, 0, 0)
Thisform.Refresh

Objeto: OptVerde Procedimiento: Click

Thisform.TxtTexto.ForeColor = RGB(0, 255, 0)
Thisform.Refresh

Procedimiento: Click

24
Objeto: OptAzul
Thisform.TxtTexto.ForeColor = RGB(0, 0, 255)
Thisform.Refresh

Objeto: CmdSalir Procedimiento: Click

Thisform.QueryUnload

25