Está en la página 1de 13

Crear el primer proyecto

Software para el desarrollo rpido de interfaces grficos de usuario para diversos tipos de GLCDs en dispositivos embebidos.

Visual GLCD diseo GUI fcil

software adicional

Tabla de contenido

Introduccin Conexin del Hardware Crear un nuevo proyecto Paso 1. Crear los archivos de proyecto Paso 2. Configurar el pryecto Paso 3. Aadir una pantalla y nombrarla Paso 4. Colocar los componentes

4 5 6 6 6 7 8

Paso 5. Introducir las caractersticas de los componentes 8 Paso 6. Asignar acciones a los componentes  Paso 7. Generar el cdigo Paso 8. Abrir el proyecto en el compilador  Qu es lo siguiente? 9 10 11 12

mikroElektronika

VisualGLCD Additional Software

3 PAGE

Introduccin

El siguiente texto le va a aydar a utilizar el Visual GLCD por primera vez. Para entenderlo clara y fcilmente, hemos dividido el proceso de desarrollar su primer proyecto en varios pasos. Los hemos puesto en el siguiente orden para ayudarle con su primer proyecto.

1. Crear los archivos de proyecto 2. Configurar el proyecto 3. Aadir la pantalla y nombrarla 4. Colocar los componentes

5. Introducir las propiedades de los componentes 6. Asignar acciones a los componentes 7. Generar el cdigo 8. Abrir el proyecto en el compilador

Note que no es necesario segiur el orden propuesto para hacer funcionar su proyecto. Un pequeo proyecto creado en este manual es pensado para el compilador microC PRO for PIC, as que el cdigo generado ser escrito en mikroC. Note que este manual es relevante para los dems compiladores de Mikroelektronika tambin (mikroPascal y mikroBasic).

PGINA 4

VisualGLCD Additional Software

mikroElektronika

Conexin del hardware


Con el propsito de probar este ejemplo en un microcontrolador PIC, es necesario conectar el GLCD y el panel tctil, como se muestra en el siguiente esquema:

Figura 1. Conectar el GLCD y el panel tctil al microcontrolador

PIC18F4520

Instalacin
Antes de crear un nuevo proyecto, es necesario seguir los pasos a continuacin:

Paso 1: Instalar el programa Visual GLCD


Descargue el programa Visual GLCD del nuestro sitio web http://www.visualglcd. com. Siga el procedimiento para instalarlo. Un atajo de escritorio y un atajo de men de inicio sern creados automticamente.

Paso 2: Iniciar el programa


Inicie el Visual GLCD al pulsar dos veces sobre el icono apropiado. El IDE (Integrated Development Environment) del Visual GLCD aparecer en la pantalla. Ahora usted est listo para crear un nuevo proyecto.

mikroElektronika

VisualGLCD Additional Software

5 PGINA

Crear un nuevo proyecto


Paso 1: Crear los archivos de proyecto
El proceso de crear un nuevo proyecto es muy simple. Seleccione la opcin New del men Project, o pulse sobre el icono New Project de la barra Project. En la pantalla aparecer una ventana, como se muestra en la siguiente Figura. Introduzca el nombre del proyecto y elija la ruta deseada para el proyecto. Entonces pulse OK. Figura 2. Primero es necesario especificar la ruta y el nombre del proyecto.

Paso 2: Configurar el proyecto


Tan pronto como se introduzca la informacin anterior y pulse el botn OK, aparecer la ventana Settings. Esta ventana sirve de ajustrar la configuracin del hardware y software:

Figura 3. Ventana Settings

PGINA 6

VisualGLCD Additional Software

mikroElektronika

Paso 3: Aadir la pantalla y nombrarla


Una vez configurados los parmetros del projecto en la ventana Settings y pulsado el botn OK, aparecer un nuevo proyecto. En la ventana Display se muestra la visin general de su proyecto. Como se puede ver, contiene slo una pantalla vaca.

Figura 4. Nueva pantalla vaca Vamos a poner el nuevo nombre de StartScreen a esta pantalla. En la seccin Screens de la ventana Object Inspector, introduzca el nuevo nombre de la pantalla en la propiedad Name: Una nueva pantalla se puede aadir al pulsar sobre el icono Add Screen de la barra Screens. Ahora vamos a aadir una pantalla y nombrarla SecondScreen. Utilice las pestaas en el fondo de la ventana Display para navegar entre las diferentes pantallas. Figura 5. Pestaas de las pantallas

mikroElektronika

VisualGLCD Additional Software

7 PGINA

Paso 4: Colocar los componentes


Despus de mostrar cmo manejar las pantallas, es hora de aadir los componentes a las pantallas. Usted puede elegir los componentes que quiere aadir entre los componentes disponibles en la ventana Components Palette. Pulse sobre el componente deseado, arrstrelo y sultelo en la pantalla. Repita el mismo procedimiento para cada componente que quiere aadir.

drag-n-drop

Figura 6. Aadir los componentes en la pantalla Es posible cambiar de todas las propiedades de un componente, tales como su nombre, ttulo, tamao, color etc. Basta con seleccionar el componente en la ventana Display y entrar en la seccin Components en la ventana Object Inspector. En el ejemplo a continuacin hemos cambiado la propiedad Caption. Es posible modificar cualquier componente definido anteriormente en su proyecto.

Paso 5: Introducir las propiedades de los compoentes

Figura 7. Modificar las propiedades del componente en Object Inspector

PGINA 8

VisualGLCD Additional Software

mikroElektronika

Paso 6: Asignar acciones a los componentes


En este paso, usted ha creado todos los componentes grficos. Ahora ya tiene una clara idea de cmo utilizarlos. Es hora de hacer algo con su proyecto. Seleccione una componente. En la ventana Object Inspector pulse dos veces sobre el evento (OnDown, OnClick o OnPress) que quiere asociar a este componente.

Figura 8. Asignar el evento OnClick al botn seleccionado La siguiente funcin aparecer automticamente en la ventana Display Code:

Figura 9. Ventana User Code visualiza la funcin que maneja el evento OnClick Esta ventana se utiliza para aadir el cdigo que se asociar al evento. Por ejemplo, vamos a invertir el estado lgico de los pines del puerto PORTA:

Figura 10. Cdigo simple en mikroC para conmutar los LEDs en el puerto PORTA Cada vez que se presione el botn Button2 en el panel tctil, el estado lgico de los pines del puerto PORTA ser invertido. Repita el mismo procedimiento para definir la funcin asociada a todos los componentes de su proyecto.

mikroElektronika

VisualGLCD Additional Software

9 PGINA

Paso 7: Generar el cdigo


En este paso todos los componentes de su proyecto han sido creados y sus eventos asociados han sido definidos. El trabajo ya est terminado. El ltimo paso consiste en generar los diferentes archivos, tales como archivo del controlador (conexin del hardware y funciones grficas), archivo de eventos (reagrupar los diferentes eventos de su proyecto), archivo principal (funcin principal) y archivo de cabecera (declaracin de objeto). Para generar el cdigo basta con pulsar sobre el icono Generate Code . Los archivos creados aparecen en la ventana Generated Code:

Figura 11. Ventana Generated Code

PGINA 10

VisualGLCD Additional Software

mikroElektronika

Paso 8: Abrir el proyecto en el compilador


Abra la carpeta de proyecto (la que usted ha definido al crear su proyecto).

Figura 12. - Archivos y carpetas del proyecto

Carpeta con el nombre del compilador destino (el que usted ha definido en Settings). brala.

Los arhivos generados se almacenan en esta carpeta. Abra el proyecto al pulsar sobre el archivo .mcppi.

El compilador ser iniciado automticamente y los archivos del proyecto aparecern en las ventanas Code y Project Manager.

Figura 13. Proyecto generado abierto en el compilador mikroC PRO for PIC

mikroElektronika

VisualGLCD Additional Software

11 PGINA

Qu es lo siguiente?
Ms proyectos
Despus de crear el primer proyecto con xito, es hora de seguir con los ejemplos ms complicados. Mire los ejemplos en la carpeta Examples ubicada en la carpeta de instalacin del VisualGLCD. Pngase a experimentar por si mismo y cambie el cdigo como quiera para que convenga a la idea de su nuevo proyecto.

Compilador

Todava no tiene un compilador apropiado? Visite la pgina web http://www.mikroe.com/eng/categories/view/2/ compilers/ y elija el compilador que le conviene mejor. Este software dispone de una versin demo con funcionalidad completa, limitada a slo 2K de palabras de programa del cdigo generado.

Soporte

Si no puede encontar suficiente informacin en el archivo Help o necesita hacer una pregunta o informar de un fallo, pngase en contacto con el Equipo de soporte tcnico a travs de http://www.mikroe.com/esupport

También podría gustarte