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”.
Ejemplo No. 1
Crear un formulario que muestre su nombre al presionar un botón.
1
Pasos:
Paso 1
Seleccione la ficha Documentos, luego seleccione Forms y Clic en el botón New..
Clic
Clic
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)
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):
Una vez escrito el código, cierre esta ventana por medio de Ctrl-W
Una vez escrito el código, cierre esta ventana por medio de Ctrl-W
4
Clic sobre el botón guardar:
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:
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.
6
Formulario con sus controles, en modo diseño:
Al seleccionar un control, la ventana de propiedades muestra sus respectivas
propiedades:
Objeto: Formulario
Propiedad Valor Comentario
Name Form1 Nombre único del objeto.
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.
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.
8
Resultado al aplicar las propiedades en modo diseño:
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:
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:
11
Ficha Style: solo verifique los valores y cambie alineación
Efecto: 3D
Bordes: Simple.
Alineacion de datos: Derecha
12
Programación de botones de comando:
Botón Command1 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:
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:
- Efecto: 3D
- Bordes: Simple
- Alineación: Centrada.
Ficha Value
15
Programación de Eventos
16
Ejemplo No. 5
Crear un formulario que capture una fecha y a partir de la fecha actual calcule la
edad.
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
Aplique las propiedades de forma similar aplicadas a los ejercicios anteriores, utilice
el asistente para cajas de texto.
17
Programación de Eventos
18
Ejemplo No. 6
Crear un formulario que capture un salario y en función de una tabla de incrementos,
calcule el nuevo salario.
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
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:
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
23
Objeto: LstTamaño Procedimiento: Click
nTamaño = Val(Thisform.LstTamaño.Value)
Thisform.TxtTexto.FontSize = nTamaño
Thisform.Refresh
Procedimiento: Click
Objeto: ChkCursiva
If Thisform.ChkCursiva.Value = 1 Then
Thisform.TxtTexto.FontItalic = .T.
Else
Thisform.TxtTexto.FontItalic = .F.
EndIf
Thisform.Refresh
Procedimiento: Click
24
Objeto: OptAzul
Thisform.TxtTexto.ForeColor = RGB(0, 0, 255)
Thisform.Refresh
25