cap2-controlesbas

LABORATORIO II – AÑO 2008

C A P I T U L O I I

I N D I C E D E C O N T E N I D O

II. INTRODUCCIÓN A LOS CONTROLES BÁSICOS........................23

II.1. Los controles........................................................................23

II.1.i. Propiedades....................................................................24

II.1.ii. Métodos ..........................................................................26

II.1.iii. Eventos...........................................................................26

II.2. Formularios .........................................................................27

II.2.i. Propiedades más importantes de los formularios...............28

II.2.ii. Personalizar la barra de título.........................................28

II.2.iii. Estilos de borde...............................................................29

II.2.iv. Colores para un control ...................................................30

II.2.v. Unidades de medida.........................................................30

II.2.vi. Estado de un formulario...................................................31

II.3. Etiquetas (Label) ..................................................................31

II.3.i. Propiedades más importantes de las etiquetas...................32

II.3.i.1. Etiquetas de múltiples líneas............................................33

II.4. Cajas de Texto (TextBox) ......................................................33

II.4.i. Propiedades más importantes de las cajas de texto............33

II.4.i.1. Cajas de texo de múltiples líneas ......................................35

II.5. Botón de comando (CommandButton).....................................35

II.5.i. Propiedades destacadas de los botones de comando...........36

II.5.i.1. Botones con gráfico .........................................................36

II.5.i.2. El foco en los controles....................................................37

II.5.i.3. Botón Predeterminado.....................................................38

II.5.i.4. Tecla de Acceso Rapido a un Control ................................38

II.6. Cuadro de imagen (PictureBox).............................................39

II.6.i. Propiedades importantes del cuadro de imagen.................39

II.6.i.1. Ajustar el tamaño del control ...........................................40

II.7. Control imagen (Image).........................................................40

II.7.i. Propiedades importantes de los controles Image...............40

II.8. Cargar y mostrar formularios con Show.................................41

II.8.i. Instrucciones Load y Unload ............................................43

Introducción a los Controles Básicos en Visual Basic Mg. Ing. Fátima Martínez

Página 22

II.9. Ejercicios prácticos ..............................................................46

II.10. Ejercicios propuestos ......................................................49

PROGRAMADOR UNIVERSITARIO LABORATORIO II - VISUAL BASIC

AÑO 2008

C A P I T U L O I I Página 23

Mg. Ing. Fátima Martínez

II. INTRODUCCIÓN A LOS CONTROLES BÁSICOS

II.1. Los controles

Los controles son objetos que disponen de sus propias propiedades y métodos, y cuya utilidad es la de facilitar el desarrollo de aplicaciones. Los básicos son

los que se usan habitualmente: los botones de comando, las cajas de texto, las etiquetas, los botones de opción, etc.

Los controles que Visual Basic carga por defecto son los que aparecen en la Caja de Herramientas (Toolbox), como se muestra en la imagen. Moviendo el ratón por encima de cualquier control aparecerá una leyenda indicando el control de que se trata. Estos son:

Aunque estos son los más utilizados y por eso aparecen por defecto, existen muchos más controles. Para introducir nuevos componentes se ejecuta del Menú Proyecto → Componentes… con lo cual se abre el cuadro de diálogo Componentes desde donde se seleccionan los nuevos controles. Otras maneras para abrir dicho cuadro de diálogo son:

Control Descripción Control Descripción

• Label Etiqueta • Timer Control de tiempo (Reloj)

• TextBox Cuadro de Texto • DriveListBox Lista de Unidades de Discos

• PictureBox Cuadro de Imagen • DirListBox Lista de Directorios

• Frame Marco • FileListBox Lista de Archivos

• CommandButton Botón de Comando • Shape Formas

• CheckBox Casilla de Chequeo • Line Línea

• OptionButton Botón de Opción • Image Imagen

• ListBox Cuadro de Lista • Data Datos

• ComboBox Cuadro Combinado • OLE Contenedor OLE

• HScrollBar Barra de desplaz. horizontal • VScrollBar

Barra de desplaz. Vertical


Página 24

• Pulsar la combinación de teclas CTRL + T .

• Del menú contextual que aparece sobre la caja de herramientas seleccionar Componentes.

En principio cada objeto de Visual Basic debe tener un nombre, por medio del cual se hace referencia al mismo. Ese nombre puede determinarlo el usuario aunque Visual Basic asigna uno por defecto a cada control. El nombre por defecto hace referencia al tipo de control y va seguido por un número que incrementa a medida que se van introduciendo más controles de ese tipo al formulario.

Para asignar nombre a los controles existe una convención ampliamente aceptada se utilizan las tres primeras letras en minúscula que indican el control, seguido de otras letras (la primera en mayúscula) libremente escogida por el usuario, que deben hacer referencia al uso de ese control.

La tabla siguiente presenta las abreviaturas de los controles más usuales:

Abreviatura Control Abreviatura Control

• chk CheckBox • cbo Combo y Drop-ListBox

• cmd CommandButton • dir DirListBox

• drv DriveListBox • fil FileListBox

• frm Form • fra Frame

• hsb HorizontalScrollBar • img Image

• lbl Label • lin Line

• lst List • mnu Menu

• opt OptionButton • pct PictureBox

• shp Shape • txt TExtEditBox

• tmr Timer • vsb VerticalScrollBar

Los controles poseen gran cantidad de propiedades, métodos y eventos.

II.1.i. Propiedades

Como ya se ha mencionado las propiedades son características particulares de los controles que los diferencian unos de otros. Las propiedades más generales son forma, color, tamaño, etc. Por ejemplo si hablamos de una silla, ésta tendrá propiedades como el material, número de patas, tamaño, forma del asiento, etc.


AÑO 2008



Los valores de las propiedades de un control seleccionado se almacenan dentro de cada control o formulario en forma de estructura (similar a las del lenguaje C).

El valor concreto de una propiedad de un objeto se llama estado. Para acceder al estado de un objeto, ver su valor o cambiarlo, se utiliza el operador punto (.) después del nombre del objeto; luego del punto, el nombre de la propiedad.

• Si se trata del objeto Silla, sus propiedades podrían ser

Silla.Material = Madera

Silla.Patas = 4

Silla.Tamaño = 1,5

• Si se trata del objeto fracción utilizado en un programa de matemáticas, sus propiedades serían numerador y denominador y sus estados 1 y 3 para la fracción 1/3 .

Las propiedades pueden ser observadas y modificadas, en tiempo de diseño, desde la ventana de propiedades y en tiempo de ejecución en el código Basic.

Por ejemplo la etiqueta (Label), un control de VB, tiene la propiedad Caption.

Para determinar la propiedad Caption de la etiqueta (Label): Label1.Caption = “Hola Mundo”

A. Constantes

Son valores numéricos o cadenas de texto que hacen referencia a un estado.

En el formulario la propiedad Color puede tomar el valor vbBlack.

Se puede colocar su cadena de texto correspondiente a dicho estado o su valor numérico que es la forma abreviada.

Nota: Las constantes se identifican en el Examinador de Objetos por la

figura

Nota las propiedades se identifican en la codificación por la figura


Página 26

II.1.ii. Métodos

Son funciones propias de cada objeto. Así como las propiedades afectan cómo son los objetos, los métodos afectan el comportamiento de éstos en un programa y sólo se los utiliza en tiempo de ejecución. Para hacer referencia a un método se indica con el nombre del objeto y el nombre del método separados por el operador punto (.)

Tiene la forma Objeto.Método [Valor].

El valor es opcional y depende del método que se esté utilizando.

Entre las acciones que puede realizar el objeto Silla se tienen: • inclinarse, volver a su posición inicial, subir o bajar su cabecera,

moverse de un lado a otro. Así podemos llamar los siguientes métodos de Silla:

Silla.Inclinar(20°); Silla.Volver Puede tener más de un valor:

Silla.Mover(3mts adelante, 2mts hacia la derecha)

Por ejemplo el control Formulario tiene un método para ocultarlo: Hide.

Entonces para ocultar el formulario llamado Form1: Form1.Hide

II.1.iii. Eventos

En general, para programar ejemplos sencillos en Visual Basic, se procede de la siguiente manera:

• Se definen interactivamente sobre el formulario los controles que van a constituir la aplicación.

• Se define para cada control el código con el que se va a responder a cada uno de los eventos. Para ello se hace doble clic sobre el control y se abre una ventana de código en donde aparece el comienzo y el final de una función con la cual va a responder al evento.

Los eventos son sucesos a los que debe responder el programa. No todos los controles soportan los mismos eventos, algunos poseen ciertos eventos que no se encuentran disponibles en los demás.

Cada evento tiene un procedimiento en donde escribir el código necesario, la secuencia de comandos. Este procedimiento se llama con un nombre que se

Nota: los métodos se identifican en la codificación por la figura


AÑO 2008



forma a partir del nombre del objeto seguido de un guión bajo (_) y el nombre del evento.

El evento Click de un botón tendría el siguiente procedimiento Private Sub Command1_Click()

Comando1 Comando2 …

End Sub

Los controles de un formulario pueden eliminarse seleccionando el control y pulsando la tecla Delete (Supr).

Al eliminar el control sólo se borra el objeto, pero el código asociado al mismo permanece aunque nunca se ejecute.

Para saber qué evento puede recibir un control determinado se lo selecciona y se pulsa <F1>. De esta manera se abre la ventana del Help que explica el control y permite acceder a los eventos que soporta.

II.2. Formularios

Se trata de un control especial con sus propiedades, eventos y métodos, que se emplea para contener los controles más comunes con los que se construyen las aplicaciones textbox, label, commandbutton, etc...

La mayor parte del código que se necesita escribir para los formularios corresponde a su carga y presentación, lo cual resulta sencillo sobre todo cambiar su apariencia.

Por lo general la apariencia de los formularios se define en tiempo de diseño por medio de sus propiedades.

Nota Dentro de los paréntesis se indican los parámetros si es que el evento tiene alguno.

Nota: los eventos se encuentran en el Examinador de Objetos

identificados por la figura rayo .


Página 28

II.2.i. Propiedades más importantes de los formularios

Varios controles comparten propiedades similares con los formularios. Las presentes en la Tabla de Propiedades siguiente son las más importantes de los formularios y algunas son comunes a otros controles.

Propiedad Descripción

BackColor Color de fondo del formulario. BorderStyle Determina el estilo del borde del formulario y otras características más. Caption Texto que aparece en barra título del formulario.

ControlBox Propiedad booleana. Establece si está habilitado (True) el cuadro de control que aparece a la izquierda.

Enabled Propiedad booleana. Establece si el control está habilitado para responder a los eventos.

Font Selecciona la fuente del texto de los objetos del control. ForeColor Establece el color que tendrá la letra al escribir en el formulario. Height Determina la altura del control.

Icon Despliega un icono a la izquierda de la barra de título del formulario. Permite elegir un archivo .Ico a utilizar para representar al formulario.

Left Establece la distancia izquierda entre un objeto y su contenedor.

MaxButton Propiedad booleana. Determina si el formulario posee el botón de maximizar.

MinButton Propiedad booleana. Determina si el formulario posee el botón de minimizar.

Moveable Determina si el formulario puede ser movido o no por el usuario. Name Nombre del control, necesario para identificar el control.

Picture Despliega un gráfico de fondo (bmp, gif, jpg, ico y wmf) en los formularios.

Top Establece la distancia superior entre un objeto y su contenedor. Visible Propiedad booleana. Determina si el control se encuentra visible. Width Determina el ancho del control. WindowState Establece el estado del formulario en tiempo de ejecución.

En un formulario, la unidad de medida de las propiedades Heigh, Width, Top y Left es el twips que equivale a 1/20 parte el punto de la impresora. Su tamaño físico varía en función de la resolución de pantalla

II.2.ii. Personalizar la barra de título

La barra de título de los formularios (Ventana) tiene un título (el nombre de la ventana), un cuadro de control (menú que se accede mediante un icono), y los botones para minimizar, maximizar y cerrar la ventana.


AÑO 2008



• Cuadro de control: es un MENÚ alternativo que permite modificar el tamaño o la posición del formulario y cerrarlo. Para activarlo se debe hacer clic en el icono que lo representa. Mediante la propiedad ControlBox = True se activa el menú en el formulario; ControlBox=False lo desactiva.

El icono del cuadro de control, represente de la aplicación o formulario, puede ser modificado mediante la propiedad Icon. Visual Basic posibilita navegar por el disco y buscar un archivo de extensión .ICO a utilizar.

• Nombre de la ventana: se puede cambiar utilizando la propiedad Caption, cuyo valor puede ser cualquier cadena de caracteres.

• Botones de Minimizar, Maximizar: las propiedades MaxButton y MinButton permiten definir si el formulario tendrá los botones de Maximizar y Minimizar.

II.2.iii. Estilos de borde

La propiedad BorderStyle controla además si el formulario puede o no cambiar de tamaño, la altura de la barra de título y los botones que aparecen en la misma. Los formularios tienen seis estilos de borde. Sus valores posibles:

Valor Efecto

0 El formulario no posee borde, barra de título ni botones de control.

1 Borde de línea fina. El usuario no puede cambiar el tamaño del formulario.

2 El formulario tiene barra de título y botones de control, y el usuario puede modificar su tamaño.

3 Borde fijo y los usuarios no pueden cambiar su tamaño. Los botones Maximizar y Minimizar no pueden estar en la barra de título.

4 Borde fino y la barra de título aparece reducida. Es ideal para crear barras de herramientas.

5 Es igual a la opción anterior, excepto que tiene un borde modificable.

Cuadro de control.

Botones de minimizar, maximizar, cerrar.

Nombre de la Ventana


Página 30

II.2.iv. Colores para un control

Las propiedades BackColor y ForeColor permiten seleccionar los colores para el fondo y el frente del formulario y de cualquier otro control. Admiten un número que representa al color, por ejemplo el azul está representado por el &HFF0000& en hexadecimal o 16711680 en decimal. No obstante en tiempo de diseño no es necesario conocer estos números. En la ventana de propiedades, al modificar dichas propiedades aparece una lista de colores a seleccionar. En ésta aparecen dos fichas: Sistema que contiene colores relativos que cambian según la configuración del sistema desde el Panel de control de Windows; Paleta que brinda colores específicos, no importa cómo sea la combinación de colores de Windows.

Además es posible seleccionar los colores de fondo y de frente en la paleta de colores accedida desde el menú Ver → Paleta de colores.

Una alternativa para seleccionar un color en tiempo de ejecución es usando las constantes de color de Visual Basic, estas son:

Ejemplos de asignación de colores:

1. Form1.ForeColor = vbYellow color de frente amarillo

2. Form1.BackColor = vbGreen color de fondo verde

Las constantes representan colores rígidos, por lo que no son tan usadas. Gracias a la función RGB para representar los colores como una combinación de un valor de rojo, verde y azul (un número que va desde el 0 hasta el 255 para cada color), es posible crear colores personalizados.

La sintaxis es la siguiente: RGB (rojo, verde, azul) .

ColorFondo = RGB(192, 192, 192) ‘asigna a una variable

un color gris, partes iguales de rojo, verde y azul

Form1.BackColor = ColorFondo ‘establece el color de fondo

definida por esa variable

II.2.v. Unidades de medida

La propiedad ScaleMode permite seleccionar una unidad de medida para ubicar y definir el tamaño de los controles en el formulario. Por defecto es el twip pero puede cambiarse a píxeles, centímetros, caracteres, etc. Si se

Valor Constante

0 vbBlack

255 vbRed

65280 vbGreen

65535 vbYellow

16711680 vbBlue

16711935 vbMagenta

16776960 vbCyan

16777215 vbWhite


AÑO 2008



cambia a píxeles todas las medidas: Left, Top, Width y Height de todos los objetos del formulario estarán expresados en píxeles.

Relacionadas a esta propiedad existen otras: ScaleLeft, ScaleTop, ScaleWidth, ScaleHeight que permiten crear un sistema personalizado de coordenadas.

II.2.vi. Estado de un formulario

La ventana puede tomar tres estados: Minimizado, Maximizado y Normal. La propiedad que determina los estados es WindowState.

Sus valores posibles: 0 (Normal), 1 (Minimizado), 2 (Maximizado).

Form1.WindowState = 1 ‘aparece un botón en la barra de Tarea de

Windows que representa dicha ventana minimizada.

II.3. Etiquetas (Label)

Una etiqueta es un control que permite presentar un texto. La etiqueta se usa generalmente en aquellos casos en los que exista una información estática que no deba ser cambiada por el operador, es decir son útiles para introducir leyendas, títulos o presentar resultados. No obstante el texto de la propiedad más importante Caption (texto que aparece sobre el control), puede ser modificado no en forma interactiva sino desde el programa: Label1.Caption = “Hola Mundo”.

Puede adoptar la apariencia con borde tridimensional, borde plano o sin borde, con un color de fondo y su texto puede estar alineado justificado a la izquierda, a la derecha, o centrado. Las propiedades que regulan esto son Alignment, Appearance, BorderStyle y BackStyle.

1

1. Ejemplo de las propiedades que

controlan la apariencia

2

3


Página 32

3

4

II.3.i. Propiedades más importantes de las etiquetas

Además de las propiedades presentadas en la Tabla de Propiedades anterior, el control Label posee entre otras, las siguientes:

Propiedades Definición Alignment Justificación Appearance Apariencia: Plana o tridimensional Autosize Propiedad booleana. True : adapta su tamaño al texto. BackStyle Tipo de fondo: Opaco o transparente. BorderStyle Tipo de borde: Sin borde o con borde.

Caption Título: Es el texto de la etiqueta. Se cambia en tiempo de ejecución. Es el control adecuado cuando se quiere presentar un texto que no se pueda cambiar por el operador.

DataField / DataSource

Establecen la base de datos y el campo donde está el texto Datos que se llevará a la propiedad Caption. Estas propiedades permiten presentar los datos de una Base de Datos.

Index Índice: Si varias etiquetas realizan una función similar puede hacerse un arreglo con etiquetas. Todas con el mismo nombre y diferente índice.

ToolTipText Establece un texto contextual que aparece cuando se coloca el puntero del mouse sobre el control.

WordWrap

Propiedad Booleana. Propio para un texto que supera el ancho del control. Su valor indica si el control con el valor True en su propiedad AutoSize se expande verticalmente para adaptarse al texto. Esta propiedad puede cambiarse en tiempo de ejecución. True: El control Label se expande verticalmente para adaptarse al texto y al tamaño de la fuente. False (Predeter.) El texto no se ajusta a la siguiente línea, pero el control se expande horizontalmente para adaptarse a la longitud del texto y verticalmente se adapta al tamaño de la fuente.

Nota: Si se establece AutoSize = False, el texto siempre se ajustará a la línea siguiente, independientemente del tamaño del control Label y del valor de la propiedad WordWrap. Pero puede ocultar parte del texto, ya que el control Label no se expande en ninguna dirección.


AÑO 2008



II.3.i.1. Etiquetas de múltiples líneas

Las etiquetas pueden contener múltiples líneas. Si se establece AutoSize=True se puede agregar en el texto los caracteres de retorno de carro/nueva línea. Visual Basic proporciona una constante predefinida para introducir estos caracteres: vbCrLf. Según el siguiente ejemplo:

Private Sub Form_Load() Label1.Caption = “Pra. línea” & vbCrLf & “Sgda. línea”

End Sub

Al ejecutar la aplicación aparece en la ventana el texto en dos líneas.

II.4. Cajas de Texto (TextBox)

Las cajas de texto son los controles en los que se presenta o introduce textos, por lo tanto es un control bidireccional. Sirven por excelencia, para la introducción de información por parte del usuario. Se los denominan también campos de edición o controles de edición.

Para cambiar o escribir un texto en una caja de texto, basta con conseguir que esa caja de texto tenga el foco y teclear el texto en el teclado. El foco (Ver II.4.i.2) se logra haciendo click con el ratón en esa caja de texto, o tecleando [T A B ] , o bien por programa.

La caja de texto no se debe usar nunca para presentar textos que el operador de la aplicación no deba cambiar, para ello están las etiquetas, control unidireccional que además tiene la ventaja de ocupar menos memoria de programa.

Las cajas de texto pueden tener una o varias líneas y su capacidad máxima es de 64 Kbytes.

II.4.i. Propiedades más importantes de las cajas de texto

El control TextBox posee ciertas propiedades similares a las de Label. Entre otras propiedades más destacadas de las que dispone se indican las siguientes:

Propiedades Definición

Alignment Alineación que tendrá el texto dentro del control. Para que funcione la propiedad MultiLine debe estar con el valor True.

Enabled Propiedad Booleana. False: impide el acceso a la caja de texto.

Locked Propiedad Booleana. True: bloquea el control, es decir, la caja es sólo de lectura. Sirve para utilizar el control como salida de datos así el usuario


Página 34

Propiedades Definición no puede modificarlo por error.

MaxLength Limita el número de caracteres que puede tener la caja de texto en el área de edición. Acepta valores numéricos.

MultiLine Propiedad Booleana. Permite que introduzcamos varias líneas de texto en el control en lugar de sólo una.

PasswordChar Permite usar caracteres especiales cada vez que se muestra o se escribe en la caja de texto. Combinada con MaxLenght es útil para contraseñas.

Text Es el texto que el usuario ve o escribe en el control.

ScrollBars Permite controlar el que aparezcan ninguna, una o las dos barras de desplazamiento de la caja. En 0 no admite ninguna de estas barras.

El valor de MultiLine no se puede cambiar en tiempo de ejecución mediante código, únicamente hay que establecerla desde la ventana de propiedades, ya que es una propiedad de solo lectura.

Locked = True

1 MultiLine = False

2. Ejemplo de las propiedades que manejan múltiples líneas 2 MultiLine = True

MultiLine = True

3 ScrollBars = 1- Vertical

4 ScrollBars = 2- Horizontal

5 ScrollBars = 3- Both

Nota: si MultiLine = False, no admite ninguna de las barras de desplazamiento aunque ScrollBars tenga un valor distinto a 0.

Nota: la función de PasswordChar es ocultar el verdadero contenido del TextBox1. Para establecer el caracter a mostrar solo debemos indicarlo en la propiedad, pero funciona únicamente con Multiline = False.


AÑO 2008



La propiedad más importante del TextBox es Text. En tiempo de ejecución se la suele llamar para conocer el texto que el usuario ha ingresado o modificado; por ejemplo: txtNombre.Text.

Muchos controles como la caja de texto tienen una propiedad predeterminada que no hace falta que se la nombre para trabajar. En la caja de texto es Text, en las etiquetas es Caption.

Así txtNombre.Text sería lo mismo que txtNombre

II.4.i.1. Cajas de texo de múltiples líneas

Las Cajas de Texto pueden contener múltiples líneas si se establece AutoSize=True.

• En la propiedad Text se tiene:

• Se despliega en el botón 6 y se escribe el texto.

• Para que aparezca en múltiples líneas se presiona la combinación de teclas Ct r l + E n t e r al finalizar cada línea.

II.5. Botón de comando (CommandButton)

Su finalidad es de generar acciones cuando se hace clic sobre ellos. Estos son los botones típicos que se ven en todas las aplicaciones de Windows, se usan para iniciar, interrumpir o detener procesos, por ejemplo los botones ACEPTAR y CANCELAR . Son los botones a los cuales recurre el usuario para realizar funciones de una aplicación sin tener que acceder a ningún menú1.

1 Birnios, B. y Birnios, M.; 2003; “Microsoft Visual Basic 6.0. Manual de Referencia”; Manuales USERS; MP Ediciones; Buenos Aires – Argentina; p. 106.

Nota: No se deben confundir las propiedades Locked y Enabled. Locked no crea el efecto atenuado de Enabled y permite seleccionar y copiar el texto, mientras que Enabled no permite trabajar de ninguna manera con el control.


Página 36

El tamaño puede cambiarse a voluntad, pero la forma siempre es rectangular. En la figura se muestran dos botones de comando. Los puntos marcados en su contorno del Command2, permiten variar su tamaño en tiempo de diseño. También en tiempo de ejecución puede cambiarse su tamaño mediante las propiedades Hight y Width para el ancho y alto y Top y Left para la posición.

Se puede añadir un botón de comando para salir de la aplicación sin pulsar sobre la Ï de la esquina superior derecha. Pero además de introducir este control con el texto Salir en su propiedad Caption, habrá que asociarle un código que permita salir de la aplicación en el evento que por excelencia es Click.

3. Ejemplo de Botón Salir

II.5.i. Propiedades destacadas de los botones de comando

Las propiedades de este control son prácticamente similares a la de otros controles, como por ejemplo Caption, Font, BackColor, Visible, Enabled, etc.

II.5.i.1. Botones con gráfico

Una cualidad interesante de este control es que puede contener gráficos, no sólo texto.

Para ello están las siguientes propiedades:


Style Propiedad Booleana. Determina si el botón es estándar o gráfico. Sus posibles valores son 0 – Standard y 1 – Graphical.

Picture Contiene la imagen a mostrar en el caso de que un botón sea de estilo gráfico.

DisabledPicture Establece la imagen a mostrar cuando el botón está deshabilitado: Enabled = False

DownPicture Fija la imagen a mostrar cuando el botón se mantiene presionado.


AÑO 2008



II.5.i.2. El foco en los controles

Frecuentemente todas las acciones se realizan con el mouse, pero a veces es necesario moverse por teclado y el foco resulta un buen indicador del objeto actual.

La mayoría de los objetos poseen un foco cuyo objetivo es poder trabajar con el control mediante el teclado. En el entorno de Microsoft Windows, solamente una ventana, un formulario o un control tienen esta capacidad simultáneamente. Se distingue al objeto que "tiene el foco" por tener un recuadro punteado alrededor del control. Se puede establecer el foco tanto por el usuario como por la aplicación.

En un formulario, sólo un botón de comando puede tener el foco. Así, si cualquier control del formulario tiene el enfoque al presionar la tecla [En te r ] llama al evento clic del nombre del control. La propiedad que lo determina: TabIndex y está en relación con otra: TabStop.


TabIndex Devuelve o establece el orden de tabulación de la mayoría de los objetos dentro de su formulario primario. Es un número entero entre 0 y (n–1), donde n es el número de controles del formulario con esta propiedad.

TabStop Propiedad Booleana. Especifica si un objeto se incluye o no en el orden de tabulación. Si es False el control se pasa por alto con la tecla [T A B].

De forma predeterminada, Visual Basic asigna un orden de tabulación a los controles cuando se van agregando a un formulario. Cada control nuevo se sitúa en el último orden de tabulación. Se puede modificar en tiempo de diseño o en tiempo de ejecución, el valor de la propiedad TabIndex. Cuando se altera su valor para cambiar el orden predeterminado, Visual Basic renumerará automáticamente la propiedad TabIndex de los controles restantes para reflejar las inserciones y eliminaciones.

Para quitar un control del orden de tabulación se establece su propiedad TabStop en False aunque sigue manteniendo su posición en el orden de tabulación actual, el control es saltado al ir de un control a otro con la tecla [T a b ] , pero aún puede recibir el enfoque usando el mouse.

Nota: El estilo Graphical permite también cambiarle el color del fondo al botón de comando, además las propiedades Picture, DisabledPicture y DownPicture sólo tienen efecto en este estilo es decir cuando Style = 1 .


Página 38

4. Ejemplo de TabIndex y TabStop

Botón Mensaje:

Botón Salir:

También se puede utilizar un método llamado SetFocus que permite ubicar el foco en un objeto el cual debe estar, necesariamente, visible. Su sintaxis: objeto.SetFocus.

II.5.i.3. Botón Predeterminado

Relacionado con el foco de los botones, otra propiedad a mencionar es Default. Establece un valor que determina qué control CommandButton es el botón de comando predeterminado en un formulario. Sólo un botón de comando de un formulario puede ser el botón predeterminado. Cuando Default se define a True para un botón de comando, se define automáticamente a False para el resto de los botones de comando del formulario. Así, si cualquier control del formulario tiene el foco al presionar la tecla [En te r ] llama al evento clic del nombre del control. Cualquier otro control que tuviera el enfoque no recibe evento de teclado (KeyDown, KeyPress o KeyUp) de la tecla [ E n t e r ] a menos que el usuario haya movido el enfoque a otro botón de comando del mismo formulario. En este caso, al presionar [En te r ] se elige el botón de comando que tiene el foco en lugar del botón de comando predeterminado.

II.5.i.4. Tecla de Acceso Rapido a un Control

Si el control tiene la propiedad Caption, los caracteres “&” que aparezcan en el texto de esa propiedad definen al caracter siguiente como tecla de acceso. El signo “&” no aparece en la interfaz del control.

Esto significa que se puede asignar una tecla de acceso rápido para seleccionar el control y de esta manera el control recibirá el enfoque cada vez que se oprima [A L T ] + [Tec ladeAcceso ] .

En el ejemplo anterior el valor de la propiedad Caption es la cadena Salir, para definir la tecla S como la de acceso rápido, se establece la propiedad Caption = &Salir. El texto del control es Salir. En tiempo de ejecución al presionar [Alt]+[S] se ejecuta el evento asignado.


AÑO 2008



II.6. Cuadro de imagen (PictureBox)

El control PictureBox se utiliza para mostrar y cargar archivos de imagen, también para dibujar figuras mediante los métodos gráficos, y también como control contenedor de otros controles. Otra opción que ofrece es la posibilidad de escribir sobre él mediante el método Print.

Los formatos compatibles con este control son los archivos imágenes JPEG, formato de intercambio gráfico (GIF), mapa de bits (BMP), íconos (ICO), cursores (CUR), metarchivo estándar de Windows (WMF) o mejorados (EMF).

II.6.i. Propiedades importantes del cuadro de imagen

La imagen a mostrar en tiempo de diseño o de ejecución se determina mediante la principal propiedad del control: Picture. En tiempo de diseño, al hacer clic en el botón Visual Basic presenta un cuadro de diálogo que nos permite navegar por el disco en busca de una imagen para especificar la ruta y el nombre de la imagen (Ejemplo: “C:\Windows\ Aros.bmp”).

En tiempo de ejecución tiene asociado un método llamado LoadPicture, en el cual se debe indicar la ruta del archivo a cargar.

Para cargar un archivo de imagen llamado mariposa.gif que está ubicado en la unidad d:\ cuando le damos un Click a un botón de comando se tiene:

Si se desea quitar la imagen mostrada en el control se debe dejar en blanco el valor pasado a la función: pctImg.Picture = LoadPicture("")

5. Ejemplo completo.


Página 40

II.6.i.1. Ajustar el tamaño del control

Una desventaja que tiene este control es que el tamaño de la imagen no se puede adaptar al tamaño del control, pero mediante una de las más importantes propiedades del cuado de imagen: AutoSize, es posible adaptar o ajustar automáticamente el tamaño del control a las dimensiones de la imagen. Sus posibles valores son True y False.

Si AutoSize = True el control se autoajusta al tamaño de la imagen.

II.7. Control imagen (Image)

Al igual que los cuadros de imagen PictureBox, el control Image también se utiliza para mostrar imágenes y acepta los mismos formatos clásicos como: gif, bmp, jpg, ico, cur, wmf, etc... Algunos, como los tif, no son aceptados por este control.

En comparación con el control PictureBox, el control Image tiene muchas menos características que este, por ejemplo una de ellas es que no se pueden utilizar los métodos gráficos para dibujar sobre el mismo, tampoco es un contenedor de controles como si lo es el PictureBox. Por lo tanto el control Image consume menos recursos que un control Picture.

II.7.i. Propiedades importantes de los controles Image

Para controlar la apariencia de una imagen usando el control Image, existen las propiedades: Picture, BorderStyle, Appearance y Strech. Salvo la última, las tres primeras son comunes a los controles anteriores. La diferencia fundamental radica en que este control puede reducir el tamaño de la imagen para adaptarlo

6. Ejemplo de AutoSize.

Nota: cuando la propiedad Visible de un control se establece en False para ocultarlo, en realidad el control está cargado, no es que desaparezca de la memoria o del programa, simplemente está oculto.


AÑO 2008



al tamaño del control, lo que no sucede con el control PictureBox. La propiedad para ello es Strech la cual controla el estiramiento de la imagen, es decir si

debe ajustarse al tamaño del control que la contiene. Si Stretch = True la imagen cambia su tamaño para adaptarse al control. Si Strech = False el control cambia de tamaño adaptándose al tamaño de la imagen.

Una imagen se carga al control Image igual que en el control PictureBox, mediante el método LoadPicture, en tiempo de ejecución.

Dim Ruta as String ‘La ruta de la imagen en el disco Ruta = “d:\compu.gif” Image1 = LoadPicture(Ruta)

II.8. Cargar y mostrar formularios con Show

Cada formulario de un proyecto Visual Basic existe en su propio archivo en disco.

En un proyecto de formulario único, el formulario se carga y se presenta cuando arranca el programa. Para un proyecto de múltiples formularios, el formulario de arranque designado se carga y se presenta cuando el programa se inicia.

Por defecto, el programa considera como formulario principal el que se haya creado primero (Form1). El resto de formularios que se incluyan en el programa serán cargados en su momento, a lo largo de la ejecución del programa.

Un programa siempre debe tener un formulario principal, que es el que aparece al arrancar el programa. Se puede indicar cuál es el formulario principal en el

7. Ejemplo de AutoSize.

Nota: La propiedad Picture es la propiedad por defecto, por lo tanto no es

necesario indicársela al control Image.


Página 42

menú Proyecto → Propiedades de Proyecto, en la ficha General, en el cuadro de texto Objeto Inicial.

Presentar un formulario en la pantalla requiere dos pasos:

1. Cargar el formulario del disco a la memoria.

2. Presentar el formulario.

Cargar un formulario y visualizarlo son dos cosas diferentes, por ejemplo, el método Show, se utiliza para visualizar un formulario. Si el formulario todavía no ha sido cargado, Show lo carga automáticamente.

Show realiza dos acciones:

→ carga el formulario si aún no estaba cargado y

→ muestra el formulario en pantalla.

Su sintaxis es: formulario.Show [estilo], [padre]

Los parámetros:

• Estilo (opcional): es un número entero 0 (normal) o 1 (modal).

• Padre (opcional): se utiliza para indicar si la ventana está contenida dentro de otro formulario (relación padre-hijo). Es muy útil para crear barras de herramientas, no obstante generalmente no se la usa.

• Cuando se muestra un formulario en forma modal, el control del programa permanece en él hasta que éste se cierre.

• En un formulario en forma normal los usuarios pueden moverse libremente por todos los formularios activos, sin necesidad de cerrarlos obligadamente.

Suponemos un formulario denominado frmPrueba:

frmPrueba.Show 1

Este ejemplo carga en memoria el formulario frmPrueba y lo muestra en pantalla en forma modal.

Nota: formulario modal es ideal cuando se desea que los usuarios no abandonen el mismo antes de completar las acciones que le corresponden.

Nota: formulario es el nombre del formulario; es opcional, si se omite se muestra el formulario activo.


AÑO 2008



Asociado al método Show existe otro que realiza lo contrario: Hide. Este quitará el formulario de pantalla pero NO de memoria, es decir lo oculta temporalmente, sin descargarlo, para luego seguir trabajando con él.

Su sintaxis: objeto.Hide

II.8.i. Instrucciones Load y Unload

Se puede usar la sentencia Load para cargar un formulario en memoria sin

mostrarlo como lo hace Show. Su sintaxis: Load nombreformulario

Puede utilizarse también para otros controles. Su sintaxis: Load objeto

Dos casos, en que Load es útil son:

• Si se desea que el procedimiento de evento Load del formulario se ejecute sin que se presente, utilizar la sentencia Load.

• Si el formulario es complejo (si tiene muchos controles y/o realiza procesamientos complejos en su procedimiento de evento Load), usar la sentencia Load para cargar el formulario antes de que se necesite visualizarlo. Los formularios complejos se visualizan más deprisa si han sido cargados con anticipación.

Load frmPrueba

Este ejemplo carga en memoria el formulario frmPrueba pero no lo muestra. Después de cargarlo se ejecutará el evento Form_Load de frmPrueba (que ejecutará el código de dicho procedimiento).

Para descargar un formulario que no necesitamos cuando se quiere liberar memoria o inicializar todas las propiedades del formulario a sus valores originales se usa la sentencia Unload.

Su sintaxis: Unload nombreformulario


Página 44

8. Ejemplo de las sentencias Load y Unload y de los métodos Show y Hide.

Private Sub cmdCarga_Click() Load frmSegundo End Sub

Private Sub cmdDescar_Click() Unload frmSegundo End Sub

Private Sub cmdMostrar_Click() frmSegundo.Show End Sub

Private Sub cmdOculta_Click() frmSegundo.Hide End Sub

Private Sub cmdSalir_Click() End End Sub

9. Ejemplo de los Métodos Show y Hide.

• Primer formulario donde llama a un segundo formulario desde el botón de comando flecha.


AÑO 2008



I. Formulario 1: Eje1_holaMundo.frm Objetos

1) Imagen 1: Image1 i) DataFormat: Imagen ii) Picture: Boton023.bmp iii) Strech: True

2) Imagen 2: Image2 i) DataFormat: Imagen ii) Picture: mundo-gris.bmp iii) Strech: True

3) Imagen 3: Image3 i) DataFormat: Imagen ii) Picture: Flech016.bmp iii) Strech: True

4) Etiqueta 1: Label1 i) BackStyle: Transparente ii) Caption:

5) Etiqueta 2: lbl2 i) BackStyle: Transparente ii) Caption: Mostrar

Código de los Procedimientos

Private Sub Command1_Click() Label1.Caption = "HOLA MUNDO!!" End Sub

Private Sub Image1_Click() Label1.Caption = "HOLA MUNDO!!" End Sub

Private Sub Image3_Click() Form1.Show Eje.Hide End Sub

Private Sub Label2_Click() Label1.Caption = "HOLA MUNDO!!" End Sub


Página 46

• Segundo formulario regresa al primero mediante un botón de comando.

II. Formulario 2: Regresa.frm Objetos

6) Botón de comando: Command1 i) Style: 1 ii) Picture: Boton261.bmp iii) Strech: True

7) Etiqueta 1: label1 i) Alignement: Center ii) Apereance: Flat iii) AutoSize: True iv) Caption: Haga clic en el botón v) Font: Arial Black, 10

8) Etiqueta 2: lbl1 i) Alignement: Center ii) Caption: iii) Font: Arial Black, 12

Código del Procedimiento

Private Sub Command1_Click() Eje.Show Form1.Hide End Sub

II.9. Ejercicios prácticos

Eje.1) La siguiente aplicación suma el contenido de dos cajas de texto y muestra el resultado en otra caja de texto.

Pasos a seguir:

a) Inserte tres etiquetas y tres cajas de texto en el formulario tal como se ven en la imagen siguiente.


AÑO 2008



b) Inserte dos botones de comando como se muestra en la figura.

c) Para cada control establezca las propiedades siguientes:

Control Name Caption Text Font Label1 lblPrim Primer valor 10, Negrita Label2 lblSeg Segundo valor 10, Negrita Label3 lblRes Resultado 10, Negrita Text1 txtPrim vacío 10, Negrita Text2 txtSeg vacío 10, Negrita Text3 txtRes vacío 10, Negrita Command1 cmdSuma &Sumar 12, Negrita Command2 cmdCerrar &Cerrar 12, Negrita Form1 Form1 Suma dos números

El aspecto del formulario es el siguiente:

d) Haga doble clic en el botón Sumar y en el evento Click escriba la siguiente

línea de código dentro del procedimiento:

Private Sub cmdSuma_Click() txtRes.Text = Val(txtPrim.Text) + Val(txtSeg.Text) End Sub

N Nota: La sintaxis Val(txtPrim.Text) indica que el contenido de la caja de texto será tratado como número y no como cadena de texto.

e) Haga doble clic en Form1 de la ventana de proyecto para salir de la ventana del editor de código y volver al formulario.

f) Haga doble clic en el botón Cerrar y en el evento Click escriba:

Private Sub cmdCerrar_Click() End End Sub

g) Guarde la aplicación desde el menú Archivo → Guardar proyecto. Escriba el nombre del formulario (*.frm) y el nombre para el proyecto (*.vbp).

h) Ejecute la aplicación pulsando [F5].


Página 48

i) Introduzca valores en las cajas de texto y haga clic en el botón [Sumar].

j) Para salir haga clic en el botón [Cerrar].

Eje.2) La siguiente aplicación calcula el Área de un triángulo, los datos pedidos son la Base y la Altura. El botón Calcular es un botón predeterminado es decir el evento click, que tiene programado se ejecuta al presionar la tecla [Enter]. El botón Salir termina la aplicación presionando la tecla [Esc].

Pasos a seguir:

a) Inserte tres etiquetas y tres cajas de texto en el formulario.

b) Luego inserte tres botones de comando.

c) Las propiedades de los controles son las siguientes:

Control Name Caption Text Default Cancel TabIndex Label1 lblBase Base= Label2 lblAltu Altura= Label3 lblResu Resultado= Text1 txtBase vacío 0 Text2 txtAltu vacío 1 Text3 txtResu vacío 2 Command1 cmdCalcular &Calcular True 3 Command2 cmdBorrar &Borrar 4 Command3 cmdSalir &SALIR True 5 Form1 AREA

d) Reubique los controles de tal manera que quede de la siguiente manera:

e) Haga doble clic en el botón Borrar y en el evento Click escriba la siguiente línea de código dentro del procedimiento:

Private Sub cmdBorrar_Click() txtBase.Text = “” txtAltu.Text = “” txtResu.Text = “” txtBase.SetFocus ‘pone el foco en el 1º cuadro de texto


AÑO 2008



End Sub

f) Salga del editor y regrese al formulario. Haga doble clic en el botón Calcular y en el evento Click escriba:

Private Sub cmdCalcular_Click() 'Calcula la base del triángulo txtResu = Val(txtBase) * Val(txtAltu) / 2 cmdBorrar.SetFocus 'pone el foco en el botón de Borrar End Sub

g) Salga del editor y regrese al formulario. Haga doble clic en el botón SALIR y en el evento Click escriba:

Private Sub cmdSalir_Click() End End Sub

h) Guarde la aplicación desde el menú Archivo → Guardar proyecto. Escriba el nombre del formulario (*.frm) y el nombre para el proyecto (*.vbp).

i) Ejecute la aplicación pulsando [F5].

j) Introduzca valores en las cajas de texto y haga clic en el botón Calcular o presione [Enter]. Introduzca el 1º valor y para pasar a la siguiente caja de texto presione la tecla [Tab], compruebe que funciona la secuencia de la tabulación.

k) Para salir haga clic en el botón SALIR o presione [Esc].

II.10. Ejercicios propuestos

Eje.1) Cree una aplicación con dos botones de comando uno para mostrar el mensaje “Hola a todos” y otro para salir de la aplicación. Considere que en tiempo de ejecución, el tamaño del formulario ni su posición, puedan ser modificados. Incorpore una imagen de fondo al formulario.

Eje.2) Cree una aplicación que cambie el color de fondo de un botón de comando cuando se hace clic en otro botón de comando. Considere que la barra de título del formulario no tenga el cuadro de control.

Eje.3) Cree un programa que permita copiar el texto ingresado en una caja de texto a una etiqueta mediante un botón de comando y además permita limpiar ambas mediante otro botón de comando. La aplicación debe tener un botón para salir. Considere poder ingresar un texto que supere el ancho de los controles. Determine para la caja de texto barra de desplazamiento vertical para poder leer el texto completo.

Eje.4) Cree una aplicación que calcule el cociente y el resto de la división del contenido de dos cajas de texto y muestre cada uno en una caja de


Página 50

texto diferente. Agregue un botón para limpiar los contenidos de las cajas de texto y además incorpore un botón para salir con una imagen alusiva. Considere que el botón de la División sea el predeterminado y se pueda pasar al botón de Limpiar y de allí al botón de Salir mediante la tecla [Tab].


AÑO 2008



RECURSOS EN INTERNET

Nombre Dirección

Aprenda Visual Basic 6.0 http://www.esnips.com/doc/a1f3a80f-ec28-4d6f-8691-84e59aec86fd/GuiaVB_6; (accedido 03/08/2007)

Aprenda Visual Basic 6.0 como si estuviera en Primero

http://www.tecnun.es/asignaturas/Informat1/ayudainf/aprendainf/VisualBasic6/vbasic60.pdf; (accedido 10/03/2007)

Control Image - Control de imagen

http://www.recursosvisualbasic.com.ar/htm/tutoriales/control-image.htm; (accedido 02/08/2007)

Controles Básicos http://members.tripod.com/~MoisesRBB/controle.htm; (accedido 10/07/2007)

Curso Básico de Programación en Visual Basic. Definición de controles más habituales

http://www.elguille.info/vb/cursos_vb/basico/basico21.htm; (accedido 07/07/2007)

Introducción al desarrollo con Visual Basic

http://www.cs.us.es/cursos/ai-2003/VB/VB.pdf; (accedido 14/07/2007)

Qué es la programación orientada a objetos

http://www.desarrolloweb.com/articulos/499.php; (accedido 03/08/2007)

Visual Basic - Guía del Estudiante Cap. 2

http://www.monografias.com/trabajos2/guiavb/guiavb.shtml; (accedido 10/07/2007)

Visual Basic 6. Programación Orientada a Objetos

http://www.lawebdelprogramador.com/cursos/enlace.php?idp=2175&id=93&texto=visual+basic (accedido 10/03/2007)


Página 52

1. Cuando se muestra un formulario en forma modal: a) El control del programa permanece en él hasta que éste se cierra. b) Los usuarios pueden moverse libremente por los otros formularios activos sin

necesidad de cerrarlo. c) Los usuarios pueden realizar distintas acciones en otros formularios de la

aplicación.

2. El evento Load sirve para: a) Cargar en memoria y mostrar un formulario. b) Cargar en memoria un formulario sin mostrarlo. c) Mostrar un formulario.

3. ¿Dónde se colocan los controles? a) En la ventana del proyecto. b) En el formulario. c) En la caja de herramientas.

4. El texto del título del formulario se modifica mediante: a) Propiedad Caption. b) Propiedad Text. c) Con un doble clic sobre el formulario.

5. La propiedad de un control en tiempo de ejecución se convoca mediante: a) La ventana Propiedades. b) El menú Edición. c) El NombreControl.Propiedad.

6. Para poder ingresar un texto en la etiqueta que supere el ancho del control se estable la propiedad:

a) Autosize = True. b) Multiline = True. c) Alignment = True.

7. Para centrar un texto se utiliza: a) BorderStyle b) Alignment c) Appearance

8. El control Image ha diferencia con la caja de imagen: a) Permite utilizar métodos gráficos para dibujar sobre él. b) No permite que la imagen se adecue al tamaño del control. c) No es un contenedor de controles.

9. La propiedad AutoSize se utiliza para: a) Determinar automáticamente el tamaño del formulario. b) Guardar automáticamente el proyecto. c) Ajustar el tamaño de un control PictureBox al tamaño de la imagen que

despliega.

10. Un botón de comando predeterminado tiene la propiedad: a) Cancel = True. b) Default = True. c) Enabled = True.

cap2-controlesbas

Documents

Transcript of cap2-controlesbas