Interfaz grafica con MATLAB Parte 2

Esta vez comenzaremos con el diseño de una interfaz con App Designer como lo siguiente:

Primero comenzaremos arrastrando un Axes y 2 slider al área de diseño como se muestra:

Al añadir componentes en el área de diseño podemos visualizar que se añaden en el Component Browser y al seleccionarlo podemos modificar sus propiedades, lo primero a modificar será la orientación de horizontal a vertical.

Para poder personalizar todos los componentes de la App, se explican las diferentes modificaciones que se harán en este ejemplo:

Modificación de nombres: directamente desde el Component Browser dando doble clic sobre el componente, se iluminará el nombre del componente en color azul y podremos modificarlo.

Cambiando el tamaño del componente: podemos agrandar y/o disminuir el tamaño de cada componente arrastrando los puntos de su marco.

De esta forma modificamos los tamaños de cada uno de los componentes.

Valores del componente: en esta sección definimos los valores limite que puede tomar nuestro componente al estar en ejecución, el valor por default que toma el componente se define en la casilla señalada por la flecha.

Color de fondo del componente: es posible cambiar los colores del componente, para hacerlos nos vamos propiedades de los componentes>Color y transparencia>Color de Fondo

Una vez explicado lo anterior se reacomodan todos los componentes y se personalizan quedando de la siguiente manera:

Esto es todo por esta ocasión. Sigue al tanto de nuestro Blog, ya que en la siguiente entrada trabajaremos con la funcionalidad de App Designer.

¡Gracias!

Este blog es administrado por MultiON Consulting S.A. de C.V.

Interfaz grafica con MATLAB Parte 1

Esta vez comenzaremos con conocer la interfaz de App Designer. 

App Designer es un entorno de programación que se usa para crear aplicaciones de MATLAB, este entorno de trabajado es muy parecido a GUIDE, pero mejorado ya que simplifica el proceso de diseño de los componentes visuales de una interfaz de usuario gráfica.

Para abrir el entorno de App Designer, tenemos 2 formas, la primera es ejecutar en el command window el siguiente comando

Otra forma de iniciar App Designer es irnos a nuestra barra de herramientas (Toolstrip) y dar clic en New> App

Al dar clic se abrirá una ventana como la siguiente:

Esta ventana es el entorno de App Designer, el cual contiene componentes para la creación de interfaces de usuario, se enumeraron 5 secciones principales:


1.   Encontramos la barra de herramientas o Toolstrip: esta contiene herramientas como abrir, guardar o correr las apps con las que estamos trabajando.

2.   Paleta de componentes o Component Library: en esta sección se contienen componentes como indicadores, mandos, interruptores, lámparas, etc.

3.   Area de diseño o Desing area: las dimensiones de esta área definen el tamaño de nuestra app a crear, al ir añadiendo nuevos componentes podemos acomodarlos para personalizar nuestra interfaz según el gusto y/o necesidad que se quiera.

Además del diseño de la interfaz, si damos clic sobre el lienzo en Code View, podemos editar el código. (Observe que podemos cambiar de nuevo para editar el diseño de la interfaz dando clic en Desing View.) 

4.   Navegador de Componentes o Component Browser: en esta sección encontramos todos los componentes que se añaden al área de diseño.

Al seleccionar un componente en esta lista automáticamente se actualiza las propiedades de los componentes que es el siguiente punto. Además, podemos añadir funciones Callbacks para mandar a llamar dicho componente.

5.   Propiedades de los componentes Component Properties: aquí podemos modificar diferentes aspectos de los componentes como (nombre, valor, color, tamaño, posición, etc.)


Esto es todo por esta ocasión. Continúe al tanto de nuestro blog, ya que en la siguiente entrada comenzaremos con el diseño de una App Designer ¡Gracias!

Este blog es administrado por MultiON Consulting S.A. de C.V.

Obteniendo ayuda en MATLAB

En MATLAB todas las funciones tienen una ayuda y una documentación de respaldo que incluye:

• Diversas formas de llamar a una función
• El algoritmo implementado por una función
• Ejemplos de cómo usar una función

Para mostrar la ayuda de una función en particular, escribimos el comando help y el nombre de la función que se desee conocer.

Al dar enter nos aparecerá una versión abreviada del texto de la documentación.

Para acceder a la documentación de la función, escribimos el comando doc y el nombre de la función

Al dar enter nos abrirá una nueva ventana con la documentación sobre esta función, esta ventana incluye diferentes ejemplos y además nos describe la sintaxis que debe de llevar para ser llamada.

Otra forma de acceder a la documentación es dando clic en el icono de ayuda que se encuentra en la barra de herramientas.

En este caso nos abrirá la ventana principal de la documentación don todos los productos de MATLAB, en esta ventana los productos están ordenados por área de aplicación.

Y de esta forma es cómo podemos obtener ayuda y ejemplos de aplicación desde MATLAB.

Esto es todo por esta ocasión. Te invitamos a seguir al pendiente de nuestro Blog, ¡Gracias!

Este blog es administrado por MultiON Consulting S.A. de C.V.

Personalizando la interfaz de MATLAB

Dentro de nuestra barra de herramientas podemos encontrar una sección que dice Layout

Dentro de Layout podemos encontrar platillas o diseños predeterminados por el programa, entre los diseños se encuentran (Default, Three Column, All but Command Window Minimized, etc)

Veremos nuestra interfaz con los diferentes diseños que nos proporciona el programa

Diseño por Default

Three Column

All but Command Window Minimized

Ahora vamos a modificar la interfaz a nuestro gusto, para eso vamos a seleccionar la ventana que queremos mover y vamos a mantener el botón primario presionado, ahora arrastramos la ventana hacia la posición que deseamos colocarla, notará que MATLAB nos muestra un recuadro de color azul de la posición donde se colocará dicha ventana

Para aceptar la posición solo tenemos que soltar el botón primario como se muestra

Después de haber modificado la interfaz a nuestro gusto, pasaremos a guardar el diseño, para eso vamos a Save Layout y el damos clic

Nos abrirá una nueva ventana donde tenemos que introducir el nombre de nuestra personalización diseñada

Escribimos el nombre con el cual guardaremos nuestra personalización y le damos en Aceptar, ahora nuestra personalización ya se encuentra dentro de las opciones 

Y de esta forma es cómo podemos modificar nuestra interfaz de usuario

Esto es todo por esta ocasión. Te invitamos a seguir al pendiente de nuestro Blog y visitar nuestro micrositio, ¡Gracias!

Este blog es administrado por MultiON Consulting S.A. de C.V.

Creación de un Favorito en MATLAB

Bienvenidos a nuestra segunda entrada del 2019. Vayamos directo a la aplicación....

Dentro de nuestra barra de herramientas podemos encontrar una sección que dice Favoritos.

Esta sección nos sirve para crear un Favorito para al dar clic en este, se ejecuten una serie de comandos, para empezar vamos a darle clic en el icono de Favoritos.

Al dar clic podemos observar que se despliega una ventana, para crear un nuevo Favorito vamos a darle clic en Nuevo Favorito

Nos abrirá una nueva ventana como la siguiente donde podremos crear nuestro Favorito

En la parte de Label colocaremos el nombre de nuestro Favorito para poderlo identificar, para este ejemplo vamos a colocar el nombre de “Limpiar”

En la parte de Code vamos a escribir todas las líneas de código que se van a ejecutar cuando demos clic a nuestro favorito, en este ejemplo vamos a escribir los siguientes comandos:
clear all
clc

Quedando de la siguiente manera:

También podemos elegir una imagen para nuestro Favorito para que sea más fácil de identificar, para eso vamos a darle clic en el botón como se muestra en la siguiente imagen:

Y nos abrirá una nueva ventana donde podremos seleccionar la imagen de nuestra preferencia, en mi caso seleccionare la imagen de un cesto de basura, una vez que  terminemos le daremos clic en añadir a la barra de acceso rápido y en mostrar la etiqueta como en la siguiente imagen.

Para ver si nuestro Favorito funciona vamos a darle en el botón de Test, como se muestra

Aquí podemos comprobar que nuestro Favorito funciona porque ha borrado todas las variables y ha limpiado el Command Window, por último vamos a dar clic en el botón de save para guardar nuestro Favorito.

Una vez se haya guardado lo veremos en la parte superior de nuestra barra de herramientas como se muestra en la siguiente imagen.

Este blog es administrado por MultiON Consulting S.A. de C.V.