2-5-2017 Visual Studio

.NET
Guia Docente 2017

Ronald Sanchez Mora

Copyright
 Que es Visual Studio

Microsoft Visual Studio es un entorno de desarrollo integrado (IDE, por sus siglas en ingls) para
sistemas operativos Windows. Soporta mltiples lenguajes de programacin, tales como C+
+, C#, Visual Basic .NET, F#, Java, Python, Ruby y PHP, al igual que entornos de desarrollo web,
como ASP.NET MVC, Django, etc., a lo cual hay que sumarle las nuevas capacidades online bajo
Windows Azure en forma del editor Mnaco.

Visual Studio permite a los desarrolladores crear sitios y aplicaciones web, as como servicios web
en cualquier entorno que soporte la plataforma .NET (a partir de la versin .NET 2002). As, se
pueden crear aplicaciones que se comuniquen entre estaciones de trabajo, pginas web,
dispositivos mviles, dispositivos embebidos y consolas, entre otros.

Lo primero que vamos a hacer es crear un nuevo proyecto, para ello seguimos los siguientes pasos:

Archivo
o Nuevo Proyecto
o Aplicacin de Windows Form
o Elegimos una ubicacin
o Asignamos un nombre a nuestro proyecto
o Aceptar

Cuadro de Herramientas
Formulario
En el cuadro de herramienta encontramos todos los controles con los cuales podemos trabajar en
Visual Studio 2012 como por ejemplo: botones, textbox, CheckBox, DataSet, entre otros. Cada
control tiene una funcin especfica. Existe una terminologa para el uso de controles los cuales se
muestran a continuacin:

Objeto Visual Basic Prefijo Ejemplo

Barras de desplazamiento hsb, vsb vsbvertic, hsbhoriz
Botn de Comando cmd, btn cmdSalir, btnAdicionar
Botn de Opcin opt optSexo
Combo box Cbo cbolista
Cuadriculas, Grilla grd grdDatos
Cuadriculas MSFlexGrid msg msgProductos
Cuadro de dibujo pic dicDibujo
Cuadro de lista lst lstColores
Cuadro de Verificacin chk chkSonido
Cuatro de Texto txt txtCodigo
Etiqueta lbl lblOpciones
Datos dat datproductos
Formulario frm frmInicio
Imagen img imgLogotipo
Lneas lin linLinea
Lista de archivos fil filSource
Lista de directorios dir dirSourse
Lista de dispositivo drv drvTarget
Marco fra fraMarco
Men mnu mnuArchivo
OLE ole oleObject1
Panel pnl pnpPanel
Sombra shp shpCirculo
Temporizador tmr tmrTiempo
A continuacin, daremos clic sobre el formulario, visual studio automticamente nos va a generar el
siguiente cdigo:

Public Class Form1

Private Sub Form1_Load(sender As Object, e As

Doble Clic Handles MyBase.Load
EventArgs)

End Sub
End Class

Vamos a mostrar un comando en pantalla que diga Hola Mundo, el comando para mostrar un
mensaje en pantalla es MsgBox, adems entre parntesis se debe indicar entre comillas dobles el
mensaje que deseo mostrar, el segundo parmetro es que tipo de botn me va a mostrar, por
ejemplo, de exclamacin, de interrogacin, de error, botn de aceptar, entre otros

Resultado:

Para compilar y ejecutar un proyecto presionamos el siguiente botn

o la tecla F5

Adems todos nuestros proyectos se guardan por defecto en la carpeta Visual Studio
2012/Proyectos

Ahora vamos a probar los diferentes tipos de mensajes que podemos mostrar usando Visual Studio
2012.
Como se puede observar en el ejemplo, usamos tres parmetros:

1- El mensaje que mostraremos en la venta

2- El Tipo de ventana
3- El ttulo que tendr la ventana.

Variables y Tipos de Datos

Una variable est formada por un espacio en el sistema de almacenaje (memoria principal de un
ordenador) y un nombre simblico (un identificador) que est asociado a dicho espacio. Ese espacio
contiene una cantidad de informacin conocida o desconocida, es decir un valor.

Visual Basic permite no declarar una variable antes de ser usada. Por tanto, en cualquier punto de
un programa podramos escribir algo similar a Mostrar velocidad01, sin necesidad de haber
declarado la variable velocidad01. Qu nos mostrar si no hemos asignado contenido a la variable
velocidad01? Visual Basic es de los lenguajes que asignan automticamente contenido cero, vaco o
falso a una variable, dependiendo de qu tipo sea. Por tanto, se nos mostrara cero, , o falso.
Conocido que no es estrictamente obligatorio, nosotros vamos a trabajar con Visual Basic realizando
declaracin de variables siempre. Los motivos para ello ya han sido expuestos, pero podemos
resumirlos en:

Generar buenos programas.

Evitar errores y confusiones.

En cuanto a los tipos de variables, Visual Basic las clasifica en funcin del tipo de dato que contienen.
Veamos las ms usuales.
 TIPO DE ABREVIATURA MEMORIA RANGO DE EQUIVALENCIA OBSERVACIONES
DATOS REQUERIDA VALORES CON USADAS EN
PSEUDOCDIGO
Integer % 2 bytes 4 - 32768 a 32767 Entero Uso en contadores,
(Entero) bytes segn -2.147.483.648 a control de bucles etc.
versin 2.147.483.647
segn versin
Long & 4 bytes 8 - 2147483648 a Entero Igual que integer pero
(Entero bytes segn 2147483647 admite un rango ms
largo) versin -9,2E+18 a amplio
9,2E+18 segn
versin
Single ! 4 bytes - 3,41038 Real Hasta 6 decimales o
(Decimal a ms segn versin.
simple) 3,41038 Tambin admite
enteros
Double # 8 bytes - 1,7910308 Real Hasta 14 decimales o
(Decimal a ms segn versin.
doble) 1,7910308 Tambin admite
enteros
Boolean No tiene 2 bytes True Booleano False es el valor
(Booleano) o predeterminado y va
False asociado a cero
String $ 10 bytes + 1 0 Alfanumrica Texto de longitud
byte por cada a variable
carcter 2109 caracteres
Variant No tiene Variable Los del tipo double No tiene Admite nmeros
(Object en para nmeros o los enteros, decimales o
otras del tipo string para texto
versiones) texto

Lo primero que haremos ser crear un nuevo proyecto, y lo llamaremos Variables. Seguidamente
vamos a darle doble clic al formulario.

Estamos listos para empezar a trabajar con variables. Para crear variables en Visual Basic utilizamos
la siguiente sintaxis:
Dim nombre_variable As Tipo_dato
En el ejemplo anterior se pudo observar como una variable puede cambiar su valor durante la
ejecucin de un programa. Utilizamos como tipo de dato (integer), el cual se utiliza para nmeros
enteros.

Otro tipo de dato que podemos utilizar es double, cuando debemos trabajar con nmeros con
decimales entonces hacemos uso de este tipo de dato.

Ahora vamos a asignar un nuevo valor a la variable numero

Ahora vamos a trabajar con el tipo de dato String, para usar este tipo de datos debemos poner el
texto entre comillas cuando la declaramos.
En el ejemplo anterior se puede observar la forma en como concatenamos dos textos en el MsgBox,
usando el operador +.

El cuarto tipo de dato que veremos ser Date, al igual que el String este tipo de dato tambin debe
ir entre comillas y lleva un orden que sera dd/mm/yyyy.

Arreglos(Arrays)

Los arreglos funcionan similar a las variables, con la nica diferencia en que un arreglo puede tener muchos
espacios de memoria. El siguiente ejemplo muestra la creacin de un arreglo con un tamao de 4.

Cuando no queremos establecer de que tamao ser nuestro arreglo, lo hacemos de la siguiente manera:
Los arreglos tambin pueden ser redimensionados (cambiar el tamao inicial), esto se hace usando la palabra
reservada preserve.

Los arreglos multidimensionales son llamados matrices pueden ser de 2 hasta 32 dimensiones, para
crear una matriz se utiliza la siguiente sintaxis. Algo que debemos tener presente con los arreglos
multidimensionales es que debemos indicar la subposicion del arreglo.

El resultado en pantalla ser un 6.

En el ejemplo anterior se crea un matriz con un tamao 3 x 3(3 filas y tres columnas), y se procede a
llenar cada posicin, seguidamente se manda a imprimir en pantalla la pocision del arreglo 3, 3
Operadores aritmticos
Creamos un nuevo proyecto y le damos como nombre Operadores. Primero vamos a trabajar con
el operador de suma, para ello vamos a necesitar de tres variables de tipo entero.

Para utilizar los dems operadores solamente debemos sustituir el operador de suma por: ( - , / , * )
El siguiente ejemplo se le hizo una pequea modificacin en el tipo de dato de integer a double, esto
porque cuando vayamos a dividir dos cantidades ocupamos guardar los decimales y si lo dejamos
en integer no va a guardar decimales.

Realice las modificaciones en el cdigo para realizar una resta y una multiplicacin.

Ademas de puedo utilizar el operador "Mod", el cual obtiene el residuo de una divisin por ejemplo

Incrementar una variable:

Decrementar una variable:

Etiquetas y Cuadros de Texto (Label y TextBox)

Vamos a crear un nuevo proyecto al que pondremos por nombre "TextBox", en este nuevo archivo
no vamos a dar doble clic en el formulario, vamos a empezar a trabajar con el cuadro de
herramientas que pone a nuestra disposicin Visual Studio, los primeros controles que vamos a
utilizar sern el textbox y el Label. Utilizando las teclas Ctrl + Alt + X podemos habilitar o
deshabilitar el cuadro de herramientas..

Label: Lo utilizamos para etiquetas otros objetos, vamos a buscar el control Label y nuestro cuadro
de herramientas y seguidamente lo vamos a arrastrar al formulario.

La propiedad que considero mas importante es la propiedad

name, debido que si nos sabemos como declaramos los
objetos se nos sera mas dificil identificar dicho objeto, ademas
nos dice en el codigo fuente como la debemos llamar. La
etiquetas usan la terminologia lbl, en nuestro caso vamos a
establecer en la propiedad name del Label lblTexto. Ademas
en la propiedad Text podemos establecer lo que deseamos que muestre nuestra etiqueta. Adicional a
esas dos propiedades podemos darle formato a nuestra etiqueta como la tipo de fuente y el color.
Ahora vamos a buscar el control TextBox y lo vamos a desplazar al formulario, este formulario lo
utilizamos cuando necesitamos que el cliente ingrese algun tipo de informacion la cual debemos
guardar en nuestro sistema.

Las propiedades que vamos a cambiar son las siguientes:

Ahora vamos a cambiar las propiedades desde el editor de codigo fuente, para ello damos doble clic
sobre el formulario.

Si cambiamos hacemos cambios en los controles desde el cuadro de propiedades estas se cargaran
por defecto cuando inicie el programa. Si realizamos un cambio en las propiedades directamente en
el codigo, el resultado se vera una vez que ejecutemos el codigo.
Botones:

Creamos un proyecto llamado Botones, y posterior a eso arrastrar el control boton a nuestro
formulario:

Ahora vamos a programar el evento clic para que muestre un mensaje en pantalla cuando demos
clic en el boton.

Vamos a modificar nuestro diseo y agregar mas elementos:

Luego damos doble clic sobre el boton para programar la funcion de este:
El Formulario final quedaria asi:

Operadores Comparativos:

Vamos a crear un nuevo proyecto al que pondremos por nombre comparativos y seguidamente ingresamos a
codigo fuente del formulario.
Ahora para poner en practica lo visto sobre comparativos se le dara diseo al formulario.
Operadores Logicos
Vamos a crear un proyecto nuevo y lo vamos a nombrar Logicos. Los operadores logicos que vamos
a ver son: AND, OR y NOT. Ademas estos operadores necesitan de una variable boleana para lanzar
un resultado verdadero o falso.

El operador logico AND solo nos da True cuando todas las afirmaciones son correctas, con sola una
que no sea correcta el resutado sera False.

El operador OR contrario al operador AND, solo necesita que se cumpla una condicion para que su
resultado sea True.

El operador NOT, convierte en negativo una expresion:

Ahora bien se puede hacer una combinacion de AND y OR, pero debemos de usar los parantesis

Sentencia IF

Vamos a crear un nuevo proyecto, vamos a trabajar con la sentencia IF, por lo tanto vamos a recibir
dos numeros y determinar si es mayor, igual o menor que el otro.

Ademas podemos consultar lo que tiene el textbox pero en caso de que se ingrese una cadena de
caracteres.
RadioButton

Vamos a crear un nuevo proyecto al que llamaremos RadioButton, estos son los botones de
seleccin unica, lo usamos cuando seleccionar una sola opcion. Para ello vamos a arrastrar a
nuestro Formulario, un control llamado GroupBox y dentro de este vamos a crear cuatro
RadioButton.

El furmulario se veria de la siguiente manera:

Lo primero que debemos hacer es entrar en evento

clic del boton ejecutar, para programar la
funcionalidad del boton, ya que actualmente el
programa no haria nada si damos clic en el boton
ejecutar.

Ademas debemos hacer uso de un IF para saber si

el radiobutton esta seleccionado, por lo tanto vamos
a a proceder a desarrollar el codigo.
CheckBox

El checkbox a diferencia del radiobutton nos permite seleccionar mas de una opcion. Vamos a crear
un nuevo proyecto el que tendra por nombre checkbox. Por ejemplo, cuando para una pregunta
debemos marcar ms de una opcin. Toda la funcionalidad del programa estara en el evento clic del
boton enviar.
Ciclo For

El ciclo for es un tipo de bucle que podemos ejecutar un numero de veces determinado. Procemos a
crear un nuevo proyecto y le asignamos como nombre ciclo for.

Luego vamos a ingresar al codigo fuente del formulario y declaramos la variable que va a hacer el
incremento.
Ahora bien vamos a crear un arreglo(matriz) y vamos a recorrerlo.

Tambien tenemos algo que se conoce como For anidados, que consiste en un For dentro de otro
For, suena algo complicado pero no lo es tanto.

Ciclos Do While

Vamos a crear un nuevo proyecto al que pondremos por nombre Do While y luego vamos a entrar a
nuestro codigo fuente del formulario y empezamos por crear nuestra variable de control y la
igualamos a 0.
Ejemplo del Ciclo Do

Ejemplo Ciclo Do While

Ejemplo Ciclo While

De forma practica vamos a crear un arreglo, lo vamos a llenar con do while y a leer con un while.
Select Case / Switch Case

Primero vamos a crear un nuevo proyecto llamado SelectCase, vamos a proceder a desarrollar la
parte grafica del formulario. El diseo quedaria de la siguiente manera.
MenuStrip

Lo que generalmente vemos en las aplicaciones que dice, archivo,

edicion, herramientas, ayuda, ver, entre otros; son creados a traves del
menustrip.

Vamos a crear un nuevo proyecto al que daremos por nombre

MenuStrip. Luego vamos a buscar el elemento y lo arrastramos a
nuestra forma. Se pretende abrir desde el menu un nuevo formulario. Luego vamos a agregar un
nuevo formulario a nuestro proyecto.
Dentro de las propiedad image de cada sub menu, es posible asignar un icono a cada opcion para
que se vea un poco diferente. Es posible utilizar el & para hacer atajos de teclado.

Por ejemplo el menu en la propiedad text quedaria:

&Archivo, &Nuevo, &Cerrar Si al iniciar el proyecto presiono alt + A entonces se me abre el menu
Archivo y si presiono la tecla N se me abre la opcion nuevo.

TabControl

Creamos un nuevo proyecto llamado TabControl, este elemento nos funciona para crear pestaas
en nuestra ventanas. El formulario va a tener la funcionalidad de agregar, actualizar y eliminar.

Procedemos a hacer la oarte grafica, lo primero es arrastrar el control TabControl.

Funciones con
Parametros

Existen funciones y procedimientos, la diferencia entre ellos ademas de su sintaxis es que los
procedimientos devuelven un valor o retornan valores, en cambio las funciones no lo hacen.
La sintaxis para crear un procedimiento es la siguiente:

Nuestro diseo del formulario tiene dos botones, los cuales llaman a las funciones que creamos en
nuestro formulario.

Ejemplo Propuesto:
Hacer cuatro funciones o procedimientos para cada operacin basica
(suma, resta, multiplicacion, division)

Funciones con Parametros

- Hacer un proyecto nuevo llamado funcionesConParametros

Las funciones con parametros pueden recibirlos por valor o por referencia, pero cual sera la
diferencia entre los dos. Cuando enviamos una variable por valor la funcion hace todo un proceso y
puede cambiar o variarla y cuando tu vuelves a donde llamastes la funcion el valor va estar igual y
cuando se envia por referencia la funcion lo trabaja, ejecuta y manipula y cuando llega nuevamente
al sitio donde la llamastes ese valor ha cambiado.
Primero haremos un funcion con parametros por valor.

Nota: Al final la funcion al pasarle el parametro por valor volvera a tener el mismo valor que cuando
se inicio el programa. Use F8 para depurar paso a paso el programa.

Funcion con parametros por Referencia

A diferencia del funcion anterior en este ejemplo el valor sin cambia al final.
Evento Clic del Mouse

Creamos un nuevo proyecto y pondremos por nombre EventoClic, basicamente en el formulario

vamos a ubicar varios controles en el formulario y estos nos lanzaran un mensaje cuando demos clic
en ellos.

Evento KeyPress del TextBox

Creamos un nuevo proyecto llamado KeyPress, solo vamos a necesitar de un textbox el cual
vamos a arrastrar a nuestro formulario. Vamos a mostrar la tecla que usuario ha presionado mientras
este dentro del textbox.
Funcion para recibir solo numeros

Procedemos a crear nuestro proyecto llamamdo FuncioneSoloNumeros. Vamos

a validar en un texto sobre textbox si el usuario presiono un numero o una letra.
Si usuario presiona un numero vamos a dejar que se muestre de lo contrario no
vamos a mostrar absolutamente nada, por ejemplo cuando se ingresan cedula
de identidad.

Funcion para recibir solo Caracteres

Creamos un nuevo proyecto llamado SoloLetras. Los proyectos se puede organizar por:

- Reciclaje de codigo
- Organizacin
- Por Minimizar repeticiones

Entonces en un modulo a parte se pueden hacer todas las funciones que se van a utilizar posteriormente en varias
formas en decir, una funcion que me validen solo letras en el form1 sino que tambien voy a tener 50 formularios y todas
van a tener textbox y quiero que a todas se les hagan esa validacion, entonces solo debo hacer una funcion y le hago
publica para que cualquier elemento que este en el proyecto pueda consultarla directamente sin tener que copiar y pegar
el codigo en cada una de las formas. Todo eso se hace de la siguiente forma:
Funcion de Comparacion de textos
Vamos a crear un proyecto llamada Texto
Ahora vamos a comparar Textos

ComboBox llenado Manualmente

Creamos un nuevo proyecto y le pondremos por nombre ComboBox, vamos a usar un elemento
llamado datatable y posteriormente el llenado manual del comboBox. Lo primero que haremos es ir
al codigo fuente del Form1.
Conexin a Base de Datos

Vamos a crear un nuevo proyecto al que pondremos por nombre llamado BasedeDatos, luego
vamos a crear un modulo al que pondremos por nombre Funcionesdb.

Es importante conocer la ubicacin de mi proyecto. Ahora bien, vamos a abrir Access y crear una
base de datos en blanco:

Vamos a crear la base

de datos dentro de la
carpeta Bin/Debug
que est dentro del
proyecto que
acabamos de crear.
Luego probamos y verificamos si el programa nos lanza el mensaje de que hubo una conexin
exitosa a la base de datos.
 Consulta a Base de datos mediante Data Reader

Seguiremos trabajando sobre el proyecto anterior. Vamos a trabajar con dos elementos nuevos:
elemento Comand y elemento Data Reader.

Si variable identificacin es
diferente de vaco
entonces ejecute el IF.

Ahora vamos a ejecutar nuestra consulta:

Si el data reader tiene columnas

entonces ejecutara el while y ira
buscando en cada posicin, 0 =
nombres, 1 = apellidos, 2 =
direccin
 Cerramos nuestro data reader

Vamos agregar un botn y un textbox a nuestro

formulario, para poder ingresar el nmero de cedula y
verificar los datos de esa persona, en caso de que no
se ingrese nada en el textbox y demos clic entonces
nos va a traer todos los datos de los usuario.

DataGridView

ahVamos a continuar trabajando sobre nuestro proyecto BaseDeDatos, luego abriremos la vista diseo de
nuestro formulario y arrastraremos el control llamado Datagridview.
Este datagridview nos va a funcionar para mostrar los datos
de nuestros usuarios, de manera que los podamos mostrar
en una tabla.
Ahora vamos a cambiar la propiedad anchor, en datagrid.

Adems, podemos cambiar los bordes de las tabla

Adems, el nombre de las columnas del datagrid se pueden cambiar.

Insertar Registros en la base de datos desde Visual
Studio 2012

Continuamos trabajando en nuestro proyecto

base de datos, vamos a entrar al formulario y
vamos a borrar todos los elementos que
contena, esto nos va a generar algunos
errores por lo que deberemos ponerlos en
comentario.
El formulario que usaremos ser uno como el
que se muestra en el dibujo, debemos
mantener las mismas propiedades
Ahora daremos clic sobre el botn insertar.

Agregamos esta funcin en nuestro mdulo de funciones

Actualizar Registros en la base de datos

Continuamos trabajando en nuestro proyecto de base de datos:

Agregaremos una segunda pestaa llamada
insertar.

Ahora debemos programar nuestro botn

btnActualizar
Eliminar Registros en la base de datos

Seguimos trabajando en nuestro mismo proyecto y vamos a poner una nueva pestaa en nuestro Tab una
pgina llamada TabEliminar y como texto Eliminar.
Verificar los datos antes de actualizar un registro

Trabajando sobre el mismo proyecto vamos a buscar la propiedad enabled del botn actualizar y lo vamos a
poner en false. La idea es que cuando se ingrese la cedula de una persona se valide si el numero de cedula
existen en la base de datos y automticamente el botn actualizar se va a habilitar.

Imagen: txtIdentificacion 1 y elem Leave 1

Agregamos la siguiente funcin al mdulo funciones

Ahora vamos a trabajar en nuestro evento Leave

Validacin para borrar registros de la base de datos

Vamos a modificar la pestaa de Eliminar:

Nuestro formulario se debera ver como el que se muestra

a continuacin.
Adems, en la propiedad enabled de cada TextBox
debemos ponerlo en False para que no los pueda
modificar.
Vamos a reciclar cdigo y hacemos algunas correcciones nada ms:
Llenar un Combo Box con datos de la Base de Datos

En nuestra pestaa de Eliminar, agregaremos un combobox y lo que se pretende es que se carguen en las
todas las identificaciones de los usuarios, de manera que pueda seleccionar una identificacin, cargar los
datos en el los textbox y proceder a borrarlo.

Debemos cambiar el nombre del combobox y agregar un label,

posterior a eso debemos ir al evento load del formulario y crear
un procedimiento que se ejecute una vez se cargue el
formulario.

Este
cdigo sigue
debajo del
End Sub

Ahora vamos a buscar nuestro cmbEliminar y el elemento SelectedValueChanged

Con este evento nos garantizamos de que lo cargue en los textbox independientemente si lo hizo con el
mouse o el teclado.
Reto: Haga los cambios necesarios para que la pestaa de insertar
la identificacin se cargue en un comboBox.