Interfaz gráfica Controles de una Interfaz gráfica Propiedades generales de los controles

1. “ESCUELA SUPERIOR POLITÉCNICA DE CHIMBORAZO”
Integrantes:
• UCHUPANTA BYRON
• ACOSTA ALEJANDRO
Riobamba - Ecuador
GRUPO: 8

2. INTERFAZ GRÁFICA

3. INTRODUCCIÓN
 GUIDE es un entorno de programación visual disponible en MATLAB para realizar y ejecutar
programas que necesiten ingreso continuo de datos. Tiene las características básicas de todos
los programas visuales como Visual Basic o Visual C++.
 Las GUI (también conocidas como interfaces gráficas de usuario o interfaces de usuario)
permiten un control sencillo (con uso de ratón) de las aplicaciones de software, lo cual elimina
la necesidad de aprender un lenguaje y escribir comandos a fin de ejecutar una aplicación.

4. Creación de una GUI de MATLAB de forma interactiva
GUIDE (entorno de desarrollo de GUI) proporciona herramientas para diseñar interfaces de
usuario para Apps personalizadas. Mediante el editor de diseño de GUIDE, es posible diseñar
gráficamente la interfaz de usuario. GUIDE genera entonces de manera automática el código
MATLAB para construir la interfaz, el cual se puede modificar para programar el
comportamiento de la app.

6.  Creación de una GUI de MATLAB de forma programática
A fin de ejercer un mayor control sobre el diseño y el desarrollo, también se puede crear código de
que defina las propiedades y los comportamientos de todos los componentes. MATLAB contiene
funcionalidad integrada que le ayudará a crear la GUI para su app de forma programática. Cabe la
posibilidad de agregar cuadros de diálogo, controles de interfaz de usuario (como botones y controles
deslizantes) y contenedores (como paneles y grupos de botones).

8. CONTROLES DE UNA INTERFAZ GRÁFICA

9. Los controles de la interfaz con el usuario en MATLAB se especifican con la orden uicontrol.
Estos controles tienen mucho en común con los menús de la interfaz con el usuario, pero los
primeros tienen mucho estilos. La sintaxis de uicontrol es
donde ‘especificación de estilo’ es una de las siguientes cadenas:
a. popup
b. Push
c. radio
d. checkbox
e. slider
f. edit (texto editable)
g. text (texto estático)
h. frame

10.  Las propiedades de iucontrol son similares a las de uimenu. las propiedades que
aparecen aquí por primera vez son:
a) ‘Value’, valor: especifica el valor por omisión de ajuste. En el caso de interruptores de
encendido/apagado, valor es 0 o 1. En el caso de un control deslizante (slider), puede
ser cualquier valor entre el mínimo y el máximo.
b) ‘Min’, Valor: establece el valor mínimo. Su significado difiere dependiendo del estilo.
c) ‘Max’, Valor: establece el valor máximo. Su significado difiere dependiendo del estilo.

11.  Texto estático. Un static text puede exhibir símbolos, mensajes o incluso valores numéricos de
una GUI, y puede colocarse en lugar deseado. El texto estático no tiene cadenas de invocación.
 Menú desplegable. Los pop-up menús difieren de los menús de interfaz con el usuario en que
pueden aparecer en cualquier punto de la ventana de figura, mientras que los menús de interfaz
con el usuario solo se localizan en la parte superior.

12.  Los Push button generan una acción cuando das click con el puntero del ratón sobre
ellos. Cuando usted da click en un push button, aparece presionado; Cuando sueltas el
botón del ratón, el botón aparece levantado; y su rutina de llamada se ejecuta.
 Casilla de verificación. Las casillas de verificación están diseñadas para realizar
operaciones de encendido/apagado. La casilla activa o desactiva la aparición de los ejes.
Las posiciones de encendido/apagado se registran en Value que puede examinarse con
get(handle, ´value´). Los comandos axis on y axis off se escriben en la cadena de
invocación.

13. AxBy (s) x A+y + y B-x Kps = [A+y]x . [B-x]y
 Botón de radio. Cuando solo se usa un botón de radio, no existe diferencia funcional
alguna con respecto a una casilla de verificación
 Barra deslizadora. Los sliders aceptan datos de entrada numéricos con un rango especifico.
Los usuarios mueven la barra dejando presionado el botón del mouse y arrastrándola,
Dando click en el canal, en la flecha. La posición de la barra indica un valor numerico.

14.  Texto editable. El dispositivo de texto editable permite al usuario teclear una cadena de
entrada. Se pueden escribir varios valores numéricos en forma de vector o matriz como cadena
mediante el mismo dispositivo; esta cadena se convertirá posteriormente en valores numéricos
con el comando str2num.
 Marcos. El estilo marcos puede servir para agrupar dispositivos como lo botones de radio o las
casillas de verificación.

15.  Botón de palanca. El toggle button genera una acción que indica un estado binario (on o
off). Cuando das click en un toggle button , aparece presionado y permanece así hasta que
sueltes el boton de el mouse, y en ese momento ejecuta la llamada. Un click del mouse
subsecuente regresa al toggle button a su estado original y vuelve a ejecutar la rutina de
llamada.
 Cajas de lista. El componente List Box muestra una lista de artículos y permite a usuarios
seleccionar unos o más artículos.

16. PROPIEDADES GENERALES DE LOS
CONTROLES

17.  Para entender las propiedades de un control primero creamos un boton y luego
activamos el inspector de propiedades.
 Como se a mencionado las propiedades varian segun el control usado

18. Estos son los mas comunes:
1. background color - Cambia el color del fondo del control
2. Callback - La propiedad ma simportante del control, ya que le dice al control que
hacer cuando este se activa
3. Enable - activa o desactiva un control
4. String - En el caso de botones, cajas de texto, texto estatico; es el texto que
muestra el control.
5. Tag - Otra de las propiedades mas importantes ya que con este es posible regresar
datos o identificar al control.

19. Bibliografía
• http://www.utm.mx/~vero0304/HCPM/GUI_Matlab.pdf
• https://es.mathworks.com/discovery/matlab-gui.html
• http://webpersonal.uma.es/de/gfdc/docencia/GuiSection.pdf