다른 QML에서 QML 속성 설정

Question

2 개의 qml 파일이 있습니다.

첫 번째 qml 파일에서 두 번째 qml frompert를 설정하고 싶습니다.

**first.qml** 

var cmponent = Qt.createComponent("second.qml"); 
    var newObj = cmponent.createObject(swipeView); 
    newObj.pageIndex = i; 
    swipeView.insertItem(swipeView.currentIndex+i,newObj) 

그리고 SwipeView에 삽입하십시오.

여기서 'pageIndex'은 2 번째 qml의 정수 속성입니다. 두 번째 qml 파일에는 셀이있는 GridLayout이 있습니다. 나는

이 속성을 선언 역동적 pageIndex 부동산

second.qml를 기준으로 셀 내용을 표시해야합니다.

property int pageIndex: 0 
    onPageIndexChanged:{ 
     console.log("onPageIndexChanged :" +pageIndex) 
     home_grid.update() 

    } 

onPageIndexChanged 메서드가 트리거되지만 속성 값을 기반으로 그리드 셀을 설정하려고합니다.

컴포넌트의 초기화가

var cmponent = Qt.createComponent("second.qml"); 

세포가 GridLayout과에로드하는 동안 문제가 이다.

이 문제를 어떻게 해결할 수 있습니까?

이 그것은 내 의견을 설명한다 (나는 주먹 질문에 대한 나의 예를 사용) :

Answer 1

나는 당신이 원하는 것은이라고 생각합니다. 다른보기를 다른 파일에 넣을 수 있습니다. 객체를 만들 때 두 모델 모두에 동일한 모델을 전달하면됩니다.

delegate: TestObj { 
     width: model.width; height: model.height; text: index 
    } 

두 번째 QML 파일의 종속성을 최소화 할 것 : 여기

ListModel { 
    id: lm 
    ListElement { width: 40; height: 40 } 
    [...] 
    ListElement { width: 40; height: 40 } 
} 

SwipeView { 
    width: 200 
    height: 800 
    clip: true 
    currentIndex: 0 

    Repeater { 
     model: Math.ceil(lm.count/6) 
     delegate:   ListView { 
      width: 200 
      height: 800 
      property int viewIndex: index 
      model: DelegateModel { 
       model: lm 
       groups: DelegateModelGroup { name: 'filter' } 
       Component.onCompleted: { 
        for (var i = viewIndex * 6; i < lm.count && i < (viewIndex * 6) + 6; i++) { 
         items.setGroups(i, 1, ['items', 'filter']) 
        } 
       } 

       filterOnGroup: 'filter' 

       delegate: Rectangle { 
        width: 180 
        height: 30 
        border.width: 1 
        Text { 
         anchors.centerIn: parent 
         text: index 
        } 
       } 
      } 
     } 
    } 
} 

GridView { 
    clip: true 
    x: 300 
    width: 600 
    height: 600 
    model: lm 

    delegate: TestObj { 
    } 
} 

당신은 또한 쓸 수 물론 대리인 TestObj

Rectangle { 
    width: model.width 
    height: model.height 
    property alias text: myText.text 
    Text { 
     id: myText 
     anchors.centerIn: parent 
     text: index 
    } 
} 

에 대한 코드입니다.