VISUAL BASIC 2010

CONTENIDO DEL DOCUMENTO

1 MICROSOFT VISUAL STUDIO...................................................................................................................................... 2

2 INICIAR UN NUEVO PROYECTO .................................................................................................................................. 2

3 PARTES DE LA VENTANA............................................................................................................................................ 3

4 CONTROLES COMUNES.............................................................................................................................................. 5

5 OBJETOS Y SUS PROPIEDADES PRINCIPALES .............................................................................................................. 7

6 AGREGAR IMÁGENES PARA EL PROYECTO (MY.RESOURCES) ..................................................................................... 8

7 CAMBIAR NOMBRE AL FORMULARIO ...................................................................................................................... 10

8 AGREGAR NUEVO ELEMENTO AL PROYECTO ........................................................................................................... 10

9 FUNCIÓN VAL .......................................................................................................................................................... 10

1 MICROSOFT VISUAL STUDIO

Microsoft Visual Studio es un entorno de desarrollo integrado (IDE) para sistemas operativos Windows. Se utiliza para programar aplicaciones Windows y que se incluye en varias aplicaciones Microsoft.

CONCEPTOS DE VISUAL BASIC

Para entender mejor la manera cómo opera el lenguaje de programación Visual Basic for Application, es necesario estudiar un poco acerca de la teoría relacionada con la programación orientada a objetos:

Objeto: Un objeto es cualquier formulario y controles que forma parte de la aplicación, que tiene asociado un conjunto de métodos, eventos y propiedades. Las propiedades se pueden considerar como atributos de un objeto, los métodos como sus acciones y los eventos como sus respuestas.

Propiedades: Son los atributos o características de un objeto, como son su altura, su ancho, color de fondo, color de la letra, entre otras.

Método: Los métodos son funciones internas de un determinado objeto que permite realizar funciones sobre él o sobre otro objeto. Se le conoce como aquello que el objeto puede hacer. Por ejemplo para un formulario tenemos el método Hide que hará que el formulario se oculte

El método Show que hará que el formulario se vuelva a mostrar El método close que hará que el formulario se cierre.

Evento: Un evento es una acción que sucede en un objeto, decimos también que es un proceso que ocurre en un momento no determinado causando una respuesta por parte de un objeto. Por ejemplo Un botón incluye MouseClick, MouseDoubleClick, MouseEnter, MouseLeave, MouseWheel, MouseMove y MouseHover. Los eventos por lo general reciben nombres muy intuitivos, para hacer la lectura del código de Visual Basic más fácil.

2 INICIAR UN NUEVO PROYECTO

Pasos 1. Ingresar al aplicativo

2. Dar clic en nuevo

proyecto

3. Ubicarse en Visual Basic

4. Escoger Aplicación de

Windows Forms

5. En nombre asignar un nuevo nombre al proyecto

NOTA: Preste mucha atención al seleccionar la carpeta donde se ubicará el proyecto

3 PARTES DE LA VENTANA

BARRA DE HERRAMIENTAS ESTÁNDAR

Contiene los botones que permiten acceder de manera inmediata a las opciones más comunes del visual Basic. Para mostrar la barra de herramientas estándar dar clic derecho en la barra de título y escoger la barra de herramientas que se desea.

CUADRO DE HERRAMIENTAS

Contiene todas las herramientas que se necesitan para desarrollar las aplicaciones. Se encuentran agrupadas por categorías como son:

Para mostrar el cuadro de herramientas

clic en el icono de la barra de herramientas estándar

Menú ver – cuadro de herramientas La combinación de teclas ctrl + alt + x

Formulario Explorador

de

soluciones

Propiedades Cuadro de

herramientas

Barra herramientas

estándar

Lista de errores y resultados

EXPLORADOR DE SOLUCIONES

Utilice el Explorador de soluciones para administrar elementos de solución o proyecto y navegar por el código, permite interactuar en modo diseño y en modo código. Para mostrar el Explorador de soluciones:

clic en el icono de la barra de herramientas estándar

Menú Ver Explorador de soluciones

Combinación de teclas CTRL + ALT + L El Explorador de soluciones le ayuda a hacer lo siguiente:

Agregar proyectos a una solución Agregar elementos a un proyecto Copiar o mover elementos y proyectos Cambiar el nombre de las soluciones, los proyectos y los elementos Eliminar, quitar o descargar proyectos

VENTANA DE PROPIEDADES

Permite visualizar y modificar las propiedades para cada uno de los objetos. Muestra en la parte superior el nombre del objeto seleccionado. Las propiedades de los objetos se muestran organizadas alfabéticamente o por categorías como son: accesibilidad, apariencia, comportamiento, datos, diseño Para mostrar la ventana de propiedades:

Icono de la barra de herramientas estándar

Menú ver - ventana de propiedades

Tecla de función F4 FORMULARIOS

Es la ventana que más área de trabajo utiliza y la que habitualmente utilizaremos para introducir nuestros objetos y nuestro código. Por lo general llevan nombres como form1, form2, form3, etc., los cuales deben ser cambiados con nombres nemotécnicos. Para mostrar el código de un formulario:

Menú ver - código

Tecla de función F7

En Explorador de soluciones, dar clic en el icono "Ver código".

Las principales propiedades de un formulario son las siguientes:

Name: Se utiliza para ponerle nombre al formulario. Se usa anteponerle frm y a continuación el nombre deseado. Ejemplo: frmprincipal

BackColor: se utiliza para cambiar el color del fondo del formulario

BorderStyle: cambia el estilo de borde del formulario

BorderColor: Cambia el color del borde del formulario

Text: Cambia el título de la barra de títulos del formulario

BackGroundImage: permite insertar imagen de fondo al formulario

FormBorderStyle: Determina cómo se muestra el borde exterior del formulario. También permiten que no se cambie el tamaño del formulario. Por ejemplo, el estilo de borde FormBorderStyle.FixedDialog

Maximizebox Es una propiedad tipo booleano, se activa o desactiva el botón maximizar de la ventana

Minimizebox Es una propiedad tipo booleano, se activa o desactiva el botón maximizar de la ventana

4 CONTROLES COMUNES

Estos controles se encuentran dentro del archivo ejecutable de Visual Basic. Los controles stán siempre incluidos en el cuadro de herramientas.

Nombre de clase Representación gráfica prefijo Descripción

Button Botón de control

btn Ejecuta un comando o una acción cuando el usuario hace clic en él.

CheckBox Casilla de

verificación

chk Presenta una opción de tipo verdadero o falso.

CheckBoxListBox

clb Lista desplegable de elementos con sus casillas de verificación.

ComboBox Cuadro combinado

cbo Combina un cuadro de texto y un cuadro de lista.

DateTimerPicker

Selector de fecha y hora

dtp Muestra calendario desplegable con fecha y hora

Label Etiqueta

lbl Presenta texto con el cual el usuario no puede interactuar ni modificar.

LinkLabel Etiqueta de enlace

llbl Muestra cuadro de texto al estilo de página web.

Ver Código Ver Diseñador

ListBox Cuadro de lista

lsb Presenta una lista de elementos entre los que el usuario puede elegir.

MonthCalender Calendario

mnc Muestra candelario con fechas

Picturebox Caja de imágenes

pic Presenta mapas de bits, íconos o metarchivos de Windows y otros tipos de archivos gráficos compatibles. También presenta texto o actúa como contenedor visual para otros controles.

ProgressBar Barra de progreso

prb Permite medir el progreso de una tarea o proceso en nuestro programa.

RichTextBox Cuadro de texto

enriquecido

rtb Permite mostrar textos o archivos de manera amplia.

TextBox Cuadro de texto

txb Proporciona un área para escribir o presentar texto.

ToolTip Herramienta de

punta

ttb Sirve para orientar al usuario de la funcionalidad del control. Se activa al pasar el mouse sobre el control

WebBrowser Navegador Web

wbr Control de navegación en la web

COMPONENTES

Nombre de clase Representación gráfica prefijo Descripción

ImageList Lista de image

iml contiene una colección de imágenes que pueden utilizar otros controles comunes de Windows, específicamente los controles ListView, TreeView, TabStrip y Toolbar

Timer Barra de progreso

tmr Ejecuta eventos periódicos a intervalos de tiempo específicado..

CONTENEDORES

Nombre de clase Representación gráfica prefijo Descripción

GroupBox Grupo de controles

gpb Sirve para agrupar controles (por ejemplo botones de opción) dentro de un marco con etiquetas

TableLayoutPanel

Panel de diseño de tabla

tip Sirve para organizar controles, se pueden añadir filas o columnas para los controles

MENUS Y BARRAS DE HERRAMIENTAS

Nombre de clase Representación gráfica prefijo Descripción

ContextMenuStrip Menú contextual

Strip

cms Crea un menú que aparece cuando el usuario hace clic en un objeto con el botón secundario del mouse.

MenuStrip Menú Strip

mnu Permite el uso de una interfaz para crear un menú en tiempo de diseño

ToolStrip Herramientas Strip

tls son barras de herramientas capaces de hospedar menús, controles y controles de usuario en aplicaciones de Windows Forms

5 OBJETOS Y SUS PROPIEDADES PRINCIPALES

Para poner un objeto sobre el formulario, se debe hacer clic sobre él en el cuadro de herramienta y luego llevar el mouse hasta el formulario y hacer nuevamente clic; automáticamente aparecerá el objeto dentro del formulario. También con el mouse es posible moverlo para cambiar su ubicación o modificar su tamaño. Etiqueta (label): se utiliza para escribir títulos o rótulos sobre el formulario. Sus principales propiedades son: Name: Nombre de la etiqueta utilizado en el código para identificar el objeto.

Se utiliza lbl y a continuación el nombre. Ejemplo: lbltitulo

Autosize: Ajusta el tamaño de la etiqueta a la longitud del texto

BackColor: Color del fondo de la etiqueta

BackStyle: Estilo del fondo de la etiqueta

BorderStyle: Estilo del borde de la etiqueta

Text: Texto o título que mostrará la etiqueta

Font: Cambia el tipo, el tamaño y el estilo de la fuente (letra) de la etiqueta

ForeColor Cambia el color de la letra de la etiqueta

TextAlign Alinea el texto respecto al tamaño de la etiqueta (no funciona si se activó la propiedad Autosize)

Visible: Oculta (false) o pone visible (true) la etiqueta

Cuadro de texto (TextBox): se utiliza para capturar información desde el teclado. Las propiedades principales son:

Name: Nombre de la etiqueta utilizado en el código para identificar el objeto. Se utiliza txt y a continuación el nombre. Ejemplo: txtsalario

BackColor: Color del fondo del cuadro de texto

BackStyle: Estilo del fondo del cuadro de texto

BorderStyle: Estilo del borde del cuadro de texto

CharacterCasing: Permite que el ingreso de texto en el cuadro de texto se realice en mayúscula o minúscula

Enabled: Activa (true) o desactiva (false) el cuadro de texto

Font: Cambia el tipo, el tamaño y el estilo de la fuente (letra) del cuadro de texto

ForeColor: Cambia el color de la letra del cuadro de texto

Text: Hace referencia al contenido del cuadro de texto (lo que se digita)

TextAlign: Alinea el texto dentro del cuadro de texto

Visible: Oculta (false) o pone visible (true) el cuadro de texto

Botón de comando (Button): se utiliza para llamar un procedimiento cuando se activa el evento clic, doble clic o mousemove, entre otros.

Name: Nombre del botón utilizado en el código para identificar el objeto. Se utiliza btn y a continuación el nombre. Ejemplo: txtsalario

Autosize: Ajusta el tamaño de la etiqueta a la longitud del texto

BackColor: Color del fondo del botón de comando

BackStyle: Estilo del fondo del botón de comando

Text: Hace referencia al contenido del botón de comando

Visible: Oculta (false) o pone visible (true) el botón de comando

Caja de Imágenes (PictureBox):

Name: Nombre del picturebox utilizado en el código para identificar el objeto.

Se utiliza Pic y a continuación el nombre. Ejemplo: picfotos

BorderStyle: Estilo del borde de la caja de imágenes

Imagen Permite mostrar una imagen en el objeto picturebox.

6 AGREGAR IMÁGENES PARA EL PROYECTO (My.Resources)

En la carpeta My.Resources se guardan imágenes o archivos que queremos que siempre estén disponibles, ya que son recursos de nuestra aplicación. Para adicionar las imágenes se debe realizar el siguiente proceso:

Dar clic en el formulario, ir a la propiedad BackgroundImage En el caso de un objeto picturebox, ir a la propiedad imagen

Dar clic en el botón buscar que es un botón con tres puntos suspensivos,

Aparecerá una ventana, se debe seleccionar el botón de opción archivo de recurso del proyecto

Dar clic en el botón Importar… Elegir las imágenes que se desean, indicando su

ubicación

Debemos fijarnos que se creó una carpeta llamada RESOURCE como se muestra en la siguiente imagen:

ANEXAR ARCHIVOS AL PROYECTOS (RESOURCES) Esta opción también permite adicionar archivos al proyecto, esta es la opción más recomendada para su correcto proceso:

Activar el explorar de soluciones

Clic derecho en My project

Clic en opción abrir

En la pestaña que se abre dar clic en la opción recursos

Clic en agregar recurso

Clic en agregar archivo existente

Ubicar la ruta de los archivos, seleccionar los archivos y clic en el botón abrir

Cerrar la ventana

Clic en el botón si para guardar los cambios

NOTA: Recuerde que los nombres de los archivos no deben llevar espacios en blanco, ni tildes, ni caracteres especiales

7 CAMBIAR NOMBRE AL FORMULARIO

Activar el explorador de soluciones

Clic derecho sobre el nombre del formulario

Clic en la opción cambiar nombre.

En el cuadro de dialogo que pregunta si se desea cambiar también en este proyecto el nombre de todas las referencias al elemento de código..?, se responde que SI

NOTA: Recuerde que NO se puede eliminar la extensión del archivos (.vb)

8 AGREGAR NUEVO ELEMENTO AL PROYECTO

Para adicionar un nuevo elemento al proyecto como son:

Windows Form o (Formulario), Cuadro de acerca de….,

Pantalla de presentación, Formulario de Inicio de sesión,

entre otros se debe realizar los siguientes pasos:

Abrir el explorador de soluciones

Clic derecho sobre el nombre del proyecto

Clic en la opción agregar

Clic en la opción nuevo elementos…

9 FUNCIÓN VAL

Permite convertir un número en formato texto a una variable numérica, debido a que el contenido que introduce un usuario a través de un textBox tiene carácter de texto. Ejemplo de su utilización:

Private Sub Button1_Click(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles btnsumar.Click txtresultado.Text = Val(txtnum1.Text) + Val(txtnum2.Text) End Sub

EJERCICIO PRACTICO 1 Crear un Nuevo proyecto Windows Forms llamado PRACTICA1, para realizar las cuatro operaciones matemáticas básica.