생짜

<<Previous - Display Order(2)

QML Object를 동적으로 생성하는 방법에 대한 설명은 아래 링크를 따라 가면 된다.

Dynamic QML Object Creator( http://doc.qt.io/qt-5/qtqml-javascript-dynamicobjectcreation.html )

QML 파일을 동적으로 생성하기 위해서는 Qt 객체의 함수 두 개를 사용해야 한다.

첫 번째로 Qt.createComponent() 를 이용하여 Component를 생성하거나 Qt.createQmlObject() 를 사용하여

문자열로 QML 객체를 정의하여 만들 수 있다.

두 번째로 QML 객체가 생성되면 Qt.createObject() 를 이용하여 생성된 객체에 속성 값을 설정한다.

첫 변째 두 함수의 차이는 Qt.createComponent()는 첫 번째 인자로 QML 객체(소스) URL을 전달하고 Qt.createQmlObject()은 첫 번째 인자로 QML 객체를 정의하고 있는 string을 넘겨준다.

Qt.createComponent()를 이용하여 간단한 javascript함수를 만들면 아래와 같다.

create_qml_object 함수를 이용한 예제:

[main.qml]

[Rect.qml]

QML Display Order를 할 수 있는 z Order, Loader 객체 이용, 객체 Creator 세가지 방법에 대해 모두 알아봤다.

사실 Loader객체와 객체를 Creator하는 방법은 QML Display Order에 상관있는 부분은 아니다. 하지만 QML 파일을  필요할 때 생성하고 삭제 하면 Display하는데 조금이나마 유리할 수 있다. 

exQMLCreator.tar.gz

맛은.....우리가 다 아는 그 맛이다...토마토 스파게티 맛...ㅎㅎㅎ

숙주 때문에 양이 많아졌다. 반정도만 먹고 나머지는 내일 아침에 먹기로 결정 ^^

맛은 딱히 없다...ㅋㅋㅋ

내가 간을 쎄개 하지도 않고 기름을 많이 사용하지 않기 때문이다.

<<Previous - Display Order(1)

Loader Object는 URL( source ) 또는 Component Object를 이용하여 동적으로 QML 구성 요소를 생성하는데 사용된다. 

Loader는 QML 파일 (source 속성 사용) 또는 Component 객체 (sourceComponent 속성 사용)를 로드 할 수 있다. 필요에 따라 구성 요소를 작성해야하거나 성능상의 이유로 구성 요소를 불필요하게 작성하지 않아야 할 때까지 구성 요소의 작성을 지연시킬 때 유용하다.

다음은 Row에 Repeater 객체를 이용하여 Rectangle을 5개 만들고 각 Rectangle를 클릭할 때마다 Loader 객체를 이용하여 동적으로 QML 구성 요소를 로드하는 예제이다. 

Row 객체 안에 Repeater 객체를 선언하고 Repeater의 model 속성에 5개의 값을 주면 Repeater 객체 안에 선언되어 있는 visual 객체( 여기서는 Rectangle )를 model 수만큼 Row로 생성한다. ( Column 객체안에 Repeater가 선언되어 있다면 Column 형태로 객체가 생성된다. )  MouseArea 객체는 visual 객체 안에서 선언 할 수 있기 때무에 Rectangle 객체의 자식으로 선언되었다. MouseArea 객체안의 index 속성은 Repeater 객체에서 주는 속성이다. 이기 때문에 따로 선언을 하지 않아도 된다. 

[Rect1.qml]

[Rect2.qml]

<1> Rectangle 를 클릭하면 'id_loader'에 source로 "Rect1.qml" 파일을 설정한다. ( main.qml의 Line 38 부터 )

active = false는 혹시 몰라 load되어 있는 qml 파일을 삭제 하는 것이다. Rect1.qml 파일을 load 한 후 active = true를 해줘야 한다. Rect1.qml 을 load한 후 id_loader.item( item은 id_loader에 load되어 있는 객체를 가르킨다. 여기서는 Rect1.qml 객체이다.) 을 이용하여 Rect1.qml에 파일에 있는 객체에 값을 셋팅한다. ( id_loader.item.strTxt = "test" )

Rect1의 확인을 클릭하면 id_loader로 exit signal을 보낸다. blue Rectangle을 클릭하면 id_loader로 Rect1이 signal을 보내고 이 signal을 받은 id_loader가 다시 Rect1에 signal을 보낸다. 이로써 Loader 객체를 사용하여 동적으로 QML 파일을 생성해도 signal 통신 및 생성된 객체에 값을 전달하는 것도 가능하다는 것을 알 수 있다.

<2> Rectangle을 클릭하면 (2) 화면의 red Rectangle이 생성된다. 이 때 active = false를 해줌으로써 전에 로드 되어 있던 Rect1.qml은 삭제, 다시 source에 Rect2.qml을 로드한다. 함수 테스트를 위해 javascript 함수를 만들어서 사용해 봤다.

<3> Rectangle을 클릭하면 단순하게 id_loader의 속성인 visible에 true/false값을 할당하여 id_loader를 보였다 안보였다만 할 뿐이다. id_loader에 할당되어 있는 Rect2.qml은 그대로이다. 

<4> 은 Loader의 source 가 아니라 sourceComponent 속성을 이용하여 파일이 아니라 Component 객체를 로드한 예이다. Component 객체는 main.qml 에 기술되어 있지만 loader를 통해 로딩되기 전까지는 객체가 아니다. 객체가 아니기 때문에 선언되어 있어도 보이지 않는 것이다.

<5>은 visible 속성이 아니라 active 속성을 이용하여 보였다 안보였다 하는 것으로 이 경우 보이는 것이아니라 객체 자체를 해제했다 할당했다 하는 것이다.

exLoader.tar.gz

Next >>

QML은 declarative 언어이기 때문에 위에서부터 선언된 순서대로 Display를 한다.

결국 맨 마지막에 있는 Item이 그려진다는 이야기이다.

다시말해 현재 Item은 바로 위의 Item을 덮는다.

이걸 방지하기 위한 property로 'z' 가 있다. z order는 형제 Item 또는 부모 Item 에게만 적용된다.

즉 부모 Item의 아래에 선언되어 있는 Item 에게는 상위의 z값을 설정해도 적용 되지 않는다.

'결국 맨 마지막에 있는 Item이 최상위에 그려진다는 이야기이다'

이 현상을 막기 위해 몇가지 방법이 있다.

첫번째는 Loader 객체를 최하위에 두고 QML 파일을 Loader를 이용하여 동적으로 할당 하는 것이다.

두번째는 QML 파일을 Loader를 이용하지 않고 create하는 방법이다.

exZorder.tar.gz

Display Order(2) - Use Loader Object >>

21세기의 문맹자는 글을 읽을 줄 모르는 사람이 아니라 학습하고, 교정하고 재학습하는 능력이 없는 사람이다.

(The illiterate of the 21st century will not be those who cannot read and write, but those who cannot learn, unlearn, and relearn.)

-앨빈 토플러(Alvin Toffler)

IBus로 Hangul을 설치 하면 처음에는 한영변환 단축키가 'ctrl+space'로 설정되어 있다.

평소 Windows에서는 한영변환 단축키를 'Shift+space'로 설정하여 사용하고 있는데 단축키가 다르니 불편했다.

우분투에서도 windows와 마찬가지로 한영변환 단축키를 설정하려니 아래아 같은 에러 메시지가 나왔다.

[system setting -> keyboard 선택]

한마디로 "Shift + Space"는이 키를 사용하여 입력 할 수 없기 때문에 Ctrl, Alt 또는 Shift와 같은 키를 동시에 눌러보라는 이야기다.

이 경우 [system setting ->Text Entry ] 를 선택하여 한영변환 단축키를 변경하니 문제가 해결 됐다.