Develop Apps Using App Designer
App Designer is an interactive development environment for designing an app layout and programming its behavior. It provides a fully integrated version of the MATLAB® Editor and a large set of interactive UI components. It also offers a grid layout manager to organize your user interface, and automatic reflow options to make your app detect and respond to changes in screen size. It lets you distribute apps by packaging them into installer files directly from the App Designer toolstrip, or by creating a standalone desktop or web app (requires MATLAB Compiler™).
To get started, see Create and Run a Simple App Using App Designer or watch Getting Started with App Designer.
Functions
appdesigner | Open App Designer Start Page or existing app file |
Topics
Learn the Basics of App Designer
Create and Run a Simple App Using App Designer
Step through the process of creating a simple app using App Designer.
View samples of the UI components available for building modern apps.
Lay Out Apps in App Designer Design View
Arrange and configure components on the App Designer canvas.
Manage Code in App Designer Code View
Use Code View to program the behavior of your app.
View and merge changes between two apps.
Customize App Appearance
Manage Resizable Apps in App Designer
Manage the default automatic resizing behavior in App Designer.
Add UI Components to App Designer Programmatically
Add UI components that are not available in the Component Library, or that you want to create at run time.
Display Graphics in App Designer
Use graphics functions to create axes and charts.
Table Array Data Types in App Designer Apps
Control the display of different data types when using table array data in an app.
Program App Behavior
Write Callbacks in App Designer
Write callbacks to control the behavior of apps you create in App Designer.
- Startup Tasks and Input Arguments in App Designer
- Use One Callback for Multiple App Designer Components
- Share Data Within App Designer Apps
- Reuse Code Using Helper Functions
Creating Multiwindow Apps in App Designer
Combine multiple apps into a multiwindow app, and share data between those apps.
Create HTML File That Can Trigger or Respond to Data Changes
Create an HTML file to embed HTML, JavaScript®, or CSS content in your app that can trigger or respond to data changes.
App Designer Settings and Compatibility
Enable or disable options for App Designer.
App Designer Keyboard Shortcuts
Use keyboard shortcuts that work in Design View and Code View.
Compatibility Between Different Releases of App Designer
Make your apps compatible with previous releases of App Designer.
Related Information
Create Web App (MATLAB Compiler)
