Main Content

このページの翻訳は最新ではありません。ここをクリックして、英語の最新版を参照してください。

アプリ作成コンポーネント

App Designer と UI Figure では、最新のフル機能アプリケーションを設計するためのコンポーネントの大規模なセットがサポートされています。以下の表に、使用可能なコンポーネントを示します。

  • 共通コンポーネント — 操作に応答するコンポーネント (ボタン、スライダー、ドロップダウン リスト、ツリーなど) を含みます。

  • 座標軸 — データの可視化と探索に使用するプロットを作成するための座標軸を含みます。

  • コンテナーおよび Figure のツール — コンポーネントをグループ化するためのパネルおよびタブと、メニュー バーを含みます。

  • 計器コンポーネント — ステータスを可視化するためのゲージおよびランプと、入力パラメーターを選択するためのノブおよびスイッチを含みます。

  • 拡張可能なコンポーネント — 自分で作成したカスタム UI コンポーネントを含みます。サードパーティのライブラリと連動して、ウィジェット、データ可視化などのコンテンツを表示します。

  • ツールボックス コンポーネント — ツールボックスで作成した UI コンポーネントを含みます。追加のツールボックス ライセンスとインストールが必要です。

すべてのコンポーネントがプログラムにより入手できます。ほとんどの UI コンポーネントは、App Designer の [コンポーネント ライブラリ] からキャンバスにドラッグ アンド ドロップすることもできます。App Designer アプリに [コンポーネント ライブラリ] で入手できないコンポーネントを追加する場合、または実行中のアプリに動的にコンポーネントを追加する場合については、プログラムによる App Designer への UI コンポーネントの追加を参照してください。

App Designer でグラフィックス関数を呼び出す場合、ワークフローは MATLAB® コマンド ラインで通常使用するものと少し異なります。App Designer でグラフィックス関数を呼び出す方法の詳細については、App Designer でのグラフィックスの表示を参照してください。

共通コンポーネント

コンポーネントの情報例
Button のプロパティ

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

CheckBox のプロパティ

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.

DropDown のプロパティ

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".

NumericEditField のプロパティ

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

EditField のプロパティ

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

Hyperlink のプロパティ

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

Image のプロパティ

An image component showing the MathWorks L-shaped Membrane logo

Label のプロパティ

Label that says "Select an Option" in bold font

ListBox のプロパティ

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

ButtonGroup のプロパティ
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".

Slider のプロパティ

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 のプロパティ

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.

Table のプロパティ

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"

ButtonGroup のプロパティ
ToggleButton のプロパティ

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.

Tree のプロパティ
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

Axes のプロパティ
このオブジェクトは、プログラムでのみ追加できます。

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

GeographicAxes のプロパティ
このオブジェクトは、プログラムでのみ追加できます。

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.

PolarAxes のプロパティ
このオブジェクトは、プログラムでのみ追加できます。

Scatter chart in polar coordinates

コンテナーおよび Figure のツール

コンテナーの情報例

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".

Panel のプロパティ

Empty panel with the label "Data".

TabGroup のプロパティ
Tab のプロパティ

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

Menu のプロパティ

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".

Toolbar のプロパティ
PushTool のプロパティ
ToggleTool のプロパティ

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

計器

コンポーネントの情報例
Gauge のプロパティ

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

NinetyDegreeGauge のプロパティ

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

SemicircularGauge のプロパティ

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

Knob のプロパティ

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

DiscreteKnob のプロパティ

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

Lamp のプロパティ

Lamp component with green color

Switch のプロパティ

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.

ToggleSwitch のプロパティ

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 Toolbox のコンポーネントをサポートします。詳細については、Flight Instruments (Aerospace Toolbox)を参照してください。ツールボックス コンポーネントを使用するには、関連ツールボックスの有効なライセンスとインストールが必要です。

関連するトピック