Curso de Visual Basic .NET

A lo largo de nuestro proyecto tendremos que añadir mas elementos, en su mayoría nuevos formularios. Para esto elegiremos la opción "Agregar nuevo elemento" del menú Proyecto o con el botón derecho en el título del proyecto en el explorador de soluciones:

Que nos muestra los elementos posibles:

Esta ventana puede variar dependiendo de la versión de VB que utilices, la pantalla es de la versión Express.

En algunas ocasiones y mas veces a medida que vayamos aprendiendo Vb.NET necesitaremos cambiar propiedades del proyecto o de la solución. Para acceder a esta ventana pulsaremos con el botón derecho en la ventana del explorador de soluciones y luego en el título del proyecto o en el título de la solución:

Vemos cómo en el título nos indica que parte son las propiedades.

Cuando pulsamos el botón derecho del ratón se despliega un menú que varia según en la situación en la que estemos: ventana de trabajo, explorador ... bien, a este menú se le llama contextual porque depende del contexto en el que nos encontremos. Por ejemplo en el editor tendremos este menú:

Esta es una de las áreas mas entretenidas y difíciles de manejar. Entretenida porque es la que vamos a utilizar para dibujar nuestras pantallas y esto gusta a todo el mundo: seleccionar iconos, controles y otros elementos para construir las pantallas con las que interactuarán los usuarios. y la mas difícil porque es difícil diseñar una buena interfaz. Esto es algo que se aprende mirando buenos programas para coger ideas y con la experiencia. Ya sabes que según la ley de Murphy el usuario necesitará una opción que no hayas puesto o seleccionará la que peor funcione.

En esta pantalla colocaremos pues los controles que vayamos a necesitar en nuestra interfaz pero en ocasiones utilizaremos controles que no ofrecen una funcionalidad con el usuario pero que necesito en el proyecto: estos controles son ocultos para nuestro proyecto. Por ejemplo un menú, un temporizador, un cuadro de diálogo... los tendremos disponibles para utilizar pero no ofrecen interfaz con el usuario:

El cuadro de herramientas contiene todos los elementos que podremos incorporar a nuestros proyectos. Como son muchos está dividido en fichas similares a otros programas de Office:

Por defecto tendremos los controles mas habituales en la sección de "controles comunes". Además de estas fichas tenemos otras disponibles pero que no están visibles. Para que sean visibles pulsaremos con el botón derecho y seleccionamos "Mostrar todas":

 Esta pantalla es muy flexible y permite mover de sitio las fichas simplemente pulsando en el título y arrastrándolo a la posición que queramos.

Por si fuera poco podemos crear nuevas fichas. Sólo tenemos que seleccionar la opción "Agregar ficha" que aparece al pulsar con el botón derecho encima de una ficha. Luego le asignamos un nombre y después seleccionamos:

"Elegir elementos" que tras unos segundos nos mostrará la siguiente pantalla que nos permitirá añadir los elementos que queramos:

Los usuarios de Visual Basic ya han encontrado con esto las dos opciones conocidas de VB6 para añadir mas elementos al proyecto: con esta pantalla los controles y en la segunda solapa las referencias. Sirva esto también para añadir controles en las demás solapas.

Esta ventana es junto con las dos anteriores las que mas vamos utilizar en el diseño ya que aquí es donde daremos nombre a los controles, modificaremos su aspecto y configuraremos su funcionamiento. Esta debe estar presente o muy cerca siempre.

Se divide en varias partes que te aconsejo tengas en cuenta para no modificar propiedades de otros elementos. En la parte superior tenemos el nombre del objeto o control: Textbox1 y a la derecha le indica de que tipo es o su clase. Puedes ver que aparece otra vez el namespace "System.Windows.Forms". Así que ya sabemos que los cuadros de texto como este dependen de este digamos superobjeto que es el que tiene todos los controles de Windows.

A continuación tiene una barra de herramientas que nos permite distribuir las propiedades (en ocasiones serán muchas) en una jerarquía, según el tipo de propiedad que es o en orden alfabético

Para introducir datos según el tipo de propiedad lo podremos hacer de una forma u otra: un menú desplegable, una selección de fichero, una pantalla adicional con editor de texto, un cuadro de diálogo de selección de color...

Por último comentar que en la parte donde tenemos el nombre del control en realidad es un cuadro desplegable que contiene todos los controles de nuestro formulario. En ocasiones el control que queremos modificar puede no estar visible, con esta opción podemos buscarlo en la lista para cambiar alguna propiedad. De ahí la importancia que tiene el poner buenos nombres a los controles, así los tendremos fácilmente localizables:

En VS.NET disponemos de multitud de barras de herramientas que nos seguirán ayudando en nuestro entorno para realizar las operaciones mas importantes. Su activación y manejo es igual que el resto de las aplicaciones de Office: bien con el botón derecho en una barra de herramientas o seleccionando el menú Ver y luego Barras de Herramientas:

Con la última opción, Personalizar, podemos crear y modificar barras de herramientas para poner las opciones que nos interesen. Al ser igual que las aplicaciones de Office no voy a comentar como se manipulan, si alguno necesitáis crear una y no os sale mandadme una tutoría y os lo indico... En general te iré indicando a lo largo de este curso las mas utilizadas o las que nos hagan falta según lo que estemos manejando.

Igual que en las ventanas anteriores la barras de herramientas también se pueden dejar acopladas o flotantes. Para esto haz clic y arrastra la barra utilizando la barra vertical que tienen justo a la izquierda.

Por defecto aparece oculta pero podemos mostrarla desde el menú "Ver". Es una ventana bastante interesante ya que nos va ir dando información de los pasos que va a ir realizando en la compilación, generación de ejecutables, ... En VB6 tampoco existía pero los que hayan intentado hacer algo alguna vez en C sabrán que esta ventana es imprescindible para hacer un seguimiento del duro proceso de la compilación.

Esta ventana muestra el estado de los que está realizando. Es muy útil porque podemos ver fallos en nuestro compilador o en algún módulo. Tiene dos partes que se seleccionan desde la parte superior. En el ejemplo pone Generar que es la parte que se muestra  cuando se está compilando el programa. Una vez compilado pasa a ser de Depuración que nos mostrará mensajes o estados si tenemos activada la depuración en nuestro programa... ya lo aprenderemos mas adelante. 

A medida que escribamos una aplicación nos saldrán pequeños trabajos o tareas que debemos escribir o apuntar y quedarán pendientes. Para esto Vs.NET incluye una sección llamada Tareas que permite definir trabajos pendientes de realizar en el código de la aplicación, asignándoles una prioridad.

Además las tareas nos indicarán las líneas de código con errores o incompletas por lo que es interesante consultar esta lista. Podemos verla en "Ventana tareas" de otras ventanas en el menú Edición.

Para añadir una tarea basta con pulsar en Añadir tarea:

Otra forma mas interesante de gestionar las tareas es la siguiente, vemos la opción Lista de Tareas del menú Opciones en Herramientas, antes debes activar la opción de "Mostrar todas las configuraciones" en la parte inferior izquierda:

En esta pantalla podemos crear unos indicadores de tareas, para ver como funciona haz lo siguiente: escribe dos nombres nuevos que sean "Urgente" y "Pendiente" y le poner al primero prioridad urgente:

Ahora vamos al código, en una parte cualquiera del editor (no importa donde) escribimos un comentario (recuerda que debe comenzar por una comilla simple: ' ) y dentro de él escribimos lo que ves abajo:

Es decir, una frase que comience con "Urgente:". Ahora en la lista de tareas selecciona en el cuadro desplegable "Comentarios". El editor detecta que es uno de los símbolos que pusimos para localizar las tareas y la ha agregado automáticamente a la lista de tareas, en la sección de comentarios. Lógicamente también funciona con la otra expresión que pusimos antes de "Pendiente". De esta forma a medida que escribimos el código y dejamos cosas pendientes se irán añadiendo a la lista de tareas... ¡sencillo y muy útil!

Esta pantalla de momento es muy avanzada pero a medida que cojamos nivel verás la utilidad. Será bastante útil para poder explorar las capacidades de cada objeto. Para mostrarla utilizaremos el menú Ver y luego en "Examinador de objetos":

Habrás podido comprobar que se ha acoplado en la ventana principal y se ha añadido como una solapa mas (mira la parte superior de la pantalla de ejemplo).

Así como en el caso anterior podíamos navegar a través de los objetos de nuestro programa, en esta pantalla podemos navegar por todos los objetos de VS.NET. Otra vez aparece el famoso objeto (o mejor dicho espacio de nombres o spacenames) llamado "System.Windows.Forms". En el panel de la derecha muestra la clase o elemento seleccionado y en la parte inferior la declaración.

Y por fin otro de los elementos mas utilizados en el IDE: la ayuda. Si hay una cosa que Microsoft tenga especial cuidado es en la ayuda y su traducción, en esta caso ha hecho un trabajo magnífico en cuanto a volumen y adaptación a nuestro idioma. Lo único que se puede achacar es que en equipos poco potentes puede ser algo lenta de manejar al principio. Tenemos muchas formas de obtener ayuda así que vamos a ir viendo esto con detalle...

La aplicación utilizada para desplazarse por la ayuda es el Microsoft Document Explorer. Con esto tenemos la primera opción que es utilizar la ayuda contextual. Es decir, dependiendo de dónde estemos nos proporcionará la información disponible. Si estamos editando código y pulsamos la tecla F1 cuando estemos encima de una instrucción o un objeto, por ejemplo selecciona un cuadro de texto y pulsa F1. La primera vez nos mostrará:

Para que configuremos el funcionamiento de la ayuda. Podemos indicarle la primera opción para indicarle que utilice Internet como fuente de la ayuda o la segunda opción para que utilice la ayuda que instalamos localmente. Dejamos la selección que queramos y pulsamos en "Aceptar":

Nos mostrará una ayuda sobre el control. Si pulsamos en la parte superior:

Podemos indicarle de que lenguaje vamos a querer la ayuda ya que la ayuda es común para todo el .Net Framework. Desmarcaremos todas menos la de Visual Basic. Si la página es importante podemos añadirla a la lista de favoritos con el botón derecho:

Otro elemento que no falta es el lógico índice de la ayuda, para acceder a él utiliza la opción Índice del menú Ayuda. Este índice se utiliza bastante mas que la opción anterior ya que en muchas ocasiones sabemos cómo se llama la instrucción o expresión de la que queremos obtener ayuda. En la casilla que pone "Filtrado por" aparecerá (y si no actívalo) Visual Basic Express, de esta forma sólo aparecerá los elementos que pertenezcan a Visual Basic Express:

Como ves, en la parte inferior izquierda tenemos las solapas de Contenido, Índice y los favoritos que hemos ido añadiendo.

La opción de Buscar no podía faltar así que la activaremos desde la opción Buscar del menú Ayuda. La integración con el IDE es tal que podremos buscar a la derecha, en la parte inferior mostrar los resultados y finalmente según seleccionemos se presentarán en la parte central. Tranquilo, el aparente caos se convertirá con el tiempo en un estupendo entorno.

De todas formas, si estás acostumbrado a tener la ayuda aparte (como en los antiguos VB) podemos utilizarla de varias formas, desde el menú inicio y luego en Visual Studio.NET o modificar el perfil para que la presente siempre de forma independiente. Esto lo haremos desde la página de inicio del IDE y luego en "Mi perfil", indicando en "Mostrar ayuda" que sea Ayuda externa. Puede que os sea mas cómoda ya que no utilizará nuestra área de trabajo y además como lo dejaremos minimizado seguirá estando disponible en todo momento. Como este visualizador se comporta igual que un navegador podremos crear ventanas dentro para desplegar mas ayudas y tener varias abiertas a la vez, practica un poco...