Interfases gráficas

Dr. A. Medina-Santiago
Introducción

Creación de una GUI en Matlab

Ejemplos de creación de GUIs

Introducción
Una interfase gráfica es el vínculo entre el usuario y una aplicación
computacional, constituida generalmente por un conjunto de comando o menús,
instrumentos y métodos por medio de los cuales el usuario se comunica con el
programa durante las operaciones que se desean realizar, facilitando la entrada y
salida de datos e información.

Las interfases gráficas también se conocen como interfases de usuario. El

nombre en inglés de las interfases gráficas es Graphical User Interface y se
denomina GUI.
Existen diferentes lenguajes de programación que permiten crear GUIs tales
como Visual C, Visual Basic y Matlab por citar algunos. Todos ellos permiten usar
diferentes controles en la interfase y son llamados uicontroles. Estos lenguajes de
programación tienen distintas maneras de programarlos. Matlab nos permite
realizar GUIs de una manera sencilla usando una herramienta llamada GUIDE
(GUI Development Environment).
Creación de una GUI en Matlab
La forma de implementar las GUI con Matlab es crear los objetos y definir las
acciones que cada uno va a realizar. Al usar GUIDE para crear una GUI
obtendremos dos archivos:

1. Un archivo FIG que contiene la descripción de los componentes que contiene

la interface.
2. Un archivo M que contiene las funciones y los controles del GUI así como el
callback.

Un callback se define como la acción que lleva a cabo un objeto de la GUI cuando
el usuario lo active.
Iniciando GUIDE

Paso 1. File--New--GUI o presionamos el icono de GUIDE

Paso 2. Creación o apertura de una GUI desarrollada

Partes de GUIDE

● Inspector de propiedades.
● Activación de Figura.
● Botón de presión (Push Button).
● Botón de selección (Radio Button).
● Área de texto (Edit Text).
● Ejes (Axes).
● Marco (Frame).
● Texto estático (Static Text).
Propiedades de los controles

Los distintos elementos se pueden crear en el área de diseño con sólo

seleccionarlos y arrastrarlos a donde deseamos que queden colocados.

● Background Color.
● Callback.
● Enable.
● String.
● Tag.
Ejemplos de creación de GUIs
Ejemplos desarrollados en tiempo real.
Actividad 6

Entrega 4 Mayo 2021