Curso Básico de Programación en Visual Basic
Publicado 20/Jul/2003
por Guillermo "guille" Som
Si quieres linkar con las otras entregas, desde el índice lo puedes hacer
Este es el contenido de este Apéndice A del Curso Básico de Programación con Visual Basic
- Introducción
- ¿Cómo conseguir el VB5 CCE?
- Instalar el VB5CCE
- Iniciar el VB5CCE
- Configurar el IDE de VB5CCE
Configurar las Opciones Generales
Configurar la barra de herramientas
En vista de que algunos de los que leéis este Curso Básico de Programación en Visual Basic, (clásico, es decir para versiones anteriores a la versión de .NET), no tenéis el entorno de desarrollo de VB por aquello de que trabajáis también con el Visual Basic incluido en el Office o porque ya no podáis conseguir "legalmente" el Visual Basic, ya que no se sigue vendiendo, he decidido crear un apéndice en el cual te explico cómo instalar, configurar y, sobre todo, usar el entorno de desarrollo integrado de Visual Basic 5.0 CCE (en adelante IDE, Integrated Development Environment).
Si bien lo aquí tratado es sobre el IDE de VB5 CCE, en la mayoría de los casos será igualmente útil y válido para los IDEs de VB5 y VB6, en el caso de VB4 la cosa varía, pero me imagino que a estas alturas serán pocos los que tengan ese entorno de desarrollo, ni decir tiene que el VB3 o anteriores son cosas de la historia.Si no lo sabes, te lo explico o aclaro ahora, el VB5 CCE no sirve para crear ejecutables, sólo sirve para crear controles ActiveX (OCX), pero esto no es impedimento para usarlo, ya que, aunque no se puedan generar los ejecutables (EXE), si que se pueden probar todos los proyectos, bueno, casi todos, ya que no se podrán usar las aplicaciones que tengan acceso a bases de datos de DAO, sin embargo, puedes crear proyectos de acceso a datos con ADO sin el data control (por ejemplo el mostrado en la entrega 41).
Nota:
Si vas a usar proyectos creados con VB6, por ejemplo los zips de código de algunas de las entregas de este curso, seguramente tendrás que quitar algunos de los valores incluidos en el fichero de proyecto (vbp), por regla general, puedes borrar los que hay a partir de VersionProductName.
Si no quitas esos valores del vbp, el VB5CCE te dará error y no cargará el proyecto.
El Visual Basic 5.0 Control Creation Edition (VB5CCE en adelante) se puede conseguir de esta dirección:
http://msdn.microsoft.com/vbasic/downloads/tools/cce/default.aspx
Nota del 19/Oct/2006:
Según parece el VB5CCE ya no está, es decir, está desaparecido totalmente.
Así que, te recomiendo que te vayas olvidando del VB "clásico" y te pases al .NET.
En .NET tienes el Visual Basic 2005 Express Edition que es totalmente gratuito y operativo al 100%, además de que es lo que debes aprender, porque el Visual Basic 6.0 (y anteriores) ya no lo soporta Microsoft e incluso ni está en venta, así que... te recomiendo que mires el curso que tengo de Visual Basic .NET que es lo que ahora debes ir aprendiendo y también te recomiendo que empieces a ver la sección de WinFX porque será lo que en un futuro próximo se empezará a usar.
Este es el link del curso de Visual Basic .NET (válido para todas las versiones de Visual Basic para la plataforma .NET)
Por supuesto, lo que aprendas con este curso básico de Visual Basic 6 y anteriores te será de utilidad para el .NET, ya que las instrucciones siguen siendo las mismas, al menos las que están relacionadas con el lenguaje en sí, los For, If, etc.
Nota del 15/Jun/06:
Como es costumbre en Microsoft, algunas cosas desaparecen (como esa página) y otras cambian de sitio.
Por suerte, esta vez aunque la página del VB5CCE ha desaparecido, al menos queda el instalador y la ayuda, que gracias a Ángel Rosario de República Dominicana, ahora puedes bajar.
Estos son los links a la fecha de esta nota:
El programa de instalación:
http://download.microsoft.com/msdownload/sbn/vbcce/vb5ccein.exe
Y esta es la ayuda:
http://download.microsoft.com/download/5/2/5/5253a7ea-1310-40d8-b762-625c2019310e/ccehelp.exe
IMPORTANTE: Ver la nota del 19 de Octubre.
Es posible que esa dirección no esté disponible, bien porque la hayan cambiado de sitio (cosa habitual en el sitio de Microsoft) o bien porque lo hayan quitado definitivamente... cosa que también puede ocurrir.
Una vez que estés en la página de descarga del VB5CCE, tendrás varios links, uno de ellos es el que se baja el programa instalador, pero también habrá otro link para la ayuda y documentación.
El programa de instalación del VB5CCE se llama: vb5ccein.exe 7.13 MB
El programa de instalación de la ayuda se llama: ccehelp.exe 2.77 MB
También hay varios ficheros con documentación, pero aquí no lo vamos a tratar, aunque te recomiendo que también te los descargues, ya que, aunque estén en inglés, de algo te servirán... que después te puedes quejar de que no trato todos los temas...
Empecemos instalando el VB5CCE, para ello simplemente tendrás que ejecutar el vb5ccein.exe y seguir los pasos que se te indiquen (que serán los habituales en cualquier instalación, así que no voy a entrar en detalles).
Una vez instalado el VB5CCE será conveniente que instales la ayuda, ya que ésta se instalará en el mismo directorio en que esté el VB5CCE, por tanto te recomiendo que instales tanto el VB5 como la ayuda en el directorio que te indique, si no lo haces, al instalar la ayuda tendrás que indicar el directorio (o al menos comprobar que el que te muestra es el correcto).
Al instalar el VB5CCE se crearán los accesos directos en el menú de inicio, pero al instalar la ayuda no se crea ningún acceso a dicha ayuda, pero estará instalada correctamente en el directorio VB5CCE de Archivos de Programas (Program Files en sistemas Windows en inglés, como el que yo uso).
Si quieres tener un acceso directo a la ayuda, busca el fichero vb5.hlp en el directorio de instalación.
Una vez que tienes instalado el VB5CCE es hora de usarlo, así que, busca el acceso directo a Visual Basic 5.0 CCE (vb5cce.exe) y dejemos que empiece el espectáculo...
Nada más empezar, te mostrará un cuadro de diálogo como el mostrado en la figura 1:
Figura 1, El cuadro de diálogo de inicio de VB5CCE
Este cuadro de diálogo te permite indicar el tipo de proyecto que quieres crear, si marcas la opción Don't show this dialog in the future, este cuado no se mostrará al iniciar el VB5CCE.
Los tres tipos de proyectos que permite crear son:
ActiveX Control (Control ActiveX), un control para poder usarlo en tus aplicaciones e incluso en una página WEB.
Standard EXE (EXE estándar), un programa normal y corriente.
CtlGroup (Grupo de proyectos), por defecto crea un control ActiveX y un EXE estándar.Empecemos seleccionando un ejecutable normal (Standard EXE), pero recuerda que aunque podamos seleccionarlo, no te permitirá crear el ejecutable (compilar en formato EXE).
El aspecto del IDE del VB5CCE será parecido al mostrado en la figura 2.
Figura 2, El IDE del VB5 CCE después de haberlo instalado y casi sin configurar
Ahora vamos a configurar un poco el IDE. Lo que aquí te voy a contar es como yo suelo configurarlo, pero si a ti no te gusta, eres libre de dejarlo como quieras.Nota:
Si instalas el VB5CCE y ya tienes instalado el VB5 normal (en cualquier versión), la configuración que ya tuvieras en el VB5 se mostrará en el IDE de VB5CCE. Esto quiere decir que no hay problemas de que instales el VB5CCE si ya tienes otra versión de VB.En la figura 2 tenemos varias ventanas acopladas.
Arriba está la barra de herramientas con los menús y otros "comandos" (los botones debajo de los menús).
A la izquierda tenemos la barra de herramientas con los controles que podemos añadir a los formularios.
A la derecha, en la parte superior tenemos el explorador de proyectos.
Debajo de este tenemos la ventana de propiedades.
Debajo (aunque no se muestra en esta figura), suele aparecer la ventana con la posición del formulario, pero yo suelo cerrarla.
Abajo está la ventana Inmediate, (permite ejecutar comandos directos), ésta se puede mostrar seleccionándola del menú View (por defecto no se muestra), en ese mismo menú puedes mostrar algunas de las ocultas, por ejemplo la de Form Layout Windows que es la que te permite posiciona o ver dónde se posicionará el formulario.
Por último, en el centro tendremos las ventanas de diseño de formularios/controles, así como las ventanas de código.
Éstas se pueden posicionar como queramos y esa posición será recordada cada vez que abramos el proyecto. La información sobre el tamaño y posición se guarda en un fichero con la extensión vbw.
Empecemos configurando las opciones generales.
Selecciona el menú Tools>Options... y se mostrará un cuadro de diálogo, del cual veremos varias de las fichas en las siguientes figuras, después de cada figura te indicaré para que sirven esas opciones (o al menos algunas de ellas).
Figura 3, Opciones, ficha EditorEn la ficha Editor, lo primero que debes seleccionar es Require Variable Declaration, (la he señalado para que no tengas excusas de saber dónde está esa opción), esto hará que en los nuevos proyectos creados se añada a cada módulo (formulario, módulo BAS, clase, etc.) la instrucción Option Explicit, ya sabrás que si quieres llevarte bien conmigo, tendrás que usar siempre esa instrucción, de esta forma te evitarás muchos problemas, además de que así siempre tendrás que declarar todas las variables que vayas a usar en tus proyectos.
La ficha Editor Format, la dejamos como está.
Figura 4, Opciones, ficha General
En la ficha General te recomiendo que asignes 60 tanto a Width como Height de Grid Units, esto te permitirá posicionar mejor los controles en el formulario, ya que así estarán los puntos más juntos (el valor por defecto es 120).
También puedes quitar la marca de Compile On Demand ya que esto hará que siempre se compile todo el código y te asegures de que lo probado es lo que tienes escrito... realmente no hace falta, pero yo siempre lo tengo así...
En la ficha Docking no hace falta hacer cambios.
Figura 5, Opciones, ficha Environment
De la ficha Environment te recomiendo que selecciones Save Changes del frame (marco) When a programa starts:, de esta forma se guardarán los cambios realizados en el código... ¡nunca se sabe si se quedará colgado el IDE o no!
Figura 6, Opciones, ficha Advanced
En la ficha Advanced no vamos a hacer cambios, pero te la muestro para que sepas que en esta ficha puedes indicar si quieres que se te avise cuando se hagan cambios en un fichero que esté compartido por varios proyectos o si prefieres usar el estilo SDI en lugar del MDI, es decir que cada ventana sea independiente en lugar de estar todas "dentro" del entorno de desarrollo (IDE). En la figura 7 tienes una captura de cómo quedaría el IDE de VB5CCE en modo SDI.
Figura 7, El IDE de VB5CCE en modo SDI
Configurar la barra de herramientas
Ahora vamos a añadir algunas opciones a la barra de herramientas superior.
Entre las cosas que añadiremos son:
Comentar/quitar comentarios de un bloque de código
Asignar/quitar/ir a marcadores dentro del código
Bloquear los controles de un formulario
Crear un nuevo procedimiento.Para poder configurar la barra de herramientas, así como los menús del IDE de VB5CCE, tendremos que seleccionar la opción View>Toolbars>Customize..., se mostrará el cuadro de diálogo mostrado en la figura 8:
Figura 8, Cuadro de diálogo Customize, ficha Commands
De la lista de la izquierda (Categories) selecciona Edit, en el cuadro de la derecha se mostrarán las opciones relacionadas con la edición. Selecciona Comment Block (esta opción te permite comentar el bloque de código seleccionado) y arrástralo con el ratón hasta la barra de herramientas, (verás que el cursor del ratón cambia para que sepas dónde vas a soltar el elemento seleccionado), suéltalo en la posición que quieras y haz lo mismo con las opciones Uncomment Block, (quitar el comentario al bloque de texto seleccionado), Toggle Bookmark (una banderita azul), (pone/quita una marca), Next Bookmark, (ir a la siguiente marca), Previous Bookmark, (ir a la marca anterior), Clear All Bookmarks (quitar todas las marcas).Con las marcas (bookmarks) puedes marcar una parte del código, (se indicará con una banderita en la barra derecha del código, tal como puedes ver en la figura 9), y después navegar entre las distintas marcas que tengas en el código del proyecto. El problema es que cuando cierras el proyecto esas marcas desaparecen... cosa que en el IDE de VB .NET han mejorado o al menos permanecen.
Figura 9, Cómo se indican los bookmarks en la ventana de código
Figura 10, Configurando la barra de herramientasEn la figura 10 puedes ver esto de colocar las opciones en la barra de herramientas.
Si quieres poner una línea de separación entre las distintas opciones (o comandos), simplemente arrastra hacia la derecha el icono (o botón) que esté a la derecha de donde quieras dejar esa separación. Por ejemplo, si quieres dejar una separación entre el comando de quitar comentarios y el de asignar marcador, tendrás que arrastrar la banderita azul un poco hacia la derecha.
Por otro lado, si quieres quitar alguno de los que ya hay (o hayas añadido), simplemente arrástralos desde la barra hasta el cuadro de diálogo.Ahora añade el resto de comandos. De las categoría Format selecciona Lock Controls y de Tools, selecciona Add Procedure..., una vez hecho todo esto, el look de la barra de herramientas será el que te muestro en la figura 11.
Figura 11, El aspecto de la barra de herramientasFíjate que algunas opciones sólo estarán disponibles (habilitadas) cuando se puedan usar.
Bueno, dejemos aquí esta primera parte del Apéndice A, en otra ocasión veremos para que sirven algunas de las opciones de los menús y de los botones de las barras de herramientas, así como algunas otras configuraciones y, sobre todo, cómo agregar controles a un formulario, cómo añadir nuevos elementos al proyecto, cómo añadir nuevos proyectos (para poder crear multi-proyectos), etc., pero eso será en otra ocasión.
Nos vemos.
Guillermo