Guia 05 Laboratorio Controles en VFP 2015
-
Upload
rednaxela-dleon -
Category
Documents
-
view
224 -
download
1
Transcript of Guia 05 Laboratorio Controles en VFP 2015
-
8/19/2019 Guia 05 Laboratorio Controles en VFP 2015
1/25
1
UNIVERSIDAD DE EL SALVADOR
FACULTAD DE INGENIERIA Y ARQUITECTURA
ESCUELA DE INGENIERIA DE SISTEMAS INFORMATICOS
PROGRAMACION II (INDUSTRIAL Y MECANICA)
CICLO I - 2015
GUIA DE LABORATORIO Nº 5Controles 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 Carpetadonde se ubica su proyecto.
En la ventana de Comando, digite las instrucciones de entorno SET:SET STRICT TO 0SET CENTURY ONSET DATE TO British
Ejemplo No. 1Crear un formulario que muestre su nombre al presionar un botón.
Guarda con el nombre: ejercicio001
-
8/19/2019 Guia 05 Laboratorio Controles en VFP 2015
2/25
2
Pasos:Paso 1Seleccione la ficha Documentos, luego seleccione Forms y Clic en el botón New..
A continuación aparece el diseñador de Formularios:
En la barra de herramientas se muestran los botones de propiedades y controles, clicsobre ellos si no aparecen esas ventanas:
Diseñador de Formularios:
Clic
Clic
Propiedades Controles
Formulario
Controles
Propiedades
-
8/19/2019 Guia 05 Laboratorio Controles en VFP 2015
3/25
3
Paso 2 Adición de controlesEl 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 controlpor 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:
-
8/19/2019 Guia 05 Laboratorio Controles en VFP 2015
4/25
4
Paso 3Programacion 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 nombredel 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
-
8/19/2019 Guia 05 Laboratorio Controles en VFP 2015
5/25
5
Clic sobre el botón guardar:
Guardar el formulario con elnombre: Ejercicio001
Ejecución del formulario.
-
8/19/2019 Guia 05 Laboratorio Controles en VFP 2015
6/25
6
Ejemplo No. 2Crear un formulario que permita capturar una cadena de caracteres desde una cajade 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 FormularioDescripció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 sedebe digitar, también se utilizan como títulos y sub títulos en losformularios.
- Caja de texto (Text Box)Se utiliza para la captura de cadenas de carácter, números yfechas, posee un asistente para diferencias los tipos de datos,aplicar formatos y aplicar propiedades.
-
8/19/2019 Guia 05 Laboratorio Controles en VFP 2015
7/25
7
Formulario con sus controles, en modo diseño: Al seleccionar un control, la ventana de propiedades muestra sus respectivaspropiedades:
Asignación de propiedades a cada objeto:
Se cambiaran las propiedades a los diferentes objetos, para mejorar su acceso ypresentació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 puedemodificar 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 deotro formulario.
Windowstate 0 Formulario no aparece minimizado, nimaximizado.
-
8/19/2019 Guia 05 Laboratorio Controles en VFP 2015
8/25
8
Objeto: Etiqueta 1
Propiedad Valor Comentario
Name Label1 Nombre único del objeto.
Caption Texto digitado para
mostrarlo en unaventana
Texto en la parte superior del formulario.
AutoSize .T. El tamaño del objeto modifica su tamañosegú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ñosegún el texto a mostrar.
Objeto: Caja de Texto
Propiedad Valor Comentario
Name Text1 Nombre único del objeto.
Format ! Caracteres alfabéticos se capturan enmayú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/19/2019 Guia 05 Laboratorio Controles en VFP 2015
9/25
9
Resultado al aplicar las propiedades en modo diseño:
Programación de eventos en los botones de comando:
Boton 1 (Command1)
Boton 2 (Command2)
-
8/19/2019 Guia 05 Laboratorio Controles en VFP 2015
10/25
10
Ejemplo No. 3Crear un formulario que permita capturar dos números y el resultado de sumarlos semuestren 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 FormularioDescripción para caja de texto
Caja de texto Text 2 Cajas para la captura denúmeros
Botones de comando Command 2 Para mostrar mensaje y cerrar.
Diseño inicial:
-
8/19/2019 Guia 05 Laboratorio Controles en VFP 2015
11/25
11
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 ladigitacion de numeros.
Datos de tipo: Numericos.
Mascara de entrada: 9,999.99
-
8/19/2019 Guia 05 Laboratorio Controles en VFP 2015
12/25
12
Ficha Style: solo verifique los valores y cambie alineación
Efecto: 3DBordes: 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
-
8/19/2019 Guia 05 Laboratorio Controles en VFP 2015
13/25
13
Programación de botones de comando:Botón Command1 y Evento Clic:
Botón Command2 y Evento Clic:
-
8/19/2019 Guia 05 Laboratorio Controles en VFP 2015
14/25
14
Ejemplo No. 4Crear un formulario que permita capturar dos fechas y en una ventana de salidamostrar 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 FormularioDescripció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:
-
8/19/2019 Guia 05 Laboratorio Controles en VFP 2015
15/25
15
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 lacaja de texto llamada: Text2Programación de botones:
-
8/19/2019 Guia 05 Laboratorio Controles en VFP 2015
16/25
16
Programación de Eventos
Boton Command1 y Evento Clic:
Boton Command2 y Evento Clic:
-
8/19/2019 Guia 05 Laboratorio Controles en VFP 2015
17/25
17
Ejemplo No. 5Crear un formulario que capture una fecha y a partir de la fecha actual calcule laedad.
Nombre del archivo: Ejercicio005
Objetos:
Objeto Tipo Cantidad DescripciónFormulario 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, utiliceel asistente para cajas de texto.
-
8/19/2019 Guia 05 Laboratorio Controles en VFP 2015
18/25
18
Programación de Eventos
Boton Command1 y Evento Clic:
Boton Command2 y Evento Clic:
-
8/19/2019 Guia 05 Laboratorio Controles en VFP 2015
19/25
19
Ejemplo No. 6Crear 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, utiliceel asistente para cajas de texto.
-
8/19/2019 Guia 05 Laboratorio Controles en VFP 2015
20/25
20
Programación de Eventos
Boton Command1 y Evento Clic:
Boton Command2 y Evento Clic:
-
8/19/2019 Guia 05 Laboratorio Controles en VFP 2015
21/25
21
Aplicación Nº 7Este ejercicio consiste en elaborar una aplicación que permita cambiar el aspecto deuna caja de texto. El usuario debe elegir el tipo de fuente a utilizar, el estilo, el color yel 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 elformulario:
5 etiquetas1 caja de texto1 cuadro combinado1 lista3 casillas de verificación1 grupo de botones de opción1 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 LblTextoCaption Texto
Label2
Name LblFuente
Caption Fuente
-
8/19/2019 Guia 05 Laboratorio Controles en VFP 2015
22/25
22
Label3
Name LblTamaño
Caption Tamaño
Label4
Name LblEstiloCaption 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
-
8/19/2019 Guia 05 Laboratorio Controles en VFP 2015
23/25
23
Option2
Name OptVerde
ForeColor 0, 255, 0
Option3 Name OptAzul
ForeColor 0, 0, 255
Command1
Name CmdSalir
Caption \
-
8/19/2019 Guia 05 Laboratorio Controles en VFP 2015
24/25
24
Objeto: LstTamaño Procedimiento: ClicknTamaño = Val(Thisform.LstTamaño.Value)Thisform.TxtTexto.FontSize = nTamañoThisform.Refresh
Objeto: ChkNegrita Procedimiento: ClickIf Thisform.ChkNegrita.Value = 1 Then
Thisform.TxtTexto.FontBold = .T.Else
Thisform.TxtTexto.FontBold = .F.EndIfThisform.Refresh
Objeto: ChkCursiva
Procedimiento: Click
If Thisform.ChkCursiva.Value = 1 ThenThisform.TxtTexto.FontItalic = .T.
ElseThisform.TxtTexto.FontItalic = .F.
EndIfThisform.Refresh
Objeto: ChkSubrayado Procedimiento: ClickIf Thisform.ChkSubrayado.Value = 1 Then
Thisform.TxtTexto.FontUnderline = .T.ElseThisform.TxtTexto.FontUnderline = .F.
EndIfThisform.Refresh
Objeto: OptRojo Procedimiento: ClickThisform.TxtTexto.ForeColor = RGB(255, 0, 0)Thisform.Refresh
Objeto: OptVerde Procedimiento: ClickThisform.TxtTexto.ForeColor = RGB(0, 255, 0)Thisform.Refresh
Procedimiento: Click
-
8/19/2019 Guia 05 Laboratorio Controles en VFP 2015
25/25
Objeto: OptAzulThisform.TxtTexto.ForeColor = RGB(0, 0, 255)Thisform.Refresh
Objeto: CmdSalir Procedimiento: ClickThisform.QueryUnload