SESIÓN Nro.

10 FORMULARIOS

SESIÓN Nro. 10: FORMULARIOS

OBJETIVOS:
• Crear formularios para el proceso de información.
• Diseñar la interfaz de usuario.

Una vez definidas las estructuras de datos, es

necesario crear una interfaz que permita a los
usuarios realizar las tareas de administración
de la información de la forma más sencilla e
intuitiva posible. Una de las herramientas más
importantes con las que cuenta el
programador de Visual FoxPro es el
formulario.
Los formularios son instrumentos o
herramientas que permiten recolectar
información, la cual posteriormente es
utilizada para cumplir una gran variedad de
objetivos. Pueden servir, por ejemplo, para
conocer los síntomas de un paciente, para registrar los datos de un alumno, para recordar las características de
un entrevistado, entre otras aplicaciones.
Por lo general, un formulario se trata de un documento que se estructura a partir de preguntas, las cuales
permiten recolectar los datos de las personas. Por esta razón, la selección y diseño de las preguntas o variables
que componen el formulario es un paso esencial para lograr la calidad del mismo.
En un principio los formularios se realizaban en hojas de papel, pero hoy en día −con el avance de las
tecnologías− las empresas e instituciones diseñan y utilizan formularios en formato digital; esto facilita su
utilización, llenado y posterior análisis.

1. NOCIONES PRELIMINARES
Un formulario es un formato de pantalla (ventana) que sirve de dialogo con el usuario. Permite visualizar o
manipular datos con las operaciones como insertar, modificar o borrar registros y al mismo tiempo navegar
por la tabla o realizar búsquedas. Un formulario contiene controles y puede tener una o más páginas.
Un control es un objeto gráfico, como un cuadro de texto, un rectángulo o un botón de comando, que se
coloca en un formulario para mostrar datos, realizar una acción o facilitar la lectura del formulario. Entre
los controles de Visual FoxPro cabe citar casillas de verificación, cuadros de edición, etiquetas, líneas,
imágenes, formas, etc. Puede colocarse estos controles en un formulario mediante la barra de herramientas
Controles de formularios en el Diseñador de Formularios.

2. CARACTERÍSTICAS DE UN FORMULARIO
Un formulario reúne las siguientes características:

❖ Las preguntas están relacionadas con los objetivos de cada área: La finalidad de dichas preguntas es
obtener información sobre las personas, por lo que están diseñadas para responder ciertos elementos
relacionados con el objetivo del área o disciplina donde se aplica el formulario.
Por ejemplo: las preguntas que contiene un formulario clínico tienen como objetivo − además de
registrar al paciente− conocer algunas características del paciente relacionadas con su enfermedad.

❖ Las preguntas son redactadas de forma sencilla: En los formularios las preguntas son concretas y fáciles
de entender, como, por ejemplo: el sexo de los individuos, la edad, el peso o la dirección de habitación.
Generalmente se colocan de esta forma: edad: ____años; peso: ____ kilos.
SESIÓN Nro. 10 FORMULARIOS

❖ Siguen una secuencia: Los formularios se inician con la identificación de la persona (nombre, sexo,
edad, entre otros) y luego realizan preguntas más complejas que permiten cumplir con los objetivos
planteados.
Es por ello que se afirma que los formularios siguen una secuencia, es decir, un orden que se inicia con
las preguntas más simples y culmina con las preguntas más complejas.
Por ejemplo: un formulario para solicitar empleo comienza con los datos básicos del solicitante, tales
como nombre y edad. Luego se puede preguntar sobre la formación académica y se finaliza solicitando
el tipo de empleo que busca el solicitante, junto con el salario deseado y las horas disponibles.

❖ Poseen el espacio necesario para colocar la información solicitada: Los formularios son diseñados de
tal forma que la disposición horizontal de las preguntas permite responderlas fácilmente a mano o en
una computadora. Por lo general, el espacio disponible para responder es representado con un área en
blanco.

3. ¿PARA QUÉ SIRVE UN FORMULARIO?

La función principal de un formulario es recopilar información de una persona, lo que servirá a la
organización que la recibe para procesar una petición de un servicio o producto. Dependiendo de la
situación se proporcionará una información u otra.
Por ejemplo, si se requiere pedir un crédito a un banco, la información dada será especialmente sobre la
situación económica del solicitante. Si el formulario es para comprar un electrodoméstico, se proporcionará
información sobre el producto consultado.

4. TIPOS DE FORMULARIOS
Hay dos tipos de formularios:

A. SIMPLE
Cuando el formulario contiene sólo datos de una tabla o vista.

B. MÚLTIPLE
Cuando el formulario se construye a partir de una tabla base y tablas o vistas secundarias.
SESIÓN Nro. 10 FORMULARIOS

5. PASOS PARA CREAR UN FORMULARIO

Primeramente, abriremos el Proyecto Agenda, luego, para trabajar con formularios lo primero que se tiene
que realizar es crearlo, para ello se puede utilizar cuatro métodos diferentes:

A. DESDE EL ADMINISTRADOR DE PROYECTOS

Selecciona la ficha Documentos, Elige Formularios y presiona el botón Nuevo. A continuación,
aparecerá un mensaje que te preguntará si deseas crearlo en Nuevo formulario o con el Asistente para
formularios.
Si eliges esta última opción, aparecerá el cuadro de diálogo Selección de los asistentes. En este cuadro
podrás elegir el tipo de asistente que necesitas. Las opciones que aparecen son:
❖ Form Wizard/Asistente para formularios: Permite realizar un formulario sencillo de una sola tabla.
❖ One to Many Form Wizard/Asistente para formularios uno a varios: Permite crear formularios de
dos tablas relacionadas.

De lo contrario, si eliges el botón Nuevo formulario, aparecerá el Diseñador de formularios, el cual

será analizado más adelante.

B. DESDE LA BARRA DE MENÚS

Selecciona el comando Nuevo del menú Archivo, A continuación, elige la opción Formulario del cuadro
de diálogo Nuevo y presiona Nuevo Archivo o Asistente según como quieras crear el formulario.

C. DESDE LA BARRA DE HERRAMIENTAS ESTÁNDAR

Presiona el icono Nuevo Selecciona Formulario y presiona Nuevo archivo o Asistente.
SESIÓN Nro. 10 FORMULARIOS

D. DESDE LA VENTANA DE COMANDOS

Utilizaremos el comando CREATE FORM sin argumentos.

IMPORTANTE: Estas tres últimas opciones de creación crean el Formulario fuera del proyecto. Si quieres
agregarlo al proyecto deberás adicionarlo a través del botón Agregar del Administrador de proyectos o
el comando Agregar archivo del menú Proyecto.

Luego de haber realizado cualquiera de estas operaciones visualizarás la ventana del Diseñador de
formularios.

6. PARTES DE LA VENTANA DE FORMULARIO

Cuando el diseñador está activo, Visual FoxPro también muestra lo siguiente:

A. DISEÑADOR DE FORMULARIOS
Se utiliza para activar algunas opciones cuando se está diseñando el formulario. Los botones que
presenta son:
1. Establecer orden de tabulación: Permite establecer el orden de tabulación de los controles
(numeración).
2. Entorno de datos: Abre la ventana que permite crear visualmente y modificar el entorno de datos
del formulario
3. Ventana Propiedades: Contiene una lista de propiedades, eventos y métodos para un objeto
seleccionado.
4. Ventana Código: En la que puedes escribir, visualizar y editar código de eventos y métodos.
5. Barra de herramientas Controles de Formularios: muestra u oculta la barra de herramientas
Controles de formularios.
6. Barra de herramientas Paleta de colores: Muestra u oculta la Paleta de Colores
7. Barra de herramientas Diseño: Muestra u oculta la barra de herramientas Diseño, cuyos botones
permiten alinear con precisión los controles en el formulario.
SESIÓN Nro. 10 FORMULARIOS

8. Generador de formularios: Abre el cuadro de diálogo Generador de formularios, el cual te permite

agregar campos de las tablas como nuevos controles a un formulario. Este presenta dos fichas o
solapas:
a) Seleccionar campos: Especifica los campos para ser agregados como controles al formulario.
b) Estilo: Ofrece algunas opciones de estilo para los controles (son las mismas que ofrece
Asistente para formularios y la opción agrandar el formulario si es necesario.

9. Autoformato: Visualiza el Generador de autoformato, el cual aplica un conjunto de estilos a los

controles seleccionados del mismo tipo.

B. LA BARRA DE HERRAMIENTAS CONTROLES DE FORMULARIOS

Aquí se encuentran todos los controles disponibles para ser utilizados en los formularios. Ejemplo:
Label, Text, Option, Check, Etc.
Contiene las herramientas que utiliza para dibujar controles en sus formularios. Para abrir la Barra de
herramientas, elija Barra de herramientas Controles de formulario en el menú Ver.
Esta barra de herramientas contiene los botones siguientes:

Botón Descripción
Seleccionar objetos. Cambia el tamaño y mueve controles. Una vez creado un control, el
botón "Seleccionar objetos" se volverá a seleccionar automáticamente, a menos que
esté presionado el botón "Bloqueo del botón".
Ver clases. Permite seleccionar y mostrar una biblioteca de clases registrada. Después de
seleccionar una clase, la barra de herramientas sólo muestra botones para las clases de
la biblioteca seleccionada.
Etiqueta. Crea un control Label, que se usa para texto que no quiere que el usuario
cambie, como el título que aparece encima de las casillas de verificación o debajo de un
gráfico.
Cuadro de texto. Crea un control TextBox, que se usa para almacenar una única línea de
texto que el usuario puede introducir o cambiar.
Cuadro de edición. Crea un control EditBox, que se usa para almacenar varias líneas de
texto que el usuario puede introducir o cambiar.
Botón de comando. Crea un control CommandButton, que se usa para ejecutar un
comando.
Grupo de comandos. Crea un control CommandGroup, que se usa para agrupar
comandos relacionados.
Grupo de opciones. Crea un control OptionGroup, que se usa para mostrar múltiples
opciones entre las que el usuario sólo puede seleccionar una.
Casilla de verificación. Crea un control CheckBox, que ofrece al usuario la posibilidad de
elegir entre una condición verdadera o falsa, o muestra varias opciones entre las que el
usuario puede seleccionar más de una.
Cuadro combinado. Crea un control ComboBox, que se usa para crear un cuadro
combinado desplegable o una lista desplegable de forma que el usuario pueda
seleccionar un elemento de una lista o introducir manualmente un valor.
SESIÓN Nro. 10 FORMULARIOS

Botón Descripción
Cuadro de lista. Crea un control ListBox, que se usa para mostrar una lista de elementos
entre los que puede elegir el usuario. Es posible recorrer la lista si tiene más elementos
de los que se pueden mostrar de una vez.
Control numérico. Crea un control Spinner, que se usa para aceptar datos numéricos
introducidos por el usuario que quedan dentro de un intervalo.
Cuadrícula. Crea un control Grid, que se usa para mostrar datos en una cuadrícula tipo
hoja de cálculo.
Imagen. Muestra una imagen gráfica en su formulario.
Cronómetro. Intercepta eventos Timer a intervalos establecidos. Este control es invisible
en tiempo de ejecución.
Marco de página. Muestra varias páginas de controles.
Control contenedor OLE. Le permite agregar objetos OLE a su aplicación.
Control OLE dependiente. Al igual que los controles contenedores OLE, le permite
agregar objetos OLE a su aplicación. Sin embargo, a diferencia de los controles
contenedores OLE, los controles OLE dependientes están vinculados a un campo de tipo
General.
Línea. Se usa para dibujar diversos estilos de línea en su formulario en tiempo de diseño.
Forma. Se usa para dibujar diversas formas en su formulario en tiempo de diseño. Puede
dibujar un rectángulo, un rectángulo redondeado, un cuadrado, un cuadrado
redondeado, un óvalo o un círculo.
Separador. Agrega espacio entre los controles de la barra de herramientas.
Bloqueo del generador. Abre un generador para el nuevo control que agrega al
formulario.
Bloqueo del botón. Le permite agregar varios controles del mismo tipo sin tener que
hacer clic en el botón del control en la barra de herramientas más de una vez.

C. VENTANA PROPIEDADES:
Es donde se configuran las propiedades, los eventos y los métodos de los controles o contenedores, los
cuales varían según el control o contenedor que se encuentre activo en el cuadro Objeto.

Esta ventana presenta las siguientes fichas:

1. Todos: Muestra todas las propiedades, eventos y métodos.
SESIÓN Nro. 10 FORMULARIOS

2. Datos: Muestra las propiedades asociadas al qué y al cómo los datos son mostrados y manipulados
por el objeto.
3. Métodos: Presenta los distintos métodos y eventos que soporta el objeto.
4. Diseño: Visualiza las propiedades que te permiten redefinir el diseño del objeto según tus
necesidades.
5. Otros: Muestra las propiedades que describen el objeto como tal, esto es de que clase base
provienen, conque nombre se lo referencia en el código, etc.
6. Favoritos: Incluye las propiedades definidas por el usuario.

7. TRABAJANDO CON FORMULARIOS

Visual Fox Pro ofrece dos formas de comenzar la creación de formularios:

A. CREACIÓN DE UN FORMULARIO A TRAVÉS DEL ASISTENTE

Enunciado: Mediante la utilización del Asistente, de creación de Formularios, crear un formulario

con sus controles de navegación para la tabla Tb_libros.

Primeramente, abriremos el proyecto Sistema Biblioteca; ahora tenemos dos opciones:

➢ Podemos hacer clic en Archivo/Nuevo y elegimos la opción de Formulario/Asistente, de esta
manera se creará un formulario fuera del proyecto.

Recurso 10.1

➢ Desde el Administrador de Proyectos, hagamos clic en Documentos, luego en formularios y en

Nuevo, ha ello se mostrará una ventana para elegir y escogeremos Asistente para formularios.

➢ Se mostrará la ventana Selección de los asistentes, ahí seleccione el Asistente para formularios
(FormWizard), luego clic en Aceptar (OK).
SESIÓN Nro. 10 FORMULARIOS

➢ Esta opción nos permitirá crear un Formulario con formato a partir de una sola tabla. Ahora se
iniciará el Asistente para formularios:

Paso 1 - Seleccionar campos: Aquí seleccione los campos que desea que se visualice en el
formulario previa selección de la tabla TB_LIBROS. En este caso seleccionamos todos los campos.
Luego clic en Siguiente.

Paso 2 – Elegir estilo del formulario: En este paso seleccionamos algún estilo de su preferencia. En
tipo de botón, seleccionamos la opción botones con imagen. Luego clic en Siguiente.
SESIÓN Nro. 10 FORMULARIOS

Paso 3 – Ordenar los registros: Agregue el campo Cod_libro, para que se ordene de forma
ascendente en base al código del libro. Luego clic en Siguiente.

Paso 4 – Finalizar: Y finalmente clic en Finalizar, te pedirá la ruta para guardar el formulario.

Paso 5 – Abrir el formulario: Una vez guardado en la carpeta de destino del formulario, podremos
abrirlo de dos maneras:
SESIÓN Nro. 10 FORMULARIOS

a) Accediendo a la carpeta de destino, se podrá apreciar la presencia de los siguientes archivos

(según imagen).
Doble clic sobre el archivo
FRM_DATOS DE LIBROS.SCX

b) Por medio del Administrador de Proyectos, hagamos clic en Documentos, luego en formularios,
seleccionamos el formulario creado y hacemos clic en Ejecutar. Tal y como se muestra en la
imagen siguiente:

A continuación, se deberá mostrar el diseñador de formularios con nuestro formulario TB_LIBROS

ya diseñado y con los botones de mantenimientos correspondientes.

Para ejecutar el formulario clic en el botón Ejecutar , que se encuentra en la barra estándar;
finalmente se podrá visualizar nuestro formulario en pleno funcionamiento. En ella se muestra
botones de navegación, Buscar, Imprimir, Nuevo, Editar, Eliminar

Banda de botones del formulario creado:

         
1. Ir al primer registro. 6. Imprimir.
2. Ir al registro anterior. 7. Agregar un nuevo registro.
3. Ir al siguiente registro. 8. Modificar un registro.
4. Ir al último registro. 9. Eliminar un registro.
5. Buscar un registro. 10. Cerrar formulario.
SESIÓN Nro. 10 FORMULARIOS

B. CREACIÓN DE UN FORMULARIO SIN ASISTENTE

Enunciado: Crear una aplicación, que lea los siguientes datos: Nombre de la Empresa, RUC,
Dirección, Teléfono, Correo electrónico y Página web.

➢ Podemos hacer clic en Archivo/Nuevo y elegimos la opción de Formulario / Nuevo archivo, de

esta manera se creará un formulario fuera del proyecto. En lo posible cierra el proyecto abierto.

➢ Luego de esto aparecerá la siguiente ventana:

➢ Desde aquí hay que construir el formulario manualmente con ayuda de las barras de Diseñador de
formularios y Controles de formularios. Hay que colocar los controles y definir sus propiedades.
➢ Desde el Diseñador de Formularios, hacemos clic en Label o Etiqueta del Control de Formulario y
luego clic en el formulario y se mostrara como Label1, Label2,… Labelx; y TexBox o Caja de Texto,
y modificaremos sus propiedades de cada una según el cuadro

Control Propiedad Valor

Form1 Caption Ingrese los datos de la Empresa
Label1 Caption NOMBRE DE LA EMPRESA
FontBold .T. Verdadero
Label2 Caption DIRECCIÓN
FontBold .T. Verdadero
SESIÓN Nro. 10 FORMULARIOS

Control Propiedad Valor

Label3 Caption TELÉFONO
FontBold .T. Verdadero
Label4 Caption R.U.C.
FontBold .T. Verdadero
Label5 Caption CORREO ELECTRÓNICO
FontBold .T. Verdadero
Label6 Caption PÁGINA WEB
FontBold .T. Verdadero
Text1 Forecolor Seleccione Azul
Format !
Text2 Forecolor Seleccione Azul
Format !
Text3 ForeColor Seleccione Azul
InputMask 999999
Text4 ForeColor Seleccione Azul
InputMask 999999
Text5 ForeColor Seleccione Azul
Text6 ForeColor Seleccione Azul

➢ El diseño del formulario tendrá que quedar de la siguiente manera:

➢ Cuando ingrese Teléfono y RUC, solo podrá ingresar números, no permite ingresar letras. En el
caso de Nombre de la Empresa y Dirección, todo lo que escribe lo convierte a letras mayúsculas.
➢ Luego de diseñar el formulario, Grabe presionando las teclas CTRL + W, para ejecutar el formulario
pulse sobre el botón Ejecutar .
➢ Una vez ejecutado, ingrese los datos correspondientes. Si desea salir de la aplicación, realice un
clic sobre el botón Cerrar .

8. PROGRAMANDO FORMULARIOS
Desde este punto, simplemente indicaremos al procesador que debe ejecutar de forma consecutiva una
lista de acciones; para construir una secuencia de acciones basta con escribir cada acción en una línea
diferente.

A. PROPIEDADES COMUNES EN UN CUADRO DE TEXTO

Revisaremos algunas propiedades comunes y muy útiles de los cuadros de texto, ya que es un control
que se empleara muy a menudo en nuestros formularios y aplicaciones.
SESIÓN Nro. 10 FORMULARIOS

➢ Format: Especifica el formato de entrada y resultados de la propiedad Value de un control.

Disponible en tiempo de diseño y en tiempo de ejecución.

Valor Descripción
Convierte los caracteres alfabéticos en mayúsculas. Utilícelo sólo con datos del tipo
!
Character.
Muestra el símbolo de moneda. Es necesario que la propiedad ControlSource
$
especifique un origen numérico para el cuadro de texto.
Muestra datos numéricos utilizando anotación científica. Es necesario que la
^
propiedad ControlSource especifique un origen numérico para el cuadro de texto.
A Sólo permite caracteres alfabéticos (sin espacios ni signos de puntuación).
D Utiliza el formato actual de SET DATE.
E Edita los datos tipo Date como fecha BRITISH.
K Selecciona todo el TextBox cuando se mueve el cursor al TextBox.
Muestra ceros a la izquierda (en lugar de espacios) en el TextBox. Es necesario que
L
la propiedad ControlSource especifique un origen numérico para el cuadro de texto.

➢ InputMask: Específica cómo se introducen y muestran los datos en un control. Disponible en

tiempo de diseño y en tiempo de ejecución
Los valores para la propiedad InputMask son:

Valor Descripción
X Puede introducirse cualquier carácter.
9 Pueden introducirse dígitos y signos, como el signo menos ( – ).
# Pueden introducirse dígitos, espacios en blanco y signos.
Muestra el símbolo de moneda actual (especificada con SET CURRENCY) en una
$
posición fija.
Muestra un símbolo de moneda flotante que siempre aparece junto a los dígitos del
$$
Spinner o TextBox.
* Se muestran asteriscos a la izquierda del valor.
. Un punto especifica la posición de coma decimal.
, Pueden incluirse comas para separar dígitos a la izquierda de la coma decimal.

B. HACER REFERENCIA A UN OBJETO DE UN FORMULARIO

Thisform. THISFORM proporciona una forma muy conveniente de hacer referencia al formulario actual
mientras escribe programas que controlan eventos en un formulario. Por ejemplo, este programa Click
Event para un botón de comando establece que el título del botón sea la hora actual.
thisform.command1.caption = time()

La utilización de THISFORM en lugar de hacer referencia explícitamente al formulario actual mediante

su nombre (por ejemplo, form1.command1.caption) hace que el código de programa sea portátil entre
formularios.
THISFORM permite hacer referencia a un objeto en el formulario o en la propiedad sin tener que utilizar
varias propiedades Parent.

Sintaxis
THISFORM.NombrePropiedad | NombreObjeto

Argumentos
NombrePropiedad. Especifica una propiedad para el formulario.
NombreObjeto. Especifica un objeto del formula
SESIÓN Nro. 10 FORMULARIOS

C. EJERCICIOS DE APLICACIÓN
Crear una aplicación que lea dos números y muestre el promedio de los dos números ingresados.
Diseñe el formulario de tal forma que quede igual que el siguiente formulario.

Inserte los siguientes controles.

Control Propiedad Valor
Form1 Caption Calcular el promedio de dos números
Label1 Caption Ingrese el primer Valor
FontBold .T. Verdadero
Label2 Caption Ingrese el segundo Valor
FontBold .T. Verdadero
Label3 Caption El Promedio Obtenido es
FontBold .T. Verdadero
Command1 Caption Calcular
Name CmdCalcular
Command2 Caption Otro
Name CmdOtro
Command3 Caption Cerrar
Name CmdCerrar
Text1 Name TxtV1
Forecolor Seleccione Azul
Format 99
Value 0
Text2 Name TxtV2
Forecolor Seleccione Azul
Format 99
Value 0
Text3 Name TxtRe
Forecolor Seleccione Azul
Format 99
Value 0
Enabled .F. False

Digitar el Código de la aplicación

Realice doble clic sobre el botón Calcular, para activar la ventana de código, en donde se tendrá que
digitar el código respectivo del botón. (Grabar el código, presionando las teclas Ctrl. + W)
SESIÓN Nro. 10 FORMULARIOS

Realice doble clic sobre el botón Otro, para activar la ventana de código, en donde se tendrá que digitar
el código respectivo del botón.

Realice doble clic sobre el botón Cerrar, para activar la ventana de código, en donde se tendrá que
digitar el código respectivo del botón.

Una vez que haya digitado los códigos de los controles, ejecute el formulario, ingrese las notas y luego
pulse sobre el botón Calcular.