Add, remove, and position components in your app using drag and drop operations.
Use common components to collect and plot user input.
Use container components to organize components into meaningful subgroups.
Use instrumentation components to replicate the look and actions of hardware controls.
Use dialog boxes to report status, ask questions, or allow users to select folders and files on their system.
If you are used to building apps using GUIDE, be aware that there are some important differences between GUIDE and App Designer. For more information, see Differences Between App Designer and GUIDE.
uiaxes |
Create UI axes for plots in App Designer |
uibutton |
Create push button or state button component |
uibuttongroup |
Create button group to manage radio buttons and toggle buttons |
uicheckbox |
Create check box component |
uidropdown |
Create drop-down component |
uieditfield |
Create text or numeric edit field component |
uilabel |
Create label component |
uilistbox |
Create list box component |
uiradiobutton |
Create radio button component |
uislider |
Create slider component |
uispinner |
Create spinner component |
uitable |
Create table user interface component |
uitextarea |
Create text area component |
uitogglebutton |
Create toggle button component |
scroll |
Scroll list box item or location into view |
uifigure |
Create UI figure window |
uipanel |
Create panel container object |
uitabgroup |
Create container for tabbed panels |
uitab |
Create tabbed panel |
uialert |
Display alert dialog box for UI figure window |
questdlg |
Create question dialog box |
inputdlg |
Create dialog box that gathers user input |
listdlg |
Create list selection dialog box |
uisetcolor |
Open color picker |
uigetfile |
Open file selection dialog box |
uiputfile |
Open dialog box for saving files |
uigetdir |
Open folder selection dialog box |
uiopen |
Open dialog box for selecting files to load into workspace |
uisave |
Open dialog box for saving variables to MAT-file |
| UI Axes (App Designer) Properties | Control UI axes appearance and behavior |
| Button (App Designer) Properties | Control button appearance and behavior |
| Button Group (App Designer) Properties | Control button group appearance and behavior |
| Check Box (App Designer) Properties | Control check box appearance and behavior |
| Drop-Down (App Designer) Properties | Control drop-down component appearance and behavior |
| Edit Field (App Designer) Properties | Control edit field appearance and behavior |
| Label (App Designer) Properties | Control label appearance |
| List Box (App Designer) Properties | Control list box appearance and behavior |
| Numeric Edit Field (App Designer) Properties | Control numeric edit field appearance and behavior |
| Radio Button (App Designer) Properties | Control radio button appearance |
| Slider (App Designer) Properties | Control slider appearance and behavior |
| Spinner (App Designer) Properties | Control spinner appearance and behavior |
| State Button (App Designer) Properties | Control state button appearance and behavior |
| Table (App Designer) Properties | Control appearance and behavior of table |
| Text Area (App Designer) Properties | Control text area appearance and behavior |
| Toggle Button (App Designer) Properties | Control toggle button appearance |
| UI Figure (App Designer) Properties | Control UI figure appearance and behavior |
| Panel (App Designer) Properties | Control panel appearance |
| Tab Group (App Designer) Properties | Control tab group appearance and behavior |
| Tab (App Designer) Properties | Control tab appearance |
| Discrete Knob (App Designer) Properties | Control discrete knob appearance and behavior |
| Gauge (App Designer) Properties | Control gauge appearance and behavior |
| Knob (App Designer) Properties | Control knob appearance and behavior |
| Lamp (App Designer) Properties | Control lamp appearance |
| Linear Gauge (App Designer) Properties | Control linear gauge appearance and behavior |
| Ninety-Degree Gauge (App Designer) Properties | Control ninety-degree gauge appearance and behavior |
| Rocker Switch (App Designer) Properties | Control rocker switch appearance and behavior |
| Semicircular Gauge (App Designer) Properties | Control semicircular gauge appearance |
| Switch (App Designer) Properties | Control switch appearance and behavior |
| Toggle Switch (App Designer) Properties | Control toggle switch appearance and behavior |
Choose Components for Your App Designer App
Determine which components to use in your App Designer app.
Add and Delete Components Using App Designer
Add or remove components (including grouped components) from the design area in App Designer.
Customize App Designer Components
Select components and change component property values in App Designer.
Move Components in App Designer
Learn how to rearrange components in App Designer.
Align, Space, and Resize Components in App Designer
Learn how to lay out components in App Designer.
Group Components for Layout Tasks in App Designer
Group together multiple components in App Designer so you can edit them as a group.
Parent and Reparent Components in App Designer
Learn how to specify a component's parent or change its parent in App Designer.
Display an Interactive Table in App Designer
Learn how to create an app containing a table that is linked to a plot in App Designer.