1. Introducción a Visual Basic Mat204 F4
1
Capítulo 4
4. Introducción a Visual Basic
4.1 Objetivos
Esta guía busca principalmente 2 objetivos:
Iniciar al estudiante en el lenguaje de programación Visual .Net.
Conocer y utilizar los objetos básicos de programación en Visual .Net.
4.2 Motivación
Hasta el momento se han creado algoritmos en Diagramas de FLujo, donde todavía no se ha
utilizado el computador para crear programas reales, en este sentido ahora solo resta su
traducción a algún lenguaje de programación. Para este curso se seleccionó Visual Basic, ya que
el mismo se caracteriza principalmente por su accesibilidad y sencillez.
4.3 Elementos del Ambiente Visual Basic
4.3.1 Abrir y Crear un nuevo proyecto
Simplemente debe Iniciar Visual Basic desde
Menu Inicio ( Escriba)
Microsoft Visual Studio 2010
Una vez se abra el programa busque la opción: Nuevo Proyecto
Menu Archivo Nuevo Proyecto
En la ventana que abre seleccione:
Visual Basic Windows Aplicación de Windows Forms. (Escriba el nombre)
Click en botón aceptar
2. Introducción a Visual Basic Mat204 F4
2
Aparecerá un nuevo proyecto con el formulario en blanco listo para que diseñe su programa.
4.3.2 Configuraciones de entorno
a. Ir al Menú Herramientas y seleccionar Opciones.
Proyectos y Soluciones Valores predeterminados de VB
Option explicit ON
b. Visualizar las 4 zonas de trabajo de visual Basic:
1. Ver Explorador de soluciones
i. Menú Ver
ii. explorador de proyectos
2. Ver Propiedades
Menú Ver
ventana de propiedades
3. Ver el formulario
Menú Ver
Diseñador
4. Ver cuadro de herramientas
Menú Ver
Cuadro de herramientas
4.3.3 Ventana editor de código
Para ver esta ventana código fuente que se encuentra atrás del formulario:
Menú Ver Codigo
Public Class Form1
End Class
Otra forma es darle botón derecho de mouse sobre cualquier zona en blanco del formulario
y seleccionar del menú ver código.
4.3.4 Grabar el proyecto
Esto se hace en la opción de Menú Archivo Guardar todo Aparecerá una ventana
pidiendo indique donde guardar el proyecto, luego preguntara por el o los formularios que
tenga su proyecto. Se aconseja que en este punto usted siga los siguientes pasos:
4.3.4.1 Cree una carpeta solo para el proyecto
Intente grabar el proyecto con: el nombre, la ubicación en disco y tickear la opción:
Crear directorio para la solución.
4.3.5 Hacer un programa ejecutable
Menu Generar Generar nombreproyecto.exe.
3. Introducción a Visual Basic Mat204 F4
3
Aparecerá un asistente para grabar el programa con la extensión .exe.
4.4 Variables en Visual Basic
Para declarar variables en visual basic se usa la instrucción Dim. Asi por ejemplo:
Dim nombre as string ‘Cadena de caracteres
Dim edad as integer ‘Entero
Dim sueldo as float ‘Real
4.5 Objetos Basicos de VB
Al acabar esta práctica será capaz de construir aplicaciones sencillas en Visual Basic que
utilicen los siguientes objetos:
1 Form: Pantalla El formulario es una pantalla sobre la que se
colocan otros objetos.
2 Label: Salida Etiquetas para poner nombres a objetos y zonas de
un formulario.
3 TextBox: Entrada Caja de texto para introducir información en la
aplicación, o extraer información
4 Button: Proceso Botón para ordenar acciones
5 DataGridView: Entrada/Salida Objeto para manejar grupos de datos en filas y
columnas.
Asi mismo podrá hacer uso de 2 elementos directos para entradas y salidas del
algoritmo.
1 MsgBox Salida Caja que Permite salida de mensajes.
2 InputBox Entrada Caja que Permite entrada de un dato al programa.
4.5.1 Form (Formulario)
Propiedades Eventos
Nombre Descripcion Valor Nombre Descripcion
Name Nombre Principal Form_Load Esto ocurre cuando el formulario
aparece en pantalla
Text Texto Prueba 1 Form_Click Esto ocurre cuando el usuario hace
un click sobre el formulario
BackColor Color Fondo vbBack
VbBlue
VbYellow
4.5.2 Label (Etiqueta)
Propiedades Eventos
Nombre Descripcion Valor Nombre Descripcion
Name Nombre Label1 MouseMove Esto ocurre cuando el mouse se
mueve sobre la etiqueta
Text Texto Introduzc
a un valor
BackColor Color Fondo vbBack
4. Introducción a Visual Basic Mat204 F4
4
VbBlue
VbYellow
4.5.3 Text (Caja de Texto)
Propiedades Eventos
Nombre Descripcion Valor Nombre Descripcion
Name Nombre Text1 Changed Esto ocurre cuando se cambia el
valor de la caja de texto
Text Texto 123 Click Esto ocurre cuando se hace un
click sobre la caja de texto.
BackColor Color Fondo vbBack
VbBlue
VbYellow
4.5.4 Button (Boton de comando)
Propiedades Eventos
Nombre Descripcion Valor Nombre Descripcion
Name Nombre Command1 Click Esto ocurre cuando se hace un
click sobre El botón
Text Texto Calcular DblClick Esto ocurre cuando se hace Dos
Click sobre el boton
Enabled Color Fondo True
False
4.5.5 DataGridView (Grilla)
Propiedades Eventos
Nombre Descripcion Valor Nombre Descripcion
Name Nombre Grid1 Click Esto ocurre cuando se hace un
click sobre el DataGridView
ColumnCount Número de
columnas
5 DblClick Esto ocurre cuando se hace Dos
Click sobre el DataGridView
RowCount Nùmero de
filas.
3
ReadOnly Solo Lectura False
True
Item Celda 5.6
4.5.6 InputBox
Propiedades
Nombre Descripcion Ejemplo
InputBox Caja de Entrad Dato= InputBox(”Mensaje”, “Titulo”, valor)
Titulo Es el titulo de la ventana
Mensaje Describe para que es la entrada de
información.
5. Introducción a Visual Basic Mat204 F4
5
Valor Dato por defecto para el Input.
Dato Valor de la Informacion de entrada.
4.5.7 MsgBox
Propiedades
Nombre Descripcion Ejemplo
MsgBox Caja de salida Msgbox(mensaje,TipoBoton ,titulo)
Titulo Es el titulo de la ventana MsgBox(mensaje)
Mensaje Describe para que es la
entrada de información.
TipoBoton Valor de la Informacion de
entrada. Por ejemplo:
Vbokonly
4.6 La aplicación más simple
Hallar el Area de un triangulo. El algoritmo debe pedir al usuario los datos que le falten para
Calcular el área de un triangulo.
Paso 1. Análisis del Problema
Entrada Proceso Salida
Base: Numerico Real
Altrua: Numerico Real
Area = (Base * Altura )/2
Area: Numerico Real
Paso 2. Diseño del algoritmo
Inicio
Leer
Base, Altura
Area= (Base*Altura)/2
Mostrar
Area
Fin
6. Introducción a Visual Basic Mat204 F4
6
Paso 3. Prueba y Validación
Base
Altura Area Pantalla
5 2 5 5
Paso 4. Programar en Visual .Net
1. ABRIR VISUAL .NET Y CREAR UNA NUEVA APLICACIÓN PARA WINDOWS FORM
2. GRABAR TODO
3. VERIFICAR CONFIGURACIÓN DE ENTORNO
4. DISEÑAR EL FORMULARIO
4.1 Entradas:
4.1.1 Arrastrar al formulario Label1 y TextBox1
Label1.Text : Base
4.1.2 Arrastrar al formulario Label2 y TextBox2
Label2.Text : Altura
4.2 Salidas:
4.2.1 Arrastrar al formulario Label3 y TextBox3
Label3.Text : Area
TextBox3.ReadOnly : True
4.3 Proceso:
4.3.1 Arrastrar al formulario Button1
Button1.Text : Calcular
5. CODIFICAR EN VISUAL BASIC
5.1 Doble Click sobre el Button1 -> Debe escribir lo que esta en el diagrama de flujo
traducido a visual basic.
Public Class Form1
Private Sub Button1_Click(ByVal sender As System.Object, ByVal e AsSystem.EventArgs) Handles Button1.Click
Dim area As Double, base As Double, altura As Double
base = TextBox1.Text
altura = TextBox2.Text
area = base * altura
area = area / 2
TextBox3.Text = area
End Sub
End Class
5.2 No olvide subir con el cursor a la línea UNO para escribir
Option Explicit On
7. Introducción a Visual Basic Mat204 F4
7
6. Grabar el proyecto
7. EJECUTAR EL PROYECTO -> DIGITE TECLA F5 O CLICK EN BOTON
4.7 Una aplicación solo con InputBox y MsgBox
Tomando el ejemplo 5.6 A partir del paso 4
Paso 4. Programar en Visual .Net
Doble Click sobre el Formulario -> Debe escribir lo que esta en el diagrama de flujo
traducido a visual basic.
Public Class Form1
Private Sub Form1_Load(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles MyBase.Load
Dim area As Double, base As Double, altura As Double
base = InputBox("Introduzca la base", "Area Triangulo", 0)
altura = InputBox("Introduzca la altura", "Area Triangulo", 0)
area = base * altura
area = area / 2
MsgBox(area, MsgBoxStyle.OkOnly, "Area del Triangulo")
End Sub
End Class
5.3 No olvide subir con el cursor a la línea UNO para escribir
Option Explicit On
4. Grabar el proyecto
5. EJECUTAR EL PROYECTO -> DIGITE TECLA F5 O CLICK EN BOTON