App Designer

Crear apps de manera interactiva

Descripción

App Designer es un entorno de desarrollo interactivo para diseñar una app y programar su comportamiento.

Puede usar App Designer para:

• Crear, editar y compartir apps de forma interactiva.

• Crear de forma interactiva componentes personalizados de la IU para usarlos en apps o compartirlos con otras personas.

• Consultar ejemplos destacados que le ayudarán a empezar a crear apps con MATLAB^®.

• Seguir un tutorial guiado para conocer los fundamentos del desarrollo de apps interactivas en MATLAB.

Para obtener más información, consulte Crear y ejecutar una app sencilla utilizando App Designer.

Abrir App Designer

• Barra de herramientas de MATLAB: En la pestaña Apps, haga clic en Design App.

• Línea de comandos de MATLAB: Introduzca appdesigner.

Ejemplos

Crear una app

Cuando abre App Designer, aparece la página de inicio de App Designer.

Para crear una app, seleccione una de las plantillas de app de la sección Apps de la página de inicio:

• Blank App: cree un archivo de app en blanco.

• 2-Panel App with Auto-Reflow: cree una app con dos paneles que cambien automáticamente de tamaño y se adapten a los distintos tamaños de pantalla de los dispositivos.

• 3-Panel App with Auto-Reflow: cree una app con tres paneles que cambien automáticamente de tamaño y se adapten a los distintos tamaños de pantalla de los dispositivos.

Se abrirá un nuevo archivo llamado app1.mlapp en App Designer. El archivo app1.mlapp no aparecerá en el panel de archivos de MATLAB hasta que lo guarde.

Para obtener más información sobre cómo diseñar su app con App Designer, consulte Crear y ejecutar una app sencilla utilizando App Designer.

Crear un componente personalizado de la IU

Cree un componente personalizado de la IU que podrá utilizar en sus apps o compartir con otros usuarios.

Cuando abre App Designer, aparece la página de inicio de App Designer.

Para crear un componente personalizado de la IU, seleccione una de las plantillas de la sección Custom UI Components de la página de inicio:

• Blank Component: crear un archivo de componente personalizado de la IU en blanco.

• Blank Component with Grid Layout: crear un componente personalizado de la IU con un diseño de cuadrícula que gestione el diseño y el tamaño del componente de la IU en una app.

Se abrirá un nuevo archivo llamado comp1.mlapp en App Designer. El archivo comp1.mlapp no aparecerá en el panel de archivos de MATLAB hasta que lo guarde.

Para obtener más información sobre la creación de componentes personalizados de la IU con App Designer, consulte Create a Simple Custom UI Component in App Designer.

Abrir un archivo de app existente

Abra una app existente creada en App Designer haciendo clic en el botón Open de la página de inicio de App Designer. Si ha abierto recientemente una app, también puede hacer clic en el nombre de la app en la sección Recent Files para volver a abrir el archivo.

Empaquetar y compartir una app

Después de crear una app, puede empaquetarla en un único archivo instalador que podrá compartir fácilmente con otras personas.

Con la app abierta en App Designer, seleccione la pestaña Designer. Luego, seleccione Share > MATLAB App.

Rellene el cuadro de diálogo Configure MATLAB App for Sharing y haga clic en Package para crear un archivo de instalación y compartir su app con sus usuarios.

Para obtener más información, consulte Package Apps in App Designer.

Ejemplos relacionados

• Ways to Build Apps
• Lay Out Apps in App Designer Design View
• Manage Code in App Designer Code View

Uso programático

appdesigner

appdesigner abre la página de inicio de App Designer.

appdesigner(filename)

appdesigner(filename) abre el archivo MLAPP especificado en App Designer. Especifique filename como un escalar de cadena o un vector de caracteres.

Si el archivo MLAPP no se encuentra en la ruta de MATLAB, especifique la ruta completa. Por ejemplo, appdesigner("C:\Documents\myapp.mlapp") abre el archivo especificado en App Designer.

Historial de versiones

Introducido en R2016a