QT QML 시작하기 6 - Hello World

 << Previous

 QML에 대한 기본적인 소개를 끝내고 이제부터 가장 기본적인  QML Code에 대해 알아보자

이제 QML로 세상에서 가장 많이 만들어진 Application을 만들 것이다. 바로 'Hello World'다.

QT Creator을 실행 시킨다.( 개발환경은 VM Player에 설치한 우분투다. )

1. QT Creator에서 Project 만들기

QT Creator를 실행 시킨 후 순서대로 프로젝트를 만든다.

① 'Welcome'을 선택한다. 

② 'Project'를 선택한다. Project에서는 새로운 프로젝트( + New Project )를 생성 할 수도 있고 기존 프로젝트를 열 수도 있다.( Open Project )  

③ 'New Project'를 클릭하여 Project 생성창을 연다. 

④,⑤ 'Application'/'Qt Quick Application'을 선택한다.

⑥ 'Choose' 버튼을 클릭하여 다음으로 넘어간다.

① 프로젝트 이름을 쓴다. 

② 'Browse'버튼을 클릭하여 프로젝트가 생성될 폴더를 선택한다.

③ 'Next' 버튼을 클릭하여 다음으로 넘어간다.

① 사용할 QT 버전을 선택한다.

② ui 디자인 관련된 qml 파일을 첨부할 것인지 물어보는 체크박스로 체크를 해제한다.

③ 'Next' 버튼을 클릭하여 다음으로 넘어간다.

① 프로젝트가 성공적으로 만들어 졌을 경우 나오는 화면이다.

② 'Next' 버튼을 클릭하여 다음으로 넘어간다.

프로젝트를 만들 수 없을 때 나오는 화면이다. 내가 겪어본 이 경우는 컴파일 링크가 잘못 됐을 때주로 나왔다. 

QT를 설치하면 설치된 QT\tool 폴더 안에 Qt Creator도 같이 설치된다. 이 경우 개발에 필요한 컴파일의 링크등이 자동적으로 Qt Creator의 환경에 설정이 된다. QT와 같이 설치된 Qt Creator의 버전이 낮아 최신 버전의 QT Creator 를 다운받아 따로 설치하면 Qt Creator의 환경 설정이 안되어 있기 때문에 이런 에러가 발생한다.

 

생성된 프로젝트에 관한 정보를 보여준다. ① 'Finish' 버튼을 클릭하면 프로젝트 생성이 끝난다.

<main.cpp>

소스를 보면

QQmlApplicationEngine engine; 객체에 engine.load(QUrl(QStringLiteral("qrc:/main.qml"))); QML 파일을 로드하는 것을 볼 수 있다. engine 객체는 로드한 QML 파일을 실행시킨다.

<main.qml>

Qt Creator에서 기본적으로 만들어 주는 cpp / qml 파일이다.

① Run 버튼을 클릭하면 cpp 파일을 먼저 컴파일 후 qml파일을 로드한다.

Qt Creator를 이용하여 기본적인 프로젝트 만드는 방법을 연습해 봤다. Qt Creator에서 자동적으로 만들 어준 Code는 Windows를 Item을 사용하여 만들기 때문에 윈도우 캡션바가 자동으로 생성된다. 

나는 Embedded 장비에서 작업을 하기 때문에 Code를 아래와 같이 수정한다.

<main.cpp>

이 코드에서는  QQmlApplicationEngine engine; 객체가 없다. engine 객체는 QQuickView View;의 멤버변수로 View.setSource 함수로 QML 파일을 로드하면 View 객체 내부에서 engine에 로드한다.

<main.qml>

실행화면을 보면  Window 프레임이 사라진 것을 볼 수 있다.

hello_world.tar.gz

Next >>