Al invocar GUIDE en cualquiera de estas formas aparecerá la siguiente ventana.

Transcripción

1 Laboratorio No.1 Sistemas de Simulación Introducción a GUIDE Objetivos: Familiarizarse con el entorno de GUIDE en Matlab. Crear interfaces graficas de usuario básicas: Introducción. Matlab como su nombre lo dice fue pensado para ser un programa de análisis matemático, pero las necesidades de los usuarios de hoy en día han requerido que Matlab sea también capaz de realizar otras tareas que podrían ser catalogadas como accesorias, en el pasado todo lo que entraba o salía de matlab era leído o introducido por otras aplicaciones, inclusive programas como LabView crearon módulos que permitían invocar Matlab dentro de sus programas, lo cual obligo a Mathworks a pensar en la creación de librerías que permitiesen funciones accesorias una de esas librerías es GUIDE, o el editor de interfaces graficas. GUIDE. GUIDE puede ser invocado de dos formas. 1. Presionando el icono de GUIDE en la barra de herramientas. 2. Digitando la palabra GUIDE en la ventana de comandos Al invocar GUIDE en cualquiera de estas formas aparecerá la siguiente ventana.

2 Para nuestros propósitos empezaremos con Blank GUI (Default), así que dejar esa opción seleccionada y presionar OK. Con lo cual aparecerá la siguiente ventana: O esta si se ha seleccionado Show components names in the palette aparecerá la siguiente ventana. Palette de elementos Área de edición Guide tiene varios objetos predeterminados como se muestra en el Palette del lado izquierdo. Barras de herramientas en la parte superior, y un área gris con cuadricula que es el área de edición en la que se colocarán los diferentes elementos de la Interfaz grafica de usuario. A lo largo de este laboratorio utilizaremos varios de estos componentes siendo los mas comunes el Push Button, Edit TExt, Static Text, Axes.

3 Definiendo una Interface de Usuario. Lo primero que se debe de hacer es un bosquejo de que es lo que queremos en la interface de usuario, ya que esto nos ayudara a determinar qué es lo que podemos hacer dentro de las capacidades de GUIDE. Componentes predefinidos para las interfaces de usuario: Push Button Slider Radio Button Check Box Edit Text Static Text Pop up menu Listbox Toggle Button Axes Invoca un elemento de inmediato Usado para representar un rango de valores Indica que una opción puede ser seleccionada Indica el estado de una opción o tributo Texto que puede ser editado por el usuario Presenta un rotulo o indicación en la pantalla (no editable) Provee una lista de opciones excluyentes. Muestra una lista de selecciones Cambia entre ON y OFF Para desplegar gráficos. 1. Diseño de una Interface Grafica de Usuario (GUI). Antes de comenzar la implementación de una interfaz grafica debemos de responder las siguientes preguntas: a. Primero debemos de preguntarnos cuál es el objeto del GUI? b. Cuáles son las especificaciones? c. Quien será el usuario y que parámetros son requeridos? d. Como el GUI ayudará a los usuarios a alcanzar la solución del problema?

4 Ejercicio, Visualizador de graficas: Crear gráficos dentro de una ventana. La distribución de los elementos se muestra en la siguiente figura: Elementos usados: Axes, Edit text, Static Text, Pushbutton (2). Para cada elemento Matlab automáticamente creara el código necesario (callbacks) para que cada elemento sea inicializado, hay que agregar líneas de código para que los componentes se comuniquen entre ellos. La estructura del archivo m creado por matlab para definir el GUI es: Sección Comentario Inicialización Función de inicialización(opening function) Función de Salida (Output function) Código de componentes (Component and figure callbacks) Descripción Acá esta el texto que se desplegara en la ayuda del GUI Inicialización del GUI no editar esta parte Después de inicializar la ventana principal esta sección inicializa los componentes Define que es lo que será enviado al Workspace si es qeu algo necesita ser enviado Controlan el comportamiento de los components. También una estructura de datos es creada por el GUI, la cual está definida como sigue:

5 handles = figure1: edit1: uipanel1: popupmenu1: pushbutton1: output: Esta estructura puede ser usada para pasar datos entre elementos de la interfaz grafica. Para este ejemplo no cambiaremos nada en las secciones de inicialización, entrada y salida del GUI. Modificaremos las funciones de los callback de algunos de los elementos 1. Edit Text Guide provee de un inspector de propiedades, al presionar dos veces sobre un elemento, aparecerá la siguiente ventana Aca se definen las propiedades del elemento, como puden observar los colores y apariencia del mismo pueden ser cambiados, en nuestro caso la propiedad que es importante cambiar es: TAG: esta propiedad define un el nombre del elemento, para evitar confusiones cuando se están desarrollando GUI complejos es aconsejable asignar un nombre único a cada elemento en este caso lo llamaremos edit_plot_command Ademas borraremos los contenidos de la propiedad String asi la caja de texto aparecerá vacia. Despues de guardar, GUIDE automáticamente actualizara el archivo.m y aparecerá la función como sigue function edit_plot_command_callback(hobject, eventdata, handles)

6 % hobject handle to edit_plot_command (see GCBO) % eventdata reserved - to be defined in a future version of MATLAB % handles structure with handles and user data (see GUIDATA) % Hints: get(hobject,'string') returns contents of edit_plot_command as text % str2double(get(hobject,'string')) returns contents of edit_plot_command as a double Al final de la misma agregaremos el comando guidata(hobject, handles); Que nos servirá para actualizar la estructura de datos handles cada vez que algo sea escrito en el Edit Box. 2. Crear Aca Asignaremos TAG=Crear y String=Crear en el inspector de propiedades, la función queda como sigue, las partes subrayadas han sido agragadas para hacer la funcionalidad del botón. function Crear_Callback(hObject, eventdata, handles) % hobject handle to Crear (see GCBO) % eventdata reserved - to be defined in a future version of MATLAB % handles structure with handles and user data (see GUIDATA) handles.user.plot_commands = get(handles.edit_plot_command, 'String'); % update plot axes with current plot command selected % Update handles structure guidata(hobject, handles); update_plot(handles); % Update handles structure guidata(hobject, handles); Explicación: handles.user.plot_commands = get(handles.edit_plot_command, 'String'); Esta linea Asigna a el campo handles.user.plot_commands lo que ha sido digitado en la caja de texto guidata(hobject, handles); Esta línea actualiza la estructura guardando los contenidos de la caja de texto y los hace accesibles para los otros componentes del GUI. update_plot(handles); Funcion creada para realizar el grafico (la veremos a continuación) 3. Axes A el componente Axes no se necesita cambiar nada para este GUI por ser el único de su clase, para poder graficar en el creamos la siguiente función al final del archivo. function update_plot(handles) % evaluate plot string eval(char(handles.user.plot_commands));

7 En la que EVAL, evalúa lo que se ha digitado en la caja de texto. 4. Salir. 5. Aca Asignaremos TAG=Salir y String=Salir en el inspector de propiedades, la función queda como sigue, las partes subrayadas han sido agregadas para hacer la funcionalidad del botón. function Salir_Callback(hObject, eventdata, handles) % hobject handle to Salir (see GCBO) % eventdata reserved - to be defined in a future version of MATLAB % handles structure with handles and user data (see GUIDATA) close all return Esto ocasiona que el GUI se cierre y si se ha definido algún valor a ser enviado al Workspace o a otro GUI return lo enviara. Después de Terminar con el GUI pruebe los siguientes comandos. plot(1:1000); plot(sin( pi:0.1:pi); loglog(sin( pi:0.1:10*pi)); semilogy(sin( pi:0.1:2*pi)); semilogx(sin( pi:0.1:10*pi)); semilogx(sin( pi:0.1:10*pi),'.k'); semilogx(sin( pi:0.1:10*pi),'ok'); semilogx(sin( pi:0.1:10*pi),'db'); semilogx(sin( pi:0.1:10*pi),'+r');