La traducción de esta página aún no se ha actualizado a la versión más reciente. Haga clic aquí para ver la última versión en inglés.

Desarrollar apps basadas en `uifigure`

Desarrolle apps de manera programática mediante las figuras de las IU diseñadas para la creación de apps (función uifigure)

Diseñe y edite apps de manera programática codificando su diseño y comportamiento mediante las funciones de MATLAB^®. La función uifigure crea una figura configurada expresamente para la creación de apps y que ejerce de contenedor de la interfaz de usuario. Las figuras de la IU son compatibles con los mismos tipos de gráficas modernas y los componentes interactivos de la IU compatibles con App Designer.

Funciones

expandir todo

Contenedores

`uifigure`	Create figure for designing apps
`uigridlayout`	Create grid layout manager
`uipanel`	Create panel container
`uitabgroup`	Create container for tabbed panels
`uitab`	Create tabbed panel

Ejes

`uiaxes`	Create UI axes for plots in apps
`axes`	Create Cartesian axes
`geoaxes`	Create geographic axes
`polaraxes`	Create polar axes

Componentes

Componentes comunes

`uibutton`	Create push button or state button component
`uibuttongroup`	Create button group to manage radio buttons and toggle buttons
`uicheckbox`	Create check box component
`uidatepicker`	Create date picker component
`uidropdown`	Create drop-down component
`uieditfield`	Create text or numeric edit field component
`uihyperlink`	Create hyperlink component (desde R2021a)
`uiimage`	Create image component
`uilabel`	Create label component
`uilistbox`	Create list box component
`uiradiobutton`	Create radio button component
`uislider`	Create slider or range slider component
`uispinner`	Create spinner component
`uitable`	Create table user interface component
`uitextarea`	Create text area component
`uitogglebutton`	Create toggle button component
`uitree`	Create tree or check box tree component
`uitreenode`	Create tree node component

Herramientas de la figura

`uicontextmenu`	Create context menu component
`uimenu`	Create menu or menu items
`uipushtool`	Create push tool in toolbar
`uitoggletool`	Create toggle tool in toolbar
`uitoolbar`	Create toolbar in figure

Componentes de instrumentación

`uigauge`	Create gauge component
`uiknob`	Create knob component
`uilamp`	Create lamp component
`uiswitch`	Create slider switch, rocker switch, or toggle switch component

Componentes extensibles

uihtml Create HTML UI component (desde R2019b)

Estilo y control de componentes

Componentes personalizables

`uistyle`	Create style for UI component (desde R2019b)
`addStyle`	Add style to UI component (desde R2019b)
`removeStyle`	Remove style from UI component (desde R2019b)

Nodo de árbol

`expand`	Expand tree node
`collapse`	Collapse tree node
`move`	Move tree node

Menú contextual

open Open context menu at location within UI figure (desde R2020a)

Componentes desplazables

`scroll`	Scroll to location within component
`isInScrollView`	Determine if component is visible in scrollable container (desde R2022a)

Componentes centrables

focus Focus UI component (desde R2022a)

Componentes extensibles

sendEventToHTMLSource Send HTML UI component event from MATLAB to JavaScript (desde R2023a)

Diseño

`uistack`	Reorder visual stacking of UI components
`movegui`	Move figure to specified location on screen

Diálogos y notificaciones

`uialert`	Display alert dialog box
`uiconfirm`	Create confirmation dialog box
`uiprogressdlg`	Create progress dialog box
`uisetcolor`	Open color picker
`uigetfile`	Open file selection dialog box
`uiputfile`	Open dialog box for saving files
`uigetdir`	Abrir el cuadro de diálogo de selección de carpetas
`uiopen`	Open file selection dialog box and load selected file into workspace
`uisave`	Open dialog box for saving variables to MAT-file

Propiedades

expandir todo

Contenedores

UI Figure Properties	Control UI figure appearance and behavior for `uifigure`-based apps
GridLayout Properties	Control grid layout manager behavior
Panel Properties	Control panel appearance and behavior
TabGroup Properties	Control tab group appearance and behavior
Tab Properties	Control tab appearance and behavior

Ejes

UIAxes Properties	UI axes appearance and behavior
Axes Properties	Axes appearance and behavior
GeographicAxes Properties	Control geographic axes appearance and behavior
PolarAxes Properties	Polar axes appearance and behavior

Componentes

Componentes comunes

Button Properties	Control button appearance and behavior
ButtonGroup Properties	Control button group appearance and behavior
CheckBox Properties	Control check box appearance and behavior
CheckBoxTree Properties	Control check box tree appearance and behavior (desde R2021a)
DatePicker Properties	Control date picker appearance and behavior
DropDown Properties	Control drop-down list appearance and behavior
EditField Properties	Control edit field appearance and behavior
Hyperlink Properties	Control hyperlink appearance (desde R2021a)
Image Properties	Control image component appearance and behavior
Label Properties	Control label appearance
ListBox Properties	Control list box appearance and behavior
NumericEditField Properties	Control numeric edit field appearance and behavior
ProgressDialog Properties	Control progress dialog box appearance and behavior
RadioButton Properties	Control radio button appearance
RangeSlider Properties	Control range slider appearance and behavior (desde R2023b)
Slider Properties	Control slider appearance and behavior
Spinner Properties	Control spinner appearance and behavior
StateButton Properties	Control state button appearance and behavior
Table Properties	Control table UI component appearance and behavior
TextArea Properties	Control text area appearance and behavior
ToggleButton Properties	Control toggle button appearance
Tree Properties	Control tree appearance and behavior
TreeNode Properties	Control tree node appearance and behavior

Herramientas de la figura

ContextMenu Properties	Control context menu appearance and behavior
Menu Properties	Control menu appearance and behavior
PushTool Properties	Control push tool appearance and behavior
ToggleTool Properties	Control toggle tool appearance and behavior
Toolbar Properties	Control toolbar appearance and behavior

Componentes de instrumentación

DiscreteKnob Properties	Control discrete knob appearance and behavior
Gauge Properties	Control gauge appearance and behavior
Knob Properties	Control knob appearance and behavior
Lamp Properties	Control lamp appearance
LinearGauge Properties	Control linear gauge appearance and behavior
NinetyDegreeGauge Properties	Control ninety-degree gauge appearance and behavior
RockerSwitch Properties	Control rocker switch appearance and behavior
SemicircularGauge Properties	Control semicircular gauge appearance
Switch Properties	Control switch appearance and behavior
ToggleSwitch Properties	Control toggle switch appearance and behavior

Componentes extensibles

HTML Properties

Control HTML UI component appearance and behavior (desde R2019b)

Estilo y control de componentes

Style Properties

Style for table or tree UI component (desde R2019b)

Temas

Conceptos básicos de la creación de apps de forma programática

Create and Run a Simple Programmatic App
Step through the process of creating a simple app programmatically.
Componentes de creación de apps
Visualice muestras de los componentes de IU disponibles para crear apps modernas.
Ways to Build Apps
Choose an app building approach that best suits your project requirements and your preferred workflow.

Personalizar el aspecto de la app

Lay Out Apps Programmatically
Manage the size, location, and front-to-back order of components programmatically.
Manage App Resize Behavior Programmatically
Manage the default automatic resizing behavior for programmatic apps.
Programmatic App That Displays a Table
Create a table UI component and modify its appearance and behavior programmatically.
Format Tabular Data in Apps
Control how different data types are displayed when using table array data in an app.
Style Cells in a Table UI Component
Color cells, format text, and display icons in a table UI component.
Create HTML Content in Apps
Create an HTML file to embed HTML, JavaScript^®, or CSS content in your app that can trigger or respond to data changes.

Programar el comportamiento de la app

Create Callbacks for Apps Created Programmatically
Write callbacks to control the behavior of apps you create programmatically.
Share Data Among Callbacks
Manage and share data in your app using different techniques.
Interrupt Callback Execution
Learn how to control whether callbacks can be interrupted by other callbacks.
Create Responsive Apps
Apply techniques to improve the performance and responsiveness of your apps.
Improve App Startup Time
Improve the time it takes for your app to load by populating only the content that is visible.
Debug HTML Content in Apps
Simulate how data is sent between MATLAB and JavaScript in an HTML UI component.

Información relacionada

Marco de pruebas para apps

Desarrollar apps basadas en uifigure

Funciones

Contenedores

Ejes

Componentes

Componentes comunes

Herramientas de la figura

Componentes de instrumentación

Componentes extensibles

Estilo y control de componentes

Componentes personalizables

Nodo de árbol

Menú contextual

Componentes desplazables

Componentes centrables

Componentes extensibles

Diseño

Diálogos y notificaciones

Propiedades

Contenedores

Ejes

Componentes

Componentes comunes

Herramientas de la figura

Componentes de instrumentación

Componentes extensibles

Estilo y control de componentes

Temas

Conceptos básicos de la creación de apps de forma programática

Personalizar el aspecto de la app

Programar el comportamiento de la app

Información relacionada

Desarrollar apps basadas en `uifigure`