App Designer

Cree apps web y de escritorio en MATLAB

App Designer permite crear apps profesionales aunque no sea un desarrollador de software profesional. Arrastre y coloque los componentes visuales para crear el diseño de la interfaz gráfica de usuario (GUI) y use el editor integrado para programar rápidamente su comportamiento.

Comparta sus apps mediante MATLAB Drive™, o bien creando apps de escritorio o apps web independientes con MATLAB Compiler™ y Simulink Compiler™.

Live Editor

Creación de apps

Utilice un entorno integrado para diseñar la interfaz de usuario y escriba el código que determina el comportamiento de la app.

Creación de una app

App Designer integra las dos tareas principales en la creación de una app: la distribución de los componentes visuales de una interfaz gráfica de usuario (GUI) y la programación del comportamiento de la app. Es el entorno recomendado para crear apps en MATLAB.

Creación de apps en MATLAB (2 vídeos)

Si tiene apps creadas en GUIDE*, puede utilizar la herramienta GUIDE to App Designer Migration Tool para MATLAB para migrar sus apps de GUIDE existentes a App Designer.

* GUIDE se eliminará en una versión futura.

Diseño de una interfaz de usuario

Arrastre y coloque los componentes visuales en el área de diseño y utilice las guías de alineación para obtener un diseño preciso. App Designer genera automáticamente código orientado a objetos que especifica la distribución y el diseño de la app.

Utilice la vista Design View de App Designer para diseñar la interfaz de usuario de una app.

Utilice la vista Design View de App Designer para diseñar la interfaz de usuario de una app.

Definición del comportamiento de una app

Utilice la versión integrada de MATLAB Editor para definir el comportamiento de una app. App Designer puede comprobar automáticamente la existencia de problemas de codificación mediante Code Analyzer. Puede visualizar mensajes de advertencia y error de código a medida que codifica y modificar la app conforme a los mensajes. También puede modelar el comportamiento de la app utilizando una gráfica de Stateflow®.

Defina el comportamiento de la app con la vista Code View de App Designer.

Defina el comportamiento de la app con la vista Code View de App Designer.

Componentes de apps

Cree apps completas y modernas con el amplio conjunto de componentes e interacciones personalizadas de App Designer.

Librería de componentes

Cree apps con componentes estándar tales como botones, casillas de verificación, árboles y listas desplegables. App Designer también ofrece elementos de control como medidores, indicadores luminosos, controles y conmutadores que permiten replicar el aspecto y las acciones de los paneles de instrumentación. También puede utilizar componentes de contenedor, como pestañas y paneles, y diseños de malla para organizar la interfaz de usuario.

Librería de componentes de App Designer

La librería de componentes de App Designer permite fácilmente arrastrar y colocar componentes en la app.

Interacción entre componentes

Agregue callbacks de componentes e interacciones con el mouse y el teclado personalizadas que se ejecutan cuando un usuario interactúa con la app. Agregue tablas y gráficas 2D y 3D para que los usuarios de la app puedan explorar los datos de forma interactiva.

App de ejemplo en App Designer que emplea un árbol jerárquico para mostrar información sobre pacientes.

App de ejemplo en App Designer que emplea un árbol jerárquico para mostrar información sobre pacientes.

Uso compartido de apps

Comparta apps con otros usuarios, aún si no disponen de MATLAB.

Uso compartido de apps con otros usuarios de MATLAB

Empaquete apps de MATLAB en un único archivo que se puede compartir fácilmente con otros usuarios mediante MATLAB Desktop y MATLAB Online. Cuando se empaqueta una app, MATLAB crea un único archivo de instalación (.mlappinstall). Con este archivo, otros usuarios pueden instalar y acceder a la app con tan solo un clic desde la galería de apps.

Luego, puede compartir la app con otros usuarios a través de MATLAB Online y MATLAB Drive, que pueden ejecutar la app y colaborar en su diseño si les concede permiso para editar sus archivos. 

Creación de una app empaquetada para compartirla con otros usuarios de MATLAB.

Creación de una app empaquetada para compartirla con otros usuarios de MATLAB.

Creación de apps de escritorio y web independientes

Cree aplicaciones independientes mediante MATLAB Compiler y Simulink Compiler, y compártalas de forma gratuita con otros usuarios. También puede empaquetar sus apps como apps web interactivas y compartirlas mediante MATLAB Web App Server. Los usuarios finales pueden ejecutar las apps web directamente desde sus navegadores sin necesidad de instalar software adicional.

Compilador de apps web, que permite compartir apps con otros usuarios mediante una URL única.

Compilador de apps web, que permite compartir apps con otros usuarios mediante una URL única.