REVISANDO EL ENTORNO DE INTERFAZ GRÁFICA DE USUARIO

...

- Es importante que antes de iniciar con la programación, cada control que conforma el formulario, tenga un nombre que el propio programador haya elegido.

NOTA: puede ignorar a los controles que no tienen relevancia con la funcionalidad del proyecto.

- De manera semejante a lo que se realizó cuando cambiamos el texto que contenían las etiquetas y los botones, debemos utilizar la ventana de propiedades; en esta ocasión la propiedad que nos interesa es [pic 21], en esta propiedad debemos escribir los nombres de cada uno de los controles; estos nombres serán los siguientes:

CONTROL

NUEVO NOMBRE

CONTROL

NUEVO NOMBRE

TextBox1

txtNombre

DateTimePicker1

DTPNacimiento

Button1

btnMostrar

Button2

btnSalir

Label3

lblVivido

Form1

frmInicio

Existe una convención ampliamente aceptada para nombrar a los controles que es la siguiente: se utilizan siempre letras minúsculas que indican el tipo de control, seguidas por otras letras (la primera mayúscula, a modo de separación) libremente escogidas por el usuario, que tienen que hacer referencia al uso que se va a dar a ese control. La Tabla siguiente muestra ejemplos de los controles más comunes, junto con la nomenclatura inglesa de la que derivan.

ABREVIATURA

CONTROL

ABREVIATURA

CONTROL

btn

button

lst

ListBox

chk

checkBox

opt

option button

cmb

comboBox

pic

pictureBox

frm

form

rad

RadioButton

gpo

Groupbox

tim

timer

lbl

label

txt

TextBox

De aquí en adelante usted debe darle nombre a sus objetos, procurando utilizar la nomenclatura inglesa.

- Queremos que cuando se cargue el formulario, este inicie como se muestra en la Figura siguiente:

[pic 22]

Figura: Ventana que observa el usuario

- Para ello selecciona el formulario y hacemos doble clic en él; se mostrará una nueva ventana, en este caso la ventana de código asociada con el formulario que tenemos en nuestro proyecto. Nos mostrará:

[pic 23]

Figura: Vista de código

- Cuando en los formularios, nosotros pulsamos doble clic en el botón, o en cualquier otro objeto, aparece un fragmento de código. VB .NET interpreta que se quiere poner código para realizar alguna acción cuando se realice el evento sobre el objeto (clic, doble clic, presionar una tecla, etc.); por lo tanto muestra el "procedimiento" o parte de código que se va a ejecutar cuando suceda esto. A esta forma de trabajar se le llama programación orientada a eventos. Por ejemplo, “cuando se produzcan el evento de pulsar el botón (click) ejecuta el código”.

- Por lo tanto vemos que los controles además de tener propiedades (que modifican su aspecto) también atienden a una serie de eventos. Los eventos a los que atienden los controles los podemos ver en la ventana de propiedades, seleccionando el icono correspondiente y dando doble clic al evento que deseamos tener acceso.

[pic 24]

Figura: Vista de eventos de un control determinado desde la ventana de propiedades

- Hay otra forma de acceder a los eventos de los controles. Ir a la vista del código del formulario pulsando en el botón de código, que se muestra en la Figura siguiente

[pic 25]

Figura: Acceso a los eventos de un control desde el explorador de soluciones

- Llegaremos otra vez a la ventana del código de la figura Vista de código

- Identifica los desplegables que se indican en la figura siguiente. En estos podrás observar los objetos que están contenidos en el formulario, así como los eventos asociados al objeto seleccionado.

[pic 26]

Figura: Identificación de objetos y métodos desde la vista de código

- En la figura anterior nos indica, en la parte superior encerrada en rojo, que estamos trabajando con el objeto llamado “frmInicio” y estamos en el evento “Load”.

- Escriba el código siguiente, entre el espacio dejado por Visual Basic entre las líneas que hay entre

Private Sub frmInicio_Load(ByVal…

y la línea

End Sub

Ver figura anterior.

Código que debes escribir:

txtNombre.Text = "Escribe aquí tu nombre"

txtNombre.BackColor