En este capítulo veremos todas las partes en que se divide el Entorno de Desarrollo Integrado o, a partir de ahora IDE. Si conocemos bien el entorno sabremos por un lado la ayuda que nos ofrece al escribir código y por otro conocer las herramientas de apoyo de que dispone.

Parece que era obligatorio entre los programas de desarrollo que proporcionaran un buen IDE para desarrollar las aplicaciones, pero no, mas bien ofrecían algunas ayudas pero pocas. Con .NET por fin tenemos a nuestra disposición un potente IDE que nos va a ofrecer multitud de herramientas para el desarrollo y la depuración de programas. Los que vengan de Visual Basic 6 se verán un poco desorientados por este nuevo IDE pero sólo es cuestión de tiempo acomodarse. En poco tiempo obtendréis mejores resultados que con el anterior IDE. Es mas, si utilizáis VB6 dentro de un tiempo seguro que pensáis "cómo se nota que es antiguo, ¡vaya IDE mas limitado!". En fin sigamos... lejos han quedado los días en que se programaba de forma artesanal: se utilizaba un editor de texto tipo Bloc de notas (Notepad) y luego se iba al compilador para crear el programa. En mis tiempos (turbo pascal 3.0) se utilizaba un mínimo editor tipo WordStar sin herramientas de ayuda, depuración, ni trazas de programas. Ahora las cosas son mas fáciles.

Hasta hace muy poco los lenguajes de Microsoft tenían IDE's diferentes. De tal forma que si un programador quería hacer sus pinitos con otro lenguaje, aunque fuese de Microsoft, tenía que aprender un nuevo IDE con todo en sitios diferentes. Ahora no, con .NET llegamos a la total integración: por fin se dispone de un IDE común.

Ahora sólo hay que iniciar Visual Studio .NET y elegir el lenguaje con el que vamos a trabajar. Además al ser .NET Framework multilenguaje podemos añadir lenguajes de terceros a este entorno y facilitarnos de esta coherencia. Es habitual en ingeniería que se incorporen kits de desarrollo de determinadas máquinas y que tengan su propio lenguaje y entorno IDE. Si cumplen con el entorno .NET Framework podemos integrarlo en nuestro IDE. Como en nuestra instalación sólo hemos incluido Visual Basic .NET sólo nos mostrará proyecto para este lenguaje.

Repitamos otra vez el inicio de una aplicación para ver los elementos de esta primera pantalla:

Podemos ver la lista de proyectos, abrir uno o crear uno nuevo. Pero además hay una opción interesante que es poder modificar "Mi perfil". Aquí podremos configurar el entorno para adaptarlo al lenguaje con el que vamos a programar:

En este caso he puesto que el comportamiento se ajuste al antiguo entorno de Visual Basic, así el teclado será el mismo. Además la ayuda la dejamos ya filtrada únicamente para Visual Basic, no me interesa que me presente la ayuda de los lenguajes.  En cuanto al diseño de ventana dejaré el predeterminado y finalmente cuando se inicie el entorno que aparezca esta misma pantalla.

Vamos a ver los principales elementos de nuestro entorno:

• Barras de herramientas. Disponemos de muchas barras de herramientas que nos ofrecen distintas funciones. De momento dejamos las predeterminadas
•  Parte central: formulario de edición. Aquí nos podremos mover con las pestañas superiores por los distintos formularios que tengamos abiertos.
• Parte izquierda: de momento unas ventanas desplegables que sólo presentan las pestañas para que se desplieguen. La mas utilizadas: la barra de los controles y el explorador de servidores
• Parte derecha: son las ventanas mas importantes según la información que nos proporcionan: explorador de proyectos, ventana de propiedades...
• Parte inferior: por defecto no aparece ninguna ventana pero configuraremos un par de ellas que nos serán de gran ayuda a lo largo del proyecto

Cada una de estas partes la veremos con detalle a continuación.

Es la ventana que mas área de trabajo utiliza y la que habitualmente utilizaremos para introducir nuestro código. Para pasar a ver el código de este formulario podemos hacer dos cosas. Una, el formulario elegimos "ver código" haciendo clic con el botón derecho del ratón:

O pulsando en el Explorador de soluciones de la derecha el botón que indica "Ver código":

Para llegar a la ventana de código:

Vamos a añadir un nuevo formulario para ver cómo navegar entre ellos. En el menú principal seleccionamos la opción "Agregar formulario" (o Agregar Windows Forms) del menú "Proyecto"

Podemos ver cómo ahora hay una pestaña mas con este segundo formulario. Añadimos también un módulo de código con la opción "Agregar Módulo" del menú "Proyecto". Vemos que también se ha añadido a nuestra lista de pestañas:

Podemos cambiar con las teclas Control+Tabulador o lógicamente con el ratón. Para cerrar alguna de ellas pulsaremos las teclas Control + F4 o en la "x" de la derecha.

En esta ventana escribiremos el código del programa en forma de declaraciones, procedimientos, funciones, módulos, ... veamos algunas posibilidades de esta ventana.

Ajustar el color y el tipo de letra

Para cambiar el tipo de letra y algunos detalles mas del estilo de la fuente seleccionaremos "Opciones" del menú "Herramientas" y luego en la parte del Entorno seleccionamos Fuentes y colores:

Si alguno de vosotros está acostumbrado a otro entorno u otras fuentes aquí puedes modificar cualquiera de los estilos utilizados en el editor, no sólo para la edición, sino, como puedes ver, para el comportamiento en general. Para los antiguos de VB: qué... ¿esta mejor o no? simplemente está a muchísima distancia del limitado editor de VB6. Por eso merece la pena la longitud de este capítulo: para aprender todas las cosas nuevas y sobre todo las que nos van a ayudar a que la labor de escritura y mantenimiento sea mas cómoda.

¡¡Volvemos al "GOTO 10"!! No, es broma, simplemente en ocasiones puede que sea mas cómodo parta sacar listados impresos hacer que las líneas estén numeradas. No es muy práctico pero ahí está... para activarla utiliza la opción Basic, General de la sección "Editor de texto" de la pantalla anterior:

Con esto podremos utilizar atajos como los que ofrece Excel o Project de ir hasta una línea en concreto utilizando la opción Ir a del menú Edición.

Al igual que en otros programa de Office podemos dividir la ventana de código. Es especialmente útil si queremos visualizar permanentemente un área de código y queremos ver otra a la vez para por ejemplo comparar secciones de código, copiar y pegar, ...

Para esto utilizaremos la opción dividir del menú Ventana:

También podemos hacer clic en el divisor de ventana que se encuentra justo encima de la barra de desplazamiento:

Pulsa para ver el editor

Los marcadores son señales que introducimos en las líneas de código. Con esto podremos volver rápidamente a la línea en la que colocamos el marcador. Es especialmente en listados grandes para ver una determinada parte y volver done estábamos editando rápidamente. Para insertar un marcador utilizaremos la opción "Alternar marcador" de la sección Marcadores del menú Edición y se distinguirá por un óvalo azul:

En el ejemplo mostrado aparecen dos marcadores. Para movernos entre ellos utilizaremos las opciones de Marcador siguiente y anterior del menú Marcadores:

O la barra de herramientas del editor de texto que contiene a la derecha la navegación por los marcadores:

La esquematización la vimos anteriormente y consiste en agrupar un conjunto de instrucciones que formarán un bloque y que podemos ocultar. O mejor dicho contraer-expandir para visualizarlo entero o sólo el título.

Si nos fijamos en la pantalla del punto anterior vemos los indicadores de esquematización y que se encuentra contraído (signo +) para la sección de "Código generado por el Diseñador de Windows" y expandido para los otros dos casos (signo -). Podemos modificar su aspecto bien con el ratón o con el botón derecho del ratón.

Poner comentarios en el código es una buena práctica que en este curso utilizaremos muy a menudo. Seguro que cuando estemos escribiendo nuestro programa sabemos lo que estamos haciendo y estaremos plasmando todas las ideas que tenemos en la cabeza en el código. Pero seguramente si abrimos este código dentro de un mes tendremos muchos problemas para recordad ciertas cosas por lo que unos comentarios en los sitios precisos dando explicación a unas rutinas, fragmentos u otros serán de un valor inestimable. Por ejemplo:

Private Sub ListBox1_SelectedIndexChanged(ByVal sender As System.Object, _

		ByVal e As System.EventArgs) Handles ListBox1.SelectedIndexChanged

    ' Cuando pulsamos en un elemento de la lista...

    With ListBox1

	'Obtenemos su contenido con el método GetItemTExt

        TextBox1.Text = .GetItemText(.SelectedItem)

    End With

End Sub

Los comentarios que en el IDE aparecen en color verde nos ayudan a explicar las partes del código.

También nos pasará que, según las leyes de Murphy, tengamos que retocar el código de otra persona y seguro que en ese momento está de vacaciones o de viaje de novios. SI su código está comentado seguramente nos acordemos muy bien de él al ser un código legible peo si no lo está tendremos que analizar todas las líneas y nos acodaremos no de él pero si de su familia. Otras veces simplemente queremos que se ejecute un fragmento de código y queremos que se quede momentáneamente como comentarios.

De acuerdo, pues además de poner los comentarios necesarios a medida que escribimos el código (incluyendo una comilla simple ' antes del comentario) podemos hacer que el editor nos marque una zona como comentario, es decir, sin valor para VB.NET que lo ignorará. Para esto marcamos las líneas que queramos y utilizamos la opción del menú Selección con comentarios del Avanzadas en el menú Edición. También disponemos de los iconos para realizar esto:

Para terminar con esta parte del editor vamos a ver una tecnología que al principio nos puede parecer incómoda y que nos complica mas la escritura del código pero luego no se puede "estar sin ella", nos ayudará a escribir el código, en muchas ocasiones nos servirá para ver si estamos escribiendo bien el código... Veamos cuatro situaciones típicas:

• Lista de miembros. Estamos escribiendo el código y estamos trabajando con el objeto formulario, (recuerda el windows forms) este formulario tiene muchas propiedades y métodos... si está bien declarado y escribimos su nombre al escribir el punto "." para asignarle una propiedad o trabajar con un método obtendremos.

Veremos una lista desplegable con todo lo que podemos hacer o escribir con el objeto "form1" en este ejemplo. Como no las conocemos ni le haremos caso al principio pero luego seguro que la seleccionamos de la lista porque así nos confirma que esa instrucción es de "form1"

• Información de parámetros. Cuando llamemos a procedimientos y funciones (subprogramas o fragmentos que realizan una operación o proceso) éstos necesitan normalmente de unos parámetros para poder trabajar correctamente. Pues bien, en el momento que escribamos la llamada a este procedimiento o función nos irá indicando las variables o parámetros que debemos escribir y de que tipo... ya practicaremos
   

• Información rápida. Nos muestra una viñeta con la información que necesita el código que estamos escribiendo.
   

Pulsa para las opciones del editor

Twitter Meneame Delicious Technorati Digg Facebook