3

Captulo 3

Programacin y Deseo de la interfaz del

usuario

Objetivos

Cambiar las propiedades del color de fondo de un objeto.

BackColor property
Andir imgenes a una caja de foto. (PictureBox)
Localizar y almacenar imgenes del WWW. (image )
Importar imgenes a los recursos del programa y ponerlas

en una carpeta. (Resources)

Cambiar el tamao de una imagen. (Size an image)
2

Continuacin: Objetivos

Establecer las propiedades visibles en las propiedades de la

ventana. (Visible property)
Asignar el permiso a la propiedades en las propiedades de la
ventana. (Enabled property)
Correr el programa de Visual Basic 2008.
Entrar u cdigo de Visual Basic 2008.
Entender los formatos de las declaraciones de la codificacin de
Visual Basic 2008. (code statement formats)

Continuacin: Objetivos

Utilizacin del sentido inteligente de Visual Basic 2008.

(IntelliSense)
Utilizar cdigos y establecer la propiedade de visibilidad a
un objeto. (Visible property)
Utilizar cdigos y establecer la propiedad permitir a un
objeto. (Enabled property)
Entrar comentarios en la codificacin de Visual Basic 2008.
(comments)
4

Continuacin: Objetivos

Corregir erroes de codificacin en Visual Basic 2008.

Escribir cdigos para utilizar el procedimiento de cerrar.
(Close( ) procedure)

Imprimir cdigos.
Preparar un plan de eventos. (Event Planning
Document)

Documento de planificacin de eventos

Codificacin del Programa

Despus de que los sucesos y tareas dentro de

los eventos han sido identificados, el
desarrollador est listo para trabajar con el
programa de codificacin.
El desarrollador entra en el cdigo
(Declaraciones de Visual Basic) e implementa
la lgica.

3 Propiedades de color de fondo

[form]
Haga Clicken la ventana del objeto de la forma Form object, para
seleccionarla la forma.

Si es necesario, desplcese en la ventana de propiedades Properties

window hasta que se despliegue BackColor property, entonces pulse la
columna derecha de las propiedades de BackColor.
Pulse la flecha de BackColor. Luego, si es necesario, pulse el Web tab
para desplegar la pestaa de pgina. (Web tabbed page)
Desplce se hasta encontrar el color deseado en la lista. Ejemplo:
Cornsilk.

Pulse el color seleccionado en la listas.

8

Propiedad de color de fondo

BackColor Property

Localizar y guardar una imagen de World Wide

Web

Abra su motor de bsqueda en la Internet browser. Luego entre en

la siguiente direccin en la caja de direccin Address box:
scsite.com/vb2008/ch3/images y presione la tecla de
ENTER.
Busque la imagen de StandardRoom.jpg, pulse el lado derecho
del ratn encima de la imagen.
Presione Save Picture As, en el men.
Identifique el lugar de almacenamiento y carpeta donde guardar la
imagen. Guarde la misma con el siguiente nombre:
StandardRoom.
Presione el botn de Save, para almacenar la imagen en lugar
seleccionado.
10

Localizar y guardar una imagen de World Wide

Web

11

Importar la imagen a la carpeta de recursos del

programa

Con Visual Studio 2008 y el programa de seleccin de Visual Basic de

Hotel Room Selection abierto, seleccione el objeto de PictureBox
picStandardRoom haciendo clic en l.
Desplcese en la ventana de Propiedades de PictureBox hasta que
la propiedad de la imagen est visible. Haga clic en el nombre de la
propiedad de imagen en la lista de la izquierda en la ventana
Propiedades.
Haga clic en el botn de puntos suspensivos Ellipsis button en la
columna derecha de la propiedad de la imagen.
Haga clic en el botn Importar Import button en el cuadro de
dilogo seleccione recursos Select Resource. Entonces, utilizando
las funciones del cuadro de dilogo Abrir, busque el archivo que
desea importar.
12

Importar la imagen a la carpeta de recursos del

programa

Haga clic en el botn Abrir en el cuadro de

dilogo Abrir.
Con el nombre de archivo StandardRoom
seleccionado en la lista de archivos de recursos
de proyecto, haga clic en el botn Aceptar (OK)
en el cuadro de dilogo Seleccionar recursos.

13

Tamao de una imagen

Con el objeto PictureBox que contiene la

imagen de StandardRoom seleccionada,
desplcese en el panel de propiedades de
picStandardRoom hasta que vea la propiedad
SizeMode. Pulse el nombre de la propiedad
SizeMode en la columna izquierda y luego haga
clic en la flecha de SizeMode en la columna
derecha de la propiedad SizeMode.
En la lista de SizeMode, haga clic en
StretchImage.
14

Tamao de la imagen

15

Propiedad de Visibilidad

Si es necesario, seleccione el objeto de

PictureBox de picStandardRoom.
Desplcese en el panel de Propiedades, hasta que
se muestre la propiedad visible Visible
property.
Pulse el nombre de la propiedad visible Visible
property en el panel de propiedades y luego,
haga clic en la flecha donde aparece visible en
la columna derecha del panel de propiedades.
Pulse False en la lista de Visible property.
16

Continuacin: Propiedad de
Visibilidad

17

Propiedad de habilitado
Enabled Property

Seleccione el objeto btnSelectRoom.

Desplcese en la ventana de propiedades hasta el
que se despliegue la propiedad de habilitado,
Enabled property.
Pulse Enabled property en la columna izquierda
del panel, y luego seleccione Enabled arrow en
la columan derecha de la propiedad de
habilitado, Enabled property.
Pulse False en lista de propiedades de
habilitado Enabled.
18

Propiedad de habilitado
Enabled Property

19

Ejecucin de un programa

Pulse el botn de Start Debugging en la barra

de herramientas standard, Standard toolbar

20

Introduccin de cdigo de Visual Basic para la

ejecucin de eventos

Con Visual Studio 2008 y el programa de

Hotel Room Selection y la pestaa de la
ventana visible de frmHotelRoomSelection.vb
[Design] abierto.
Apunto al botn Standard Room en el
objeto de la ventana de la formas, Windows
Form object.
Double-click el botn de Standard Room
Button.
21

Introduccin de cdigo de Visual Basic para el

control de eventos
Event Handling

22

Codificacin de las declaraciones de Visual

Basic 2008 Coding Statements

La sintaxis de Visual Basic, syntax especifica

cmo cada instruccin se debe escribir.
Cuando el usuario pulsa el botn de Standard
Room mientras el programa est mientras se
ejecuta el programa, se debe mostrar la imagen
de la habitacin estndar en el
picStandardRoom.

23

Formato general de una declaracin de Visual Basic

24

IntelliSense

IntelliSense muestra todas las entradas

permitidas que se pueden hacer en una
declaracin de Visual Basic, cada vez que se
escribe un punto, el signo igual o el otro carcter
especial requerido para la instruccin.
Debe utilizar la palabra, Me, seguida por un
punto antes del nombre del objeto, para obtener
ventajas completas de IntelliSense

25

Entrada de una declaracin de

Visual Basic

Con la ventana de cdigo abierta y el punto de insercin se

colocado en el lugar donde se entrar la declaracin de Visual
teclee me seguido por un punto.
Para identificar la entrada correcta, escriba las primeras letras de la
entrada hasta que la entrada sea seleccionada. En este caso, teclee
pics en el teclado.
Cuando IntelliSense resalta el nombre de objeto correcto, pulse la
tecla del teclado correspondiente a la entrada que sigue el nombre
del objeto, presione la tecla de punto, PERIOD.
Como con el nombre del objeto en el segundo paso, As with the
object name in the second step, el siguiente paso es entrar en uno
o ms caracteres hasta IntelliSense el cual pone de relieve la
propiedad deseada en la lista. Escriba la letra, v en su teclado.
26

Continuacin: Entrada de una

declaracin de Visual

Presione la tecla del caracter que sigue el nombre

de la propiedad. En este caso presiones la tecla
de SPACEBAR en el teclado.
Presione la tecla del signo de es igual en el
teclado y presione la barra espaciadora.
Teclee la t en el teclado.
Presione la tecla del caracter que sigue la entrada
de cierto, True. En este caso, presione la tecla
de ENTER.
27

Continuacin: Entrada de una

declaracin de Visual

28

3 Establecer la propiedad visible a falso

Con el punto de insercin en la segunda lnea de la ventana
de codificacin para la ejecucin del botn presione el botn
del evento del botn de Standard Room, teclee me. En
su teclado.
Teclee picd para resaltar la entrada de picDeluxeRoom
en la lista de IntelliSense.
Presione la tecla en el teclado para el carcter que sigue el
nombre del objeto. En este caso, presione la tecla del punto
PERIOD.
Presione la barra espaciadora SPACEBAR, presiones la
telca del signo de es igual EQUAL SIGN, y luego presione
la barra espaciadora SPACEBAR.
Teclee la letgra f y luego presiones la tecla de ENTER.
29

3 Establecer la propiedad visible a falso

30

Propiedad de Habilitar
Enabled Property

Teclee me , para desplegar la lista de IntelliSense.

Teclee btnse hasta que el IntelliSense resalte la
entrada de btnSelectRoom en la lista.
Teclee el punto, escriba la e, presione la barra
espaciadora SPACEBAR, presione la tecla del signo de
es igual EQUAL SIGN, presione la barra espaciadora
nuevamente SPACEBAR, y luego teclee la t para
seleccionar True en la lista de IntelliSense.
Presione la tecla de ENTER para introduzcir la
instruccin completada, site el punto de insercin en
la lnea siguiente.
31

Propiedad de Habilitar
Enabled Property

32

3 Comentarios en las declaraciones del

programa
Para insertar una lnea en blanco despus del
cdigo de evento generado por Visual Studio que
comienza con la palabra, Private, haga clic en
cualquier parte en esa lnea y a continuacin,
pulse la tecla de fin END key en el teclado.
Presione la tecla de ENTER.
Escriba la primera lnea de los comentarios,
comenzando con un apstrofo, y luego presiones
la tecla de ENTER.
33

3 Comentarios en las declaraciones

del programa

34

3 Comentarios en la misma lnea

35

3 Introduccin a los comentarios

Haga clic a la izquierda de la palabra, Public, on
line 1 in the program to place the insertion point
on that line
Press the ENTER key one time, and then press the
UP ARROW key one time
Type an apostrophe, a space, the text, Program
Name: and then press the TAB key one time

Type Hotel Room Selection as the name

of the program. Then, press the ENTER key
36

Introductory Comments

37

3 Correccin de los errores de la

codificacin

Utilizar IntelliSense reduce la probabilidad de

errores de codificacin considerablemente,
aunque an es posible codificar un error.
Un posible error puede ser olvidar un apstrofe en
una declaracin de un comentario.

Un mensaje de errores de compilacin significa

que el compilador de Visual Basic detect un
error de codificacin en el programa.
38

3Correccin de los errores de la

codificacin

39

3 Correccin de los errores de la

codificacin
Haga clic en el botn no en el cuadro de dilogo de
Microsoft Visual Studio que le informa de un error de
compilacin.
Haga doble clic en cualquier lugar en la lnea de error.

Haga clic en la columna izquierda de la lnea 7 para

colocar el punto de insercin en esa ubicacin.
Teclee el apstrofo.

Haga clic en cualquier parte en el ventana de edicin

de cdigo.
40

3 Correccin de los errores de la

codificacin

41

Otros eventos

En la pestaa de diseo de la pgina

frmHotelRoomSelection.vb [disign], haga doble
clic en el objeto de botn de la ventana de salida.

42

Procedimiento de cierre

Con el punto de insercin colocado como se

muestra en Figure 3-64, escriba me, para
desplegar la lista de IntelliSense. Teclee cl
para resaltar Close en la lista de IntelliSense.
Presione la telca de ENTER.

43

Impresin de cdigos

Haga Click en el men de File en la barra de men

para desplegar la men de File.
Haga Click en Printen el men de Filepara
desplegar el cuadro de dilogo de imprimir.
Asegrese de que aparece una marca de verificacin
en la casilla de verificacin incluir nmeros de lnea si
desea que los nmeros de lnea en la copia impresa. La
mayora de los desarrolladores prefieren nmeros de
lnea en los listados.
Realiza cualquier otra seleccin que considere
necesarios en el cuadro de dilogo imprimir.
Haga clic en el botn OK en el cuadro de dilogo
Imprimir para imprimir el cdigo
44

3 Documento de Planificacin de
eventos

45

Resumen

Preparar un documento de planificacin,

(evento).
Propiedades de color de fondo BackColor
Objeto de imgenes y cajas de fotos, Images/
PictureBox.
Imgenes de World Wide Web.
Carpeta de recursos del programa.
Tamao de imagen.
46

Resumen
Propiedadad de visibilidad.
Enabled property
Correr el programa de Visual Basic 2008.
Entrar cdigo de Visual Basic 2008.
Entender los cdigos de formatos de las
declaraciones de Visual Basic 2008.

47

Resumen

IntelliSense
Comentarios de los cdigos de Visual Basic
2008.
Corregir errores en Visual Basic 2008.
Procedimiento de cierre Close().
Cdigo de imprimir.

48