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


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


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:


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


5/25

5

Clic sobre el botón guardar:

Guardar el formulario con elnombre: Ejercicio001

Ejecución del formulario.


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.


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/25

8

Objeto: Etiqueta 1


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


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


Name Text1 Nombre único del objeto.

Format ! Caracteres alfabéticos se capturan enmayúsculas

Objeto: Boton de Comando 1


Name Command1 Nombre único del objeto.

Caption Mostrar Texto Titulo mostrado por el control.

Objeto: Boton de Comando 2


Name Command2 Nombre único del objeto.

Caption Cerrar Titulo mostrado por el control.


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)


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:


Objetos:




Caja de texto Text 2 Cajas para la captura denúmeros


Diseño inicial:


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


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


13/25

13

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

Botón Command2 y Evento Clic:


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:


Objetos:




Caja de texto Text 2 Cajas para la captura de fechas.


Diseño inicial:


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:


16/25

16

Programación de Eventos

Boton Command1 y Evento Clic:



17/25

17

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


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


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.


18/25

18





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%


Objetos:



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.


20/25

20





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:


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


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


23/25

23

Option2

Name OptVerde

ForeColor 0, 255, 0

Option3 Name OptAzul

ForeColor 0, 0, 255

Command1

Name CmdSalir

Caption \


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


25/25

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

Objeto: CmdSalir Procedimiento: ClickThisform.QueryUnload

guia 05 laboratorio controles en vfp 2015

Documents