Qt Quick UI 프로토타입 만들기

Qt Quick UI 프로토타입 프로젝트는 사용자 인터페이스를 테스트하거나 프로토타입을 제작하는 데 유용하며, 예를 들어 QML 편집 전용으로 별도의 프로젝트를 설정하는 데에도 활용할 수 있습니다. 그러나 다음 요소가 포함되어 있지 않으므로 애플리케이션 개발에는 사용할 수 없습니다:

• C++ 코드
• 리소스 파일 (.qrc)
• 기기에 애플리케이션을 배포하는 데 필요한 코드

Qt Quick UI 프로토타입 프로젝트를 Qt Quick 애플리케이션 프로젝트로 변환하는 방법에 대한 자세한 내용은 ‘UI 프로젝트를 애플리케이션으로 변환’을 참조하십시오.

Qt Quick UI 프로토타입 프로젝트를 생성하려면:

1. File > New Project > Other Project > Qt Quick UI Prototype로 이동합니다.
2. Choose 을 선택하여 Project Location 대화 상자를 엽니다.
3. ' Name'에서 애플리케이션 이름을 입력합니다.
4. ' Create in'에서 프로젝트 파일의 경로를 입력합니다. ' Use as default project location '를 선택하면 기본적으로 이 폴더에 새 프로젝트가 생성됩니다.
5. Next (macOS의 경우 Continue )를 선택하여 ‘ Define Project Details ’ 대화 상자를 엽니다.
6. 다음 항목을 선택하여 Create a project that you can open in Qt Quick Designer 을 선택하여 프로젝트를 Qt Quick Designer와 호환되도록 설정하십시오.
7. 다음 항목을 선택하여 Use Qt Virtual Keyboard 을 선택하여 Qt Virtual Keyboard 지원 기능을 추가하려면를 선택하십시오.

   참고: Qt XML 설치 시 Qt Virtual Keyboard 모듈을 설치하지 않은경우 , main.qml 를 열려고 하면 오류 메시지가 표시됩니다.

8. Next 을 선택하여 Kit Selection 대화 상자를 엽니다.
9. 애플리케이션을 빌드할 플랫폼에 대한 키트를 선택하십시오.

   참고: 키트는 [ Preferences ] > [ Kits]에서 지정된 경우에만 목록에 표시됩니다.

10. ‘ Next ’를 선택하여 ‘ Project Management ’ 대화 상자를 엽니다.
11. 프로젝트 설정을 검토한 후, Windows 및 Linux에서는 ‘ Finish ’를, macOS에서는 ‘ Done ’를 선택하여 프로젝트를 생성하십시오.

Qt Creator 다음과 같은 파일이 생성됩니다.

• .qmlproject 프로젝트 파일은 프로젝트 폴더 내의 모든 QML, JavaScript 및 이미지 파일이 해당 프로젝트에 속함을 정의합니다. 따라서 프로젝트에 포함된 모든 파일을 일일이 나열할 필요가 없습니다.
• .qml 파일은 컴포넌트나 전체 애플리케이션 UI와 같은 UI 항목을 정의합니다.
• Screen01.ui.qml 이 파일은 배경을 구성하는 Rectangle 유형의 인스턴스와, Button, 그리고 텍스트를 표시하는 Text 컴포넌트를 사용하여 사용자 정의 QML 유형을 정의합니다. 이 파일은 Create a project that you can open in Qt Quick Designer를 선택하면 생성됩니다.

애플리케이션에서 JavaScript 및 이미지 파일을 사용하려면 해당 파일을 프로젝트 폴더로 복사하십시오.