GUI EN MATLAB

Creación de interfaces de
usuario con MATLAB
Pedro Corcuera
Dpto. Matemática Aplicada y
Ciencias de la Computación
Universidad de Cantabria
corcuerp@unican.es

Objetivos
• Aprender a crear interfaces de usuario desde el
entorno Matlab
• Utilizar la capacidad de generación de código de
Matlab para distribuir aplicaciones

Matlab

2

Indice
•
•
•
•

Interfaces de usuario(GUI)
Creación de GUIs con GUIDE
Ejemplo de desarrollo GUI
Generación de ejecutable

Matlab

3

Interfaces gráficas de usuario (GUI)
• Una GUI debe ser consistente y fácilmente entendida
por el usuario
• Proporciona al usuario con la habilidad de usar un
programa sin tener que preocuparse sobre los
comandos para ejecutar un programa
• Los componentes habituales de una GUI son
–
––
–

Pushbuttons
Sliders
List boxes
Menus, ..etc
Matlab

4

Características esenciales de una GUI
• Componentes
– Gráficos
• pushbuttons, edit boxes, sliders, labels, menus, etc…

– Estáticos
• Frames, text strings,…

– Ambos se crean usando la funcion uicontrol

• Figuras – los componentes están contenidos en
figuras
• Callbacks – son funciones que realizan las accionesrequeridas cuando un componente se activa
Matlab

5

Creación de GUIs con GUIDE
• MATLAB dispone de una utilidad para el desarrollo
interactivo de interfaces de usuario (GUI) llamado
GUIDE
• Para ello se escribe el comando guide o se pulsa
sobre su icono en el entorno de desarrollo Matlab

Matlab

6

Entorno de desarrollo GUIDE
• Aparece una ventana para seleccionar plantillas oabrir GUIs existentes

Matlab

7

Entorno de desarrollo GUIDE
• Ventana de desarrollo GUI

Matlab

8

Entorno de desarrollo GUIDE
• Cambio de preferencias para mostrar nombres

Matlab

9

Entorno de desarrollo GUIDE

Matlab

10

Entorno de desarrollo GUIDE
• El editor permite construir interfaces arrastrando y
soltando componentes en el área de diseño de la GUI
•Todas las GUIs creadas con guide empiezan con una
función inicial (callback) que se invoca cuando se
invoca la interfaz
• La operación automática de guardado (save) genera
un fichero .m y un fichero .fig
• El fichero .fig contiene el diseño del GUI en binario y
el fichero .m contiene el código que controla el GUI
Matlab

11

Entorno de desarrollo GUIDE
• Componentes disponibles en lapaleta

Matlab

12

Ejemplo de GUI con GUIDE
• La interfaz que se desarrollará consiste en permitir al
usuario seleccionar entre tres conjuntos de datos y
mostrarlos según tres tipos de gráficos
• Para ello se insertarán los componentes adecuados
desde la paleta de componentes (Push Buttons,
Panel, Static Text box, Pop-up Menu, y Axes)
• Se puede redimensionar el tamaño del canvasde la
interfaz en modo diseño, aunque después se puede
modificar haciendo uso de Tools
Matlab

13

Ejemplo de GUI con GUIDE
• Se inserta un Push Button y por duplicación dos más
Seleccionar
componente

Pulsar y
arrastrar

Seleccionar,
botón derecho,
Duplicar y
reposicionar

Matlab

14

Ejemplo de GUI con GUIDE
• Se añade un Panel para colocar los botones dentroSeleccionar
Panel

Seleccionar
botones y
movernos dentro
de Panel

Matlab

15

Ejemplo de GUI con GUIDE
• Añadir Static Text, Pop-up Menu y Axis

Seleccionar
componentes

Matlab

16

Ejemplo de GUI con GUIDE
• Alineamiento de objetos
Alinear

Seleccionar
componentes
a alinear

Matlab

17

Ejemplo de GUI con GUIDE
• Modificación de propiedades con Property InspectorSeleccionar
componente a
modificar propiedad

Matlab

18

Ejemplo de GUI con GUIDE
• Modificación de propiedades con Property Inspector:
–
–
–
–
–
–
–

Figure, Name: GUI Simple
Panel , Title: Tipos de gráficos
Push Button, String: Surf, Tag: surf_pb
Push Button, String: Mesh, Tag: mesh_pb
Push Button, String: Contour, Tag: contour_pb
Static Text, String: Seleccionar...