Exponenta Banner
exponenta event banner

Компоненты для создания приложений

App Designer и UI-рисунки поддерживают большой набор компонентов для разработки современных полнофункциональных приложений. В таблицах ниже перечислены доступные компоненты.

  • Общие компоненты - включают компоненты, реагирующие на взаимодействия, такие как кнопки, ползунки, раскрывающиеся списки и деревья.

  • Оси (Axes) - включение осей для создания графиков для визуализации и исследования данных.

  • Контейнеры и инструменты рисунков - включают панели и вкладки для группирования компонентов, а также строки меню.

  • Компоненты КИПиА - Включают датчики и лампы для визуализации состояния, а также ручки и переключатели для выбора входных параметров.

  • Расширяемые компоненты - включение пользовательских компонентов пользовательского интерфейса, созданных пользователем. Взаимодействие с библиотеками сторонних производителей для отображения таких компонентов, как виджеты или визуализация данных.

  • Компоненты панели инструментов - включение созданных компонентов пользовательского интерфейса панели инструментов. Требуется дополнительная лицензия на набор инструментов и установка.

Все компоненты доступны программно. Большинство компонентов пользовательского интерфейса также доступны в библиотеке компонентов App Designer для перетаскивания на холст. Чтобы добавить компоненты в приложение App Designer, недоступные в библиотеке компонентов, или динамически добавляемые в запущенное приложение, см. раздел Добавление компонентов пользовательского интерфейса в App Designer программным способом.

При вызове графических функций в App Designer рабочий процесс несколько отличается от того, который обычно используется в командной строке MATLAB ®. Дополнительные сведения о вызове графических функций в App Designer см. в разделе Отображение графики в App Designer.

Общие компоненты

Информация о компонентеПример
Свойства кнопки

Push button with a bar chart icon to the left of the label "Plot Data"

Свойства флажка

A cleared check box labeled "Remove Outliers" and a selected check box beneath it labeled "Add Trendline"

Свойства CheckBoxTree
Свойства TreeNode

A tree with three parent nodes called "Sedimentary", "Igneous", and "Metamorphic". The node called "Sedimentary" is unchecked and collapsed, the node called "Igneous" is checked and collapsed, and the node called "Metamorphic" is partially checked and expanded to show its nested nodes "Slate" , "Marble", and "Gneiss". Each of the nodes shows a check box to the left of their label text.

Свойства DatePicker

An expanded date picker that displays drop-down menus for month and year, and the calendar for your selection. It also has icons that switch the calendar view to the previous month, the current date, or the next month.

Свойства раскрывающегося списка

Two drop-down components. The top drop-down is editable and collapsed. The bottom drop-down component is not editable. It is expanded and shows items "Red", "Green", and "Blue".

Свойства поля NumericEdit

Numeric edit field that shows the number 12. The edit field label is "Sample Size".

Править Свойства поля

A text edit field for entering a name displays "Cleve"

Свойства гиперссылки

A hyperlink with the display text "MathWorks home page" and a tooltip that displays the URL of the MathWorks website.

Свойства изображения

An image component showing the MathWorks L-shaped Membrane logo

Свойства метки

Label that says "Select an Option" in bold font

Свойства ListBox

List box with three items: "Red", "Green", and "Blue"

Свойства ButureGroup
Свойства RadioButton

Button group labeled "Select a Color" with three vertically stacked radio buttons. From top to bottom, the radio buttons are labeled "Red", "Green", and "Blue".

Свойства ползунка

Two slider components, both with limits ranging from zero to 100. The slider on the left is in a horizontal orientation. Its value is set to 40. The slider on the right is in a vertical orientation and its value is set to 75.

Свойства Спиннера

Spinner component with its value set to zero

Свойства StateButton

Two state buttons stacked vertically. The top button is labeled "Start". It is light gray in color. The bottom button labeled "Stop" is a darker gray.

Свойства таблицы

A table UI component that shows three columns: "LastName", "Age", and "Smoker". The table is sorted by last name in ascending order. The first two cells in the "Age" column are greater than 40 and appear in blue bold font. The third cell in the "Smoker" column shows a selected check box and the background color of the cell is yellow.

Свойства TextArea

Text area with the text "This sample might be an outlier"

Свойства ButureGroup
Свойства кнопки TogenseButton

Toggle button group labeled "Water Temperature (C)". It contains three vertically stacked toggle buttons. From top to bottom the buttons are labeled "0", "40", and "100". The "40" button is a darker gray color.

Свойства дерева
Свойства TreeNode

A tree with one node called "Samples" that is expanded to show its two nested nodes "Cape Ann" and "Nantucket". Each of these three nodes shows a blue file icon to the left of their label text. The "Cape Ann" node is also expanded to show two nested nodes called "Water Quality" and "Air Quality".

Оси

Сведения об осяхПример
Свойства UIAxes

A mesh surface plot

Свойства осей
Этот объект можно добавить только программно.

Two normalized histogram plots in the same axes. A blue histogram is centered near zero and an orange one is centered near one.

Свойства осевых осей
Этот объект можно добавить только программно.

Set of geographic axes that uses the 'colorterrain' basemap. A solid red line is plotted between two points: Imperial Beach, California and San Francisco, California. The two end points are marked with red asterisks.

Свойства полярных осей
Этот объект можно добавить только программно.

Scatter chart in polar coordinates

Контейнеры и инструменты рисунков

Информация о контейнереПример

Свойства GridLayout

Grid layout manager shown as selected on the App Designer canvas. The cursor is over the configure icon, and a tooltip next to it says "Configure grid layout".

Свойства панели

Empty panel with the label "Data"

Свойства TabGroup
Свойства вкладки

Tab group with two tabs called "Data" and "Plots". The "Data" tab is selected. It is a lighter gray than the "Plots" tab.

Свойства меню

Menu bar with the "File" menu expanded to show three submenus called "Open", "Save", and "Export"

Свойства ContextMenu

A context menu for a date picker component. The context menu has two menu items called "Change Format" and "Restore Defaults".

Свойства панели инструментов
Свойства PushTool
Свойства инструмента TogenseTool

Custom toolbar that, from left to right, shows an orange download icon, a dark gray email icon, and an orange help icon with a vertical separator to the left of it

Диалоги и уведомления

Сведения о диалоговом окнеПример
uialert
Этот объект можно добавить только программно.

An Invalid File dialog box displayed in front of a UI figure. A red octagon icon with a white exclamation point appears to the left of an alert message that says "File not found".

uiconfirm
Этот объект может быть добавлен только программно.

A Confirm Save dialog box with the message "Saving these changes will overwrite previous changes." The options it presents are "Overwrite", "Save as new", and "Cancel".

uiprogressdlg
Этот объект может быть добавлен только программно.

A progress dialog box displayed in front of a UI figure. The message displayed above the progress bar says "Loading your data". A blue progress bar shows that the process is one-third complete.

uisetcolor
Этот объект может быть добавлен только программно.

Color picker dialog box that shows the standard colors, recent colors, and preview of the default color which is set to yellow

uigetfile
Этот объект можно добавить только программно.

File selection dialog box

uiputfile
Этот объект может быть добавлен только программно.

Save to file dialog box

uigetdir
Этот объект можно добавить только программно.

Folder selection dialog box

uiopen
Этот объект можно добавить только программно.

Load file into workspace dialog box

uisave
Этот объект можно добавить только программно.

Save workspace variables dialog box

Инструментовка

Информация о компонентеПример
Свойства датчика

Circular gauge with limits ranging from zero to 100 and a value set to 60

Свойства датчика NinetyHeadingGauge

Ninety degree gauge with limits ranging from zero to 100 and a value set to 60

Свойства LinearGauge

Linear gauge with limits ranging from zero to 100 and a value set to 60

Свойства полукруглого датчика

Semicircular gauge with limits ranging from zero to 100 and a value set to 60

Свойства ручки

Knob with limits ranging from zero to 100. The value is set to zero.

Свойства рукоятки

Discrete knob with items, "Off", "Low", "Medium", and "High". The knob value is set to "Off."

Свойства лампы

Lamp component with green color

Свойства коммутатора

Slider switch with the slider to the left in the off position

Свойства RockerSwitch

Rocker switch oriented vertically. The bottom of the rocker is pressed into the "Off" position.

Свойства коммутатора TogenseSwitch

Toggle switch oriented vertically. The switch is toggled downward into the "Off" position.

Расширяемые компоненты

Информация о компонентеПример

matlab.ui.componentcontainer.ComponentContainer Класс

matlab.graphics.chartcontainer.ChartContainer Класс

Component container that combines a custom chart and custom color picker component along with a check box and a spinner.

Свойства HTML

Two HTML UI components stacked vertically. The top component shows formatted text and the bottom component shows a web page.

Компоненты панели инструментов

Приложения, созданные в App Designer или с помощью uifigure поддерживает компоненты панели инструментов Aerospace. Дополнительные сведения см. в разделе Летные приборы (Aerospace Toolbox). Для использования компонентов панели инструментов требуется действительная лицензия и установка соответствующей панели инструментов.

Связанные темы

Документация MATLAB

Поддержка