La traduction de cette page n'est pas à jour. Cliquez ici pour voir la dernière version en anglais.

Créer des composants UI personnalisés

Créer vos propres composants UI personnalisés pour les réutiliser dans vos applications

Créez vos propres composants UI personnalisés pour les utiliser dans vos applications ou les partager avec d’autres personnes. Vous pouvez personnaliser des composants pour étendre les fonctionnalités de composants UI existants, pour décomposer de grandes applications en parties indépendantes plus faciles à maintenir et pour concevoir une interface afin que les utilisateurs puissent personnaliser et réutiliser un composant dans plusieurs applications. Vous pouvez créer des composants personnalisés de manière interactive dans App Designer ou de manière programmatique en créant une sous-classe de la classe de base ComponentContainer. Dans les deux cas, vous pouvez configurer vos composants pour qu’ils soient utilisés de manière interactive dans des applications App Designer.

Classes

matlab.ui.componentcontainer.ComponentContainer Base class for developing custom UI component objects (depuis R2020b)

Méthodes

`setup`	Set up instance of component container subclass
`update`	Update instance of UI component container subclass after setting properties

Fonctions

`appdesigner.customcomponent.configureMetadata`	Configure custom UI component for use in App Designer (depuis R2021a)
`appdesigner.customcomponent.removeMetadata`	Remove custom UI component from App Designer (depuis R2021a)

Rubriques

Créer des composants dans 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.
Define Custom UI Component Startup Tasks in App Designer
Perform one-time startup tasks when a custom UI component is first created in an app.
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.

Créer des composants de manière programmatique

Develop Custom UI Components Programmatically
Walk through the basic steps to author a custom UI component class using MATLAB^® functions.
Manage Properties of Custom UI Components Programmatically
Validate property values, optimize how properties update, and customize how properties display for the UI components you author.
Create Custom UI Component With HTML
Use HTML UI components to author custom UI component classes with more flexibility.

Utiliser et partager des composants

Configure Custom UI Components for App Designer
Enable interactive use of your custom UI components in 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.

Informations connexes

Exemples présentés

Create Custom UI Component with a Chart in App Designer

Create a custom UI component that allows app creators to plot data in an interactive chart.

Ouvrir l'application

Create Custom Button with Hover Effect Using HTML

Create a custom button component that changes appearance when a user hovers over it in an app.

Ouvrir l'application

Modularize Your App by Creating a Custom UI Component

Modularize an App Designer app by separating out a portion of the layout as a custom UI component.

Ouvrir le script