Esta página es para la versión anterior. La página correspondiente en inglés ha sido eliminada en la versión actual.

Diseño de aplicaciones en App Designer

Diseñar y configurar el aspecto visual y la percepción de una app

Es posible diseñar el aspecto visual y la percepción de la app a través de la incorporación de componentes a la UI y la modificación de su disposición, y mediante la configuración de ciertos aspectos, como el tamaño, el color y los valores iniciales.

Funciones

expandir todo

appdesignerOpen App Designer Start Page or existing app file

Componentes comunes

uiaxesCreate UI axes for plots in apps
uibuttonCreate push button or state button component
uibuttongroupCreate button group to manage radio buttons and toggle buttons
uicheckboxCreate check box component
uidatepickerCreate date picker component
uidropdownCreate drop-down component
uieditfieldCreate text or numeric edit field component
uihtmlCreate HTML UI component
uiimageCreate image component
uilabelCreate label component
uilistboxCreate list box component
uimenuCreate menu or menu items
uiradiobuttonCreate radio button component
uisliderCreate slider component
uispinnerCreate spinner component
uitable Create table user interface component
uitextareaCreate text area component
uitogglebuttonCreate toggle button component
uitreeCreate tree component
uitreenodeCreate tree node component

Componentes de contenedores

uifigureCreate figure for designing apps
uipanelCreate panel container
uitabgroupCreate container for tabbed panels
uitabCreate tabbed panel
uigridlayoutCreate grid layout manager

Componentes de instrumentación

uigaugeCreate gauge component
uiknobCreate knob component
uilampCreate lamp component
uiswitchCreate slider switch, rocker switch, or toggle switch component
expandExpand tree node
collapseCollapse tree node
moveMove tree node
scrollScroll to location within container, list box, or tree
uistyleCreate style for table UI component
addStyleAdd style to table UI component
removeStyleRemove style from table UI component
uialertDisplay alert dialog box
uiconfirmCreate confirmation dialog box
uiprogressdlgCreate progress dialog box
uisetcolorOpen color picker
uigetfileOpen file selection dialog box
uiputfileOpen dialog box for saving files
uigetdirOpen folder selection dialog box
uiopenOpen file selection dialog box and load selected file into workspace
uisaveOpen dialog box for saving variables to MAT-file

Propiedades

expandir todo

Componentes comunes

UIAxes PropertiesUI axes appearance and behavior
Button PropertiesControl button appearance and behavior
ButtonGroup PropertiesControl button group appearance and behavior
CheckBox PropertiesControl check box appearance and behavior
DatePicker PropertiesControl date picker appearance and behavior
DropDown PropertiesControl drop-down list appearance and behavior
EditField PropertiesControl edit field appearance and behavior
HTML PropertiesControl HTML UI component appearance and behavior
Image PropertiesControl image component appearance and behavior
Label PropertiesControl label appearance
ListBox PropertiesControl list box appearance and behavior
Menu PropertiesControl menu appearance and behavior
NumericEditField PropertiesControl numeric edit field appearance and behavior
ProgressDialog PropertiesControl progress dialog box appearance and behavior
RadioButton PropertiesControl radio button appearance
Slider PropertiesControl slider appearance and behavior
Spinner PropertiesControl spinner appearance and behavior
StateButton PropertiesControl state button appearance and behavior
Table PropertiesControl table UI component appearance and behavior
TextArea PropertiesControl text area appearance and behavior
ToggleButton PropertiesControl toggle button appearance
Tree PropertiesControl tree appearance and behavior
TreeNode PropertiesControl tree node appearance and behavior

Componentes de contenedores

UI Figure PropertiesControl UI figure appearance and behavior for apps
Panel PropertiesControl panel appearance
TabGroup PropertiesControl tab group appearance and behavior
Tab PropertiesControl tab appearance
GridLayout PropertiesControl grid layout manager behavior

Componentes de instrumentación

DiscreteKnob PropertiesControl discrete knob appearance and behavior
Gauge PropertiesControl gauge appearance and behavior
Knob PropertiesControl knob appearance and behavior
Lamp PropertiesControl lamp appearance
LinearGauge PropertiesControl linear gauge appearance and behavior
NinetyDegreeGauge PropertiesControl ninety-degree gauge appearance and behavior
RockerSwitch PropertiesControl rocker switch appearance and behavior
SemicircularGauge PropertiesControl semicircular gauge appearance
Switch PropertiesControl switch appearance and behavior
ToggleSwitch PropertiesControl toggle switch appearance and behavior
Style PropertiesStyle for table UI component

Temas

Componentes del diseñador de aplicaciones

Vea una lista de los componentes de la interfaz de usuario disponibles en el diseñador de aplicaciones.

Diseñar aplicaciones en App Designer

Aprenda a organizar los componentes en el lienzo de App Designer.

Mediante los administradores de diseño de cuadrícula

Aprenda a usar un administrador de diseño de cuadrícula para diseñar una aplicación mediante programación.

Las aplicaciones con auto-reflujo

Obtenga información sobre las aplicaciones que crecen, reducen y refluyen automáticamente el contenido en respuesta a los cambios en el tamaño de la pantalla.

Administrar aplicaciones de tamaño variable en App Designer

Obtenga información sobre el comportamiento de cambio de tamaño automático y las devoluciones de llamada de SizeChangedFcn en el diseñador de aplicaciones.

App Designer atajos de teclado

Obtenga información sobre los métodos abreviados de teclado de App Designer que funcionan en la vista de diseño y de código.

Preferencias del diseñador de aplicaciones

Especifique qué opciones están siempre habilitadas o desactivadas siempre que trabaje en el diseñador de aplicaciones.