QML 에서는 JSON , JS 를 같이 사용한다.
디버깅시에는 F5 를 눌러 출력창을 확인한다.
import QtQuick
Window {
visible : true;
id : root; // id 값은 객체끼리 식별하기 위해 필요하다
width : 120;
height : 240;
color : "#D8D8D8"
Image {
id : rocket;
// 여기서 parent.width 는 부모의 width 인 120 이 되고
// width 는 이미지 자체의 크기가 된다. 예를들어 이미지 크기가 128 * 64 라면, 128 이 되겠다.
x : (parent.width - width) /2;
y : 40;
source : 'assets/rocket.png';
}
Text {
y : rocket.y + rocket.height + 20;
width : root.width;
horizontalAlignment : Text.AlignHCenter;
text : 'Rocket';
}
}