UI 컴포넌트 사용하기

방법 UI 컴포넌트 사용하기

컴포넌트는 하나의 파일(파일 확장자 ui.qml 또는 .qml)에 지정됩니다. 예를 들어 버튼 컴포넌트는 Button.ui.qml 에 정의할 수 있습니다. 일반적으로 컴포넌트의 시각적 모양은 UI 파일 (ui.qml)에 정의됩니다. 컴포넌트 파일을 만들려면 마법사 템플릿을 사용하거나 컴포넌트 인스턴스를 별도의 컴포넌트 파일로 이동할 수 있습니다.

Component 보기에는 사용 가능한 컴포넌트가 나열되어 있습니다.

Components 프로젝트에 임포트한 Qt 모듈의 QML 유형을 표시합니다. 모듈에는 기본 도형 및 UI 컨트롤과 같은 시각적 구성 요소가 포함되어 있으며 프로젝트에 기능을 추가합니다.

UI 컨트롤의 스타일을 macOS, Windows, Android 또는 iOS와 같은 특정 운영 체제의 모양과 느낌을 갖도록 지정할 수 있습니다.

일부 모듈에는 눈에 보이는 구성 요소가 없습니다. 예를 들어 Qt.Multimedia 모듈은 UI에 오디오 및 비디오 파일에 대한 지원을 추가합니다.

나만의 컴포넌트를 만드는 방법에 대한 자세한 내용은 사용자 지정 컴포넌트 만들기를 참조하세요.

컴포넌트 ID

각 컴포넌트와 컴포넌트의 각 인스턴스에는 고유하게 식별하고 다른 컴포넌트의 속성을 바인딩할 수 있는 ID가 있습니다. ID는 고유해야 하며 소문자 또는 밑줄 문자로 시작해야 하고 문자, 숫자, 밑줄 문자만 포함할 수 있습니다.

자세한 내용은 ID 속성을 참조하세요.

컴포넌트를 경제적으로 사용하기

컴포넌트에는 성능 비용이 발생합니다. 컴포넌트를 효율적이고 경제적으로 사용하려면

• 리소스를 UI의 필요에 맞게 편리하게 재조합할 수 있는 재사용 가능한 컴포넌트로 패키징하여 디자인을 컴포넌트화하세요.
• 필요한 만큼의 컴포넌트만 사용하세요. 컴포넌트 수를 최소화하려면 별칭 프로퍼티와 상태를 사용하여 컴포넌트 인스턴스의 차이를 만들어 보세요. 컴포넌트를 복제하는 대신 재사용하는 것이 좋으므로 완전히 새로운 컴포넌트 유형으로 처리할 필요가 없습니다. 이렇게 하면 로딩 및 컴파일 시간은 물론 바이너리 크기도 줄어듭니다.
• 데이터 기반 콘텐츠는 해당 컴포넌트의 공용 속성(별칭 속성)으로 내보내야 합니다. 예를 들어 속도계에는 UI가 바인딩되는 속도에 대한 int 또는 real 프로퍼티가 있어야 합니다.
• UI를 애플리케이션 로직과 분리하세요. 디자이너는 UI 파일 (.ui.qml)로 작업하고, 개발자는 해당 구현 파일(.qml)에서 프로그래밍 동작 또는 JavaScript를 정의해야 합니다. 이렇게 하면 서로의 작업을 덮어쓸 위험 없이 프로세스의 디자인과 개발 양쪽에서 반복 작업을 수행할 수 있습니다.