Curso de Visual Basic .NET

Vamos a ver mas detalles sobre el editor que nos ayudarán en nuestra dura labor del desarrollo. Hemos visto que la edición del código tiene una ayuda inestimable que es la tecnología "Intelisense" que es la ayuda que aparece al escribir el código. Pues bien además de esto tenemos la posibilidad de insertar código de forma automática, por ejemplo tenemos nuestra ventana de edición de código de una aplicación de consola:

Si pulsamos con el botón derecho por ejemplo en la línea en blanco que hay encima de la del "System.Console.Readline()" vemos esta opción:

Que son fragmentos de código escritos por el IDE y que podremos añadir mas fragmentos si queremos. Seleccionamos por ejemplo:

Para buscar los bucles FOR que es de esta sección:

Lo seleccionamos:

Y nos mostrará un ejemplo con la sintaxis:

Que nos pone de forma predeterminada un bucle que se va a repetir diez veces, vamos a decirle que nos escriba precisamente esta variable "Index":

Ejecutamos la aplicación y nos mostrará ese bucle y esperará a que pulsemos la tecla de retorno o "intro":

Vamos a realizar un navegador Web con cuatro instrucciones. Vamos a crear una aplicación Windows e insertamos este control que encontraremos en la sección de los controles comunes:

Al colocar este control verás que tiende a acoplarse a la ventana, así que debemos "desacoplarlo" pulsando en la flecha que tiene arriba a la derecha y que muestra este menú:

Le decimos que lo desacople de la ventana y ahora ocupará una zona distinta pudiéndola cambiar de tamaño:

Ahora le vamos a poner varios controles:

• Un cuadro de texto que le llamaremos "txt_direccion". Pondremos este nombre desde la ventana de propiedades y luego en el campo "ID"
• Una etiqueta "Label" que ponga la palabra "Dirección"
• Un botón de navegar que llamaremos btn_navegar
• Al control de navegación Web que hemos añadido antes le pondremos el nombre "navegador"

Debe quedarnos así:

Ahora cambiaremos los anclajes para que nos ajuste el control y la dirección al redimensionar la pantalla. Para el control web quedará:

Para el cuadro de texto le pondremos arriba, izquierda y derecha. Para el botón pondremos arriba y derecha. Si ejecutamos ahora el programa y movemos la ventana los controles se redimensionarán de forma automática:

O:

Ahora vamos a escribir el código necesario para que nuestro navegador vaya a la página que escribamos en el cuadro de texto. El control de navegación tiene un método que acepta una dirección URL y la muestra en pantalla. La página web la escribiremos en el cuadro de texto así que tendremos que leer la propiedad Text de ese cuadro de texto, por tanto el código necesario será esto:

navegador.navigate (txt_direccion.Text)

¿Dónde tendremos que poner este código? Pues cuando el usuario haga clic en el botón así que vamos a buscar ese evento del botón. Nos situamos en el editor pulsando el botón del código o pulsando con el botón derecho en el formulario:

Una vez en el código seleccionamos el botón en la parte superior izquierda:

Ahora en la parte derecha nos mostrará los eventos a los que puede atender este control, seleccionamos "click":

Nos va a mostrar el código que se ejecutará al hacer clic en el botón. Esto es el controlador para el evento clic del objeto botón:

Y ya tenemos todo listo, ejecutemos ahora el programa, pon una dirección y pulsa el botón de navegador:

Ha funcionado!

Es un ejemplo sencillo pero muestra por un lado la filosofía del funcionamiento del IDE, cómo escribir código y la potencia de determinados controles de VB.NET. Pulsa aquí para descargarte el ejemplo.

Veamos otro ejemplo de una aplicación de consola y el principio de la estructuración del código. De momento vamos a crear una aplicación de consola y vete a la sección del código "Sub Mail()" que será la que se ejecute al iniciarse el programa y le pones la instrucción para que espere un "intro" y así no se cierre el programa:

Ahora vamos a realizar dos bucles parecidos al anterior. Uno en sentido ascendente y otro descendente:

Al escribir bucle estamos poniendo:

Fox x as Integer=1 to 10

Lo que estamos indicando es el tipo de datos de la variable "x", si esta variable ya existiera se podría poner mas sencillo:

Fox x =1 to 10

Todo esto lo veremos en el siguiente tema, no te preocupes, la idea es para practicar y ver un poco como hacer sencillas operaciones. Ejecutemos el programa:

Ahora viene la parte que quiero enseñarte, supongamos que tenemos que ejecutar varias veces ese código, tendríamos que repetirlo esas líneas de código varias veces. Para solucionar esto vamos a crear un procedimiento que es un fragmento de código al que podemos llamar para que ejecute algo, es decir:

Hemos creado una sección de código del tipo:

Sub nombre()
End Sub

Creamos un grupo de instrucciones bajo un nombre que luego podremos llamar de esta forma:

Al iniciar la ejecución se encuentra con la palabra "cuanta_atras" que lo identifica como un módulo que hemos escrito en el programa, si no existiera daría un error de ejecución pero como existe irá a ejecutar esas líneas. El código completo quedaría:

El funcionamiento y la velocidad es la misma pero puedes ver que el código es mucho mas legible y fácil de seguir. Además aislamos mucho los errores porque será mas fácil buscarlos en pequeños fragmentos que en una rutina grande.

Pulsa aquí para descargar el programa

Veamos un último ejemplo antes de empezar a conocer todo el mundo VB.NET. Veamos una instrucción muy famosa y que seguramente entenderás:

If condicion=cierta Then
    Ejecuta esto...
Else
    Ejecuta esto otro...
End if

Nuestro código dejará de ser lineal, ya no se ejecutan todas las líneas una detrás de otra ya que tenemos esta instrucción que nos va a romper la secuencia dependiendo de si se cumple una condición o no, por ejemplo

If i>=0 Then
    Console.Writeln ("El número es positivo")
Else
    Console.Writeln ("El número es negativo")
End if

Ahora crearemos una aplicación Windows con dos cuadros de texto, un label y un botón a los que les pondremos de nombres: txt_usuario, txt_password, btn_entrar. Los label como no tienen mas función que la de escribir un texto en pantalla no hace falta que les pongamos un nombre:

Ahora en el evento clic evaluaremos si ha escrito unos valores, si coinciden le pondremos un mensaje de que ha sido correcto y si no lo contrario. Tendremos que comprar el contenido de los cuadros de texto "txt_nombre.text" y "txt_password.text". Si cumplen las dos comparaciones podremos un mensaje de bienvenida y en caso contrario de que no es correcto:

Si ejecutamos el programa:

Obviamente hay que mejorarlo, no podemos permitir que se vea la contraseña cuando se escribe así que cambiaremos una propiedad de ese segundo cuadro de texto para que se comporte como un control de contraseña donde escriba "*" en lugar de las letras. Esta es una de las propiedades de los cuadros de texto que veremos mas adelante. Vete al IDE, selecciona el cuadro de texto y modifica esta propiedad:

Como ves en la parte inferior nos pone la descripción de la propiedad que estamos seleccionando o editando. Si ejecutamos ahora el programa:

Habremos mejorado un poco el funcionamiento, accediendo a las propiedades del control para modificar su comportamientos. Pulsa aquí para descargar este ejemplo.

Con esto hemos aprendido muchas cosas que nos van a dar soltura para la parte que empezaremos ahora. ¡Se acabó lo fácil!