사용자 지정 UI 컴포넌트 만들기
앱에 사용할 사용자 고유의 재사용 가능한 사용자 지정 UI 컴포넌트 만들기
자신만의 사용자 지정 UI 컴포넌트를 만들어서 앱에서 사용하거나 다른 사용자와 공유할 수 있습니다. 사용자 지정 컴포넌트를 사용하면 기존 UI 컴포넌트 기능을 확장하고, 대형 앱을 관리 가능한 독립적인 조각으로 나누고, 다른 사용자들이 이러한 컴포넌트를 여러 앱에서 맞춤화하고 재사용할 수 있는 인터페이스를 개발할 수 있습니다. 사용자 지정 컴포넌트는 앱 디자이너에서 대화형 방식으로 만들거나 ComponentContainer
기본 클래스의 서브클래스를 생성해서 만들 수 있습니다. 두 방식 모두 앱 디자이너 앱에서 대화형 방식으로 컴포넌트를 사용하도록 구성할 수 있습니다.
클래스
matlab.ui.componentcontainer.ComponentContainer | Base class for developing custom UI component objects (R2020b 이후) |
메서드
함수
appdesigner.customcomponent.configureMetadata | Configure custom UI component for use in App Designer (R2021a 이후) |
appdesigner.customcomponent.removeMetadata | Remove custom UI component from App Designer (R2021a 이후) |
도움말 항목
앱 디자이너에서 컴포넌트 만들기
- 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.
프로그래밍 방식으로 컴포넌트 만들기
- 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.
컴포넌트 사용 및 공유하기
- 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.