Mallas Trapezoidales

UNIVERSIDAD TÉCNICA PARTICULAR DE LOJA

GRUPO DE ELECTRICIDAD Y SISTEMAS ELECTRÓNICOS (GESE)

MANUAL DE INTERFAZ GRÁFICA DE USUARIO EN MATLAB

Por: Diego Orlando Barragán Guerrero
dobarragan@utpl.edu.ec

Tutorial de Interfaz Gráfica de Usuario
Por: Diego Orlando Barragán Guerrero

ÍNDICE

INTRODUCCIÓN INICIO PROPIEDADES DE LOS COMPONENTES FUNCIONAMIENTO DE UNA APLICACIÓN GUIMANEJO DE DATOS ENTRE LOS ELEMENTOS DE LA APLICACIÓN Y EL ARCHIVO .M SENTENCIAS GET Y SET PRESENTACIÓN DE NUESTRO PROGRAMA PROGRAMA SUMADORA PROGRAMA CALCULADORA MENSAJES DE USUARIO PROGRAMA TRIGONOMETRIC PROGRAMA LISTBOX PROGRAMA SLIDER BOTONES PERSONALIZADOS PROGRAMA ELEMENTOS .EXE ACERCA DEL AUTOR

3 3 5 6 6 7 8 10 16 23 25 27 30 32 34 39 40

2

Tutorial de Interfaz Gráfica de UsuarioPor: Diego Orlando Barragán Guerrero

GUIDE INTERFAZ GRÁFICA DE USUARIO EN MATLAB
INTRODUCCIÓN GUIDE es un entorno de programación visual disponible en MATLAB para realizar y ejecutar programas de simulación. Tiene las características básicas de todos los programas visuales como Visual Basic o Visual C++. INICIO Para iniciar nuestro proyecto, lo podemos hacer de dos maneras: • • Ejecutando lasiguiente instrucción en la ventana de comandos: >> guide Haciendo un clic en el ícono que muestra la figura:

Fig. 1. Ícono GUIDE. Se presenta el siguiente cuadro de diálogo:

Fig. 2. Ventana de inicio de GUI.

3

Tutorial de Interfaz Gráfica de Usuario
Por: Diego Orlando Barragán Guerrero

Se presentan las siguientes opciones: a) Blank GUI (Default) La opción de interfaz gráfica deusuario en blanco (viene predeterminada), nos presenta un formulario nuevo, en el cual podemos diseñar nuestro programa. b) GUI with Uicontrols Esta opción presenta un ejemplo en el cual se calcula la masa, dada la densidad y el volumen, en alguno de los dos sistemas de unidades. Podemos ejecutar este ejemplo y obtener resultados. c) GUI with Axes and Menu Esta opción es otro ejemplo el cualcontiene el menu File con las opciones Open, Print y Close. En el formulario tiene un Popup menu, un push button y un objeto Axes, podemos ejecutar el programa eligiendo alguna de las seis opciones que se encuentran en el menú despegable y haciendo clic en el botón de comando. d) Modal Question Dialog Con esta opción se muestra en la pantalla un cuadro de diálogo común, el cual consta de una pequeñaimagen, una etiqueta y dos botones Yes y No, dependiendo del botón que se presione, el GUI retorna el texto seleccionado (la cadena de caracteres ‘Yes’ o ‘No’). Elegimos la primera opción, Blank GUI, y tenemos:

Fig. 3. Entorno de diseño de GUI Asimismo, tenemos las siguientes herramientas: Alinear objetos Editor de menú Editor de orden de etiqueta Editor del M-file Propiedades NavegadorGrabar y ejecutar

4

Tutorial de Interfaz Gráfica de Usuario
Por: Diego Orlando Barragán Guerrero

Para obtener la etiqueta de cada elemento de la paleta de componentes ejecutamos: File>>Preferentes y seleccionamos Show names in component palette. Y tenemos la siguiente presentación:

Fig. 4. Entorno de diseño: componentes etiquetados. PROPIEDADES DE LOS COMPONENTES Cada uno de loselementos de GUI, tiene un conjunto de opciones que podemos acceder con clic derecho.

Fig. 5. Opciones de componente. La opción Property Inspector nos permite personalizar cada elemento.

5

Tutorial de Interfaz Gráfica de Usuario
Por: Diego Orlando Barragán Guerrero

Fig. 6. Entorno Property Inspector. Al hacer clic derecho en el elemento ubicado en el área de diseño, una de las opcionesmás importantes es View Callbacks, la cual, al ejecutarla, abre el archivo .m asociado a nuestro diseño y nos posiciona en la parte del programa que corresponde a la subrutina que se ejecutará cuando se realice una determinada acción sobre el elemento que estamos editando. Por ejemplo, al ejecutar View Callbacks>>Callbacks en el Push Button, nos ubicaremos en la parte le programa: function...