TEMA 4: Formularios y Controles

FORMULARIOS

Un Formulario es una zona de visualización que corresponde a la ventana que se verá cuando la aplicación se está ejecutando. Los componentes de la aplicación que se colocan en el Formulario se denominan objetos o controles. Los controles se crean a partir de la caja de herramientas, la cual puede ampliarse para incluir herramientas adicionales (cada archivo OCX o DLL proporciona una o más herramientas nuevas para la caja de herramientas). La apariencia del programa se diseña eligiendo controles y poniéndolas en la pantalla del Formulario. Cuando se ejecuten las aplicaciones, Visual Basic retira las herramientas de diseño y el usuario puede interactuar con los elementos que aparezcan en pantalla según el programa diseñado.

Propiedades: Appearance, AutoRedraw, BackColor, BorderStyle, Caption, ControlBox, CurrentX, CurrentY, DrawMode, DrawStyle, DrawWidth, Enabled, FillColor, FillStyle, Font, ForeColor, Height, Icon, Left, MaxButton, MinButton, MouseIcon, MousePointer, Moveable, Name, Picture, ScaleHeight, ScaleLeft, ScaleMode, ScaleTop, ScaleWidth, ShowInTaskBar, Tag, Top, Visible, Width, WindowState.

Métodos: Circle, Cls, Hide, Line, Move, Point, Print, PrintForm, PSet, Refresh, Scale, SetFocus, Show, TextHeight, TextWidth, ZOrder.

Eventos: Activate, Desactivate, Click, Dblclick, GotFocus, Initialize, KeyPress, Load, LostFocus, MouseDown, MouseMove, MouseUp, Resize, Terminate, Unload.

PUNTERO

Es el único elemento del cuadro de herramientas que no sirve para dibujar controles. Cuando selecciona el puntero, sólo puede cambiar el tamaño o mover un control que ya se ha dibujado en el Formulario.

ETIQUETA

Son simples recuadros sobre los que puede visualizar un determinado texto (no puede ser editado por el usuario) permitiendo dotar a éste de muy distintos formatos.

Propiedades: Alignment, Appearance, AutoSize, BackColor, BackStyle, BorderStyle, Caption, Enabled, Font, ForeColor, Height, Index, Left, MouseIcon, MousePointer, Name, TabIndex, Tag, ToolTipText, Top, Visible, Width, WordWrap.

Métodos: Drag, Move, Refresh, ZOrder.

Eventos: Click, Dblclick, Change, MouseDown, MouseMove, MouseUp.

BOTÓN DE COMANDO

Entre los controles más utilizados en las aplicaciones Windows se encuentran los Botones de Comando. Permiten realizar una determinada acción cuando el usuario hace clic sobre ellos.

Propiedades: Appearance, BackColor, Cancel, Caption, Default, DisabledPicture, DownPicture, Enabled, Font, ForeColor, Height, Index, Left, MouseIcon, MousePointer, Name, Picture, Style, TabIndex, TabStop, Tag, ToolTipText, Top, Value, Visible, Width.

Métodos: Drag, Move, Refresh, SetFocus,  ZOrder.

Eventos: Click, GotFocus, KeyPress, LostFocus, MouseDown, MouseMove, MouseUp.

CUADRO DE TEXTO

Permiten visualizar texto que puede ser modificado por el usuario en tiempo de ejecución.

Propiedades: Alignment, Appearance, BackColor, BorderStyle, Enabled, Font, ForeColor, Height, Index, Left, Locked, MaxLength, MouseIcon, MousePointer, MultiLine, Name, PasswordChar, ScrollBars, TabIndex, TabStop, Tag, Text, ToolTipText, Top, Visible, Width.

Métodos: Drag, Move, Refresh, SetFocus, ZOrder.

Eventos: Click, DblClick, Change, GotFocus, KeyPress, LostFocus, MouseDown, MouseMove, MouseUp.

BOTÓN DE OPCIÓN

Se utilizan cuando se desea que el usuario active una sola opción de entre un grupo de opciones (trabajan en grupo).

Propiedades: Alignment, Appearance, BackColor, Caption, DisabledPicture, DownPicture, Enabled, Font, ForeColor, Height, Index, Left, MouseIcon, MousePointer, Name, Picture, Style, TabIndex, TabStop, Tag, ToolTipText, Top, Value, Visible, Width.

Métodos: Drag, Move, Refresh, SetFocus, ZOrder.

Eventos: Click, DblClick, GotFocus, KeyPress, LostFocus, MouseDown, MouseMove, MouseUp.

CASILLA DE VERIFICACIÓN

Se utilizan cuando un usuario desea introducir una información del tipo Si/No o Verdadero/Falso.

Propiedades: Alignment, Appearance, BackColor, Caption, DisabledPicture, DownPicture, Enabled, Font, ForeColor, Height, Index, Left, MouseIcon, MousePointer, Name, Picture, Style, TabIndex, TabStop, Tag, Top, ToolTipText, Value, Visible, Width.

Métodos: Drag, Move, Refresh, SetFocus, ZOrder.

Eventos: Click, DblClick, GotFocus, KeyPress, LostFocus, MouseDown, MouseMove, MouseUp.

MARCO

Se utilizan para separar grupos de objetos en la pantalla. En el caso de los Botones de Opciones, los Marcos también afectan al comportamiento de estos.

Para situar los controles dentro del Marco, una vez que éste ha sido situado en el Formulario, no debe hacerse un doble clic en el icono del cuadro de herramientas. Por el contrario, simplemente debe hacerse clic, y dibujar el control dentro del Marco mediante operaciones de arrastre. De esta forma, el Marco y los controles que contenga, se comportarán como una sóla unidad.

Propiedades: Appearance, BackColor, BorderStyle, Caption, Enabled, Font, ForeColor, Height, Index, Left, MouseIcon, MousePointer, Name, TabIndex, Tag, ToolTipText, Top, Visible, Width.

Métodos: Drag, Move, Refresh, ZOrder.

Eventos: Click, DblClick, MouseDown, MouseMove, MouseUp.

BARRAS DE DESPLAZAMIENTO VERTICAL Y HORIZONTAL

Permiten explorar fácilmente una larga lista de elementos o una gran cantidad de información. Además, proporcionan una representación analógica de la posición actual. Puede utilizar una Barra de Desplazamiento como dispositivo de entrada o indicador de velocidad o cantidad. Por ejemplo, para controlar el volumen de un juego de computador o para ver el tiempo transcurrido en un proceso temporizado.

Propiedades: Enabled, Height, Index, LargeChange, Left, Max, Min, MouseIcon, MousePointer, Name, TabIndex, TabStop, Tag, Top, SmallChange, Value, Visible, Width.

Métodos: Drag, Move, Refresh, SetFocus, ZOrder.

Eventos: Change, GotFocus, KeyPress, LostFocus, Scroll.

TEMPORIZADOR

Se emplea cuando se desea que la aplicación realice alguna operación a intervalos fijos de tiempo. Es un control que no se visualiza en tiempo de ejecución y que en tiempo de diseño se muestra en forma icónica.

Propiedades: Enabled, Index, Interval, Left, Name, Tag, Top.

Eventos: Timer.

IMAGEN

La Imagen permite mostrar una imagen fija dentro de un recuadro.

Propiedades: Appearance, BorderStyle, Enabled, Height, Index, Left, MouseIcon, MousePointer, Name, Picture, Tag, ToolTipText, Top, Visible, Width.

Métodos: Drag, Move, Refresh, ZOrder.

Eventos: Click, DblClick, MouseDown, MouseMove, MouseUp.

CUADRO DE IMAGEN

El Cuadro de Imagen permite mostrar una imagen que puede variar, ocupa más que la Imagen.

Propiedades: Appearance, AutoRedraw, AutoSize, BackColor, BorderStyle, CurrentX, CurrentY, DrawMode, DrawStyle, DrawWidth, Enabled, FillColor, FillStyle, Font, ForeColor, Height, Index, Left, MouseIcon, MousePointer, Name, Picture, ScaleHeight, ScaleLeft, ScaleMode, ScaleTop, ScaleWidth, TabIndex, TabStop, Tag, ToolTipText, Top, Visible, Width.

Métodos: Circle, Cls, Drag, Line, Move, Point, Print, PSet, Refresh, Scale, SetFocus, TextHeight, TextWidth, ZOrder.

Eventos: Click, DblClick, Change, GotFocus, KeyPress, LostFocus, MouseDown, MouseMove, MouseUp, Resize.

CUADRO DE LISTA

Permiten mostrar y manejar listas de elementos de forma cómoda y eficaz. El usuario puede seleccionar cualquier elemento de la lista. Cuando el tamaño de la lista no es suficiente como para visualizar todos los elementos de la misma, aparece de forma automática una barra de desplazamiento vertical en el control.

Propiedades: Appearance, BackColor, Columns, Enabled, Font, ForeColor, Height, Index, Left, List, ListCount, ListIndex, MouseIcon, MousePointer, Name, Sorted, Style, Text, TabIndex, TabStop, Tag, ToolTipText, Top, Visible, Width.

Métodos: AddItem, Clear, Drag, Move, Refresh, RemoveItem, SetFocus, ZOrder.

Eventos: Click, DblClick, GotFocus, KeyPress, LostFocus, MouseDown, MouseMove, MouseUp, Scroll.

CUADRO COMBINADO

Combinan las posibilidades de los Cuadros de Texto y los de Lista. Dispone de una zona de edición en la que el usuario puede teclear datos, así como una lista desplegable en la que puede seleccionarse un elemento.

Propiedades: Appearance, BackColor, Enabled, Font, ForeColor, Height, Index, Left, List, ListCount, ListIndex, Locked, MouseIcon, MousePointer, Name, Sorted, Style, TabIndex, TabStop, Tag, Text, ToolTipText, Top, Visible, Width.

Métodos: AddItem, Clear, Drag, Move, Refresh, RemoveItem, SetFocus, ZOrder.

Eventos: Click, DblClick, Change, GotFocus, KeyPress, LostFocus, Scroll.

LISTA DE UNIDADES

Trata de una lista desplegable con el nombre de las distintas unidades de disco válidas del sistema, acompañado de un pequeño icono indicativo del tipo de unidad (disco duro, disquete, CD-ROM, etc).

Propiedades: Appearance, BackColor, Drive, Enabled, Font, ForeColor, Height, Index, Left, List, ListCount, ListIndex, MouseIcon, MousePointer, Name, TabIndex, TabStop, Tag, Top, ToolTipText, Visible, Width.

Métodos: Drag, Move, Refresh, SetFocus, ZOrder.

Eventos: Change, GotFocus, KeyPress, LostFocus, Scroll.

LISTA DE DIRECTORIOS

Trata de una lista que muestra los directorios y subdirectorios de la unidad del disco actual, permitiendo al usuario navegar por ellos y seleccionar uno, que pasará a ser el directorio actual.

Propiedades: Appearance, BackColor, Enabled, Font, ForeColor, Height, Index, Left, List, ListCount, ListIndex, MouseIcon, MousePointer, Name, TabIndex, TabStop, Tag, ToolTipText, Top, Visible, Width.

Métodos: Drag, Move, Refresh, SetFocus, ZOrder.

Eventos: Click, Change, GotFocus, KeyPress, LostFocus, MouseDown, MouseMove, MouseUp, Scroll.

LISTA DE ARCHIVOS

Muestra los nombres de los archivos pertenecientes a un determinado directorio. El usuario puede seleccionar uno o varios archivos.

Propiedades: Appearance, BackColor, Enabled, Font, ForeColor, Height, Index, Left, List, ListCount, ListIndex, MouseIcon, MousePointer, Name, TabIndex, TabStop, Tag, ToolTipText, Top, Visible, Width.

Métodos: Drag, Move, Refresh, SetFocus, ZOrder.

Eventos: Click, DblClick, GotFocus, KeyPress, LostFocus, MouseDown, MouseMove, MouseUp, Scroll.

LÍNEA

Es un control gráfico que se muestra como una línea horizontal, vertical o diagonal. Se puede utilizar en tiempo de diseño para dibujar líneas en Formularios.

Propiedades: BorderColor, BorderStyle, BorderWidth, DrawMode, Index, Name, Tag, Visible, X1, X2, Y1, Y2.

Métodos: Refresh, ZOrder.

FIGURA

Shape es un control gráfico que se muestra como un rectángulo, un cuadrado, una elipse, un círculo, un rectángulo redondeado o un cuadrado redondeado.

Propiedades: BackColor, BackStyle, BorderColor, BorderStyle, BorderWidth, DrawMode, FillColor, FillStyle, ForeColor, Height, Index, Left, Name, Shape, Tag, Top, Visible, Width.

Métodos: Move, Refresh, ZOrder.

DATO

Permite mostrar, actualizar y editar la información almacenada en bases de datos, pertenecientes a una gran variedad de formatos, como Access, dBASE, FoxPro, Paradox o Btrieve. También es posible acceder con este control a hojas de cálculo de Excel, Lotus o archivos de texto, y manejarlos como si se tratase de bases de datos. Finalmente, puede ser utilizado para acceder y manejar bases de datos remotas, como Microsoft SQL Server y Oracle, mediante la Conectividad Abierta a Bases de Datos (ODBC).

Propiedades: Appearance, BackColor, Caption, Enabled, Font, ForeColor, Height, Index, Left, MouseIcon, MousePointer, Name, Tag, ToolTipText, Top, Visible, Width.

Métodos: Drag, Move, Refresh, ZOrder.

Eventos: MouseDown, MouseMove, MouseUp, Resize.

Nota: aquellos eventos que aparezcan de color rojo, significa que es el evento por defecto que aparece al hacer doble clic en un control en tiempo de diseño.

La página se irá actualizando constantemente según avancemos en el curso.