カスタム UI コンポーネントの作成
アプリで使用する再利用可能な独自のカスタム UI コンポーネントを作成する
独自のカスタム UI コンポーネントを作成して、アプリで使用するか、他のユーザーと共有します。カスタム コンポーネントを使用して既存の UI コンポーネントの機能を拡張し、大規模なアプリを独立した維持可能な部分に分割したり、ユーザーが複数のアプリ間でコンポーネントをカスタマイズして再利用するためのインターフェイスを設計したりできます。カスタム コンポーネントを App Designer で対話形式で作成するか、ComponentContainer 基底クラスのサブクラスを作成してプログラムにより作成します。どちらの場合でも、App Designer アプリで対話形式で使用するコンポーネントを構成できます。
クラス
matlab.ui.componentcontainer.ComponentContainer | カスタム UI コンポーネント オブジェクトの開発の基底クラス |
メソッド
関数
appdesigner.customcomponent.configureMetadata | Configure custom UI component for use in App Designer (R2021a 以降) |
appdesigner.customcomponent.removeMetadata | Remove custom UI component from App Designer (R2021a 以降) |
トピック
App Designer でのコンポーネントの作成
- Create a Simple Custom UI Component in App Designer
Walk through the basic steps to interactively create a simple custom UI component. - Create Public Properties for Custom UI Components in App Designer
Create and validate custom UI component property values by specifying data types, default values, and property validation functions. - Create Callbacks for Custom UI Components in App Designer
Create public callbacks for your custom UI component that can be used to program the component behavior in an app. - App Designer でのカスタム UI コンポーネントの起動タスクの定義
カスタム UI コンポーネントがアプリで初めて作成されたときに 1 回限りの起動タスクを実行する。 - Verify Behavior of Custom UI Components in App Designer
Verify that the public properties, callbacks, and display of your component appear and behave as expected. - Write Property Set Methods for Custom UI Components in App Designer
Perform custom validation of public properties by writing set methods for those properties. - Create Event Data for Custom UI Component Callbacks
Define event data associated with a callback that provides information about a user interaction. - Write Tests for Custom UI Component
Write automated tests to verify the behavior of a custom UI component.
プログラミングによるコンポーネントの作成
- プログラムによるカスタム UI コンポーネントの開発
MATLAB® 関数を使用してカスタム UI コンポーネント クラスを作成する基本的な手順を学ぶ。 - プログラムによるカスタム UI コンポーネントのプロパティの管理
プロパティ値を検証し、プロパティの更新方法を最適化し、作成する UI コンポーネントに対するプロパティの表示方法をカスタマイズする。 - Create Custom UI Component With HTML
Use HTML UI components to author custom UI component classes with more flexibility.
コンポーネントの作成と共有
- App Designer 用のカスタム UI コンポーネントの構成
カスタム UI コンポーネントの App Designer での対話形式での使用を有効にする。 - Configure Property Display for Custom UI Components in App Designer
Design public properties of your component to enable users to easily use the component in an App Designer app.
関連情報
注目の例
App Designer におけるチャートを使用したカスタム UI コンポーネントの作成
アプリ作成者が対話形式でデータをプロットできるカスタム UI コンポーネントを作成する。
HTML を使用したカーソルを合わせると表示されるカスタム ボタンの作成
ユーザーがアプリでポインターを合わせると外観が変化するカスタム ボタン コンポーネントを作成する。
カスタム UI コンポーネントの作成によるアプリのモジュール化
レイアウト部分をカスタム UI コンポーネントとして分離して App Designer アプリをモジュール化する。
