Qtquick qml：Qtquick UIアプリケーションでUIからロジックを分離する方法は？

Question

UIコードから論理コードをmyApp.qmlとmyAppForm.ui.qmlとして分離したいとします。

ui.qmlは、マウスイベントなどのjavascriptロジックをサポートしていません。

以下の問題があるとします。

//myAppForm.ui.qml 
import QtQuick 2.4 

Item { 

Rectangle { 
    id: rectangle1 
    color: "#a0ebfb" 
    anchors.fill: parent 
     MouseArea { 
      id: mouse1 
      anchors.fill: parent 
     } 
    } 
} 

上記はUIコードです。論理コードを別にする必要があります。

//myApp.qml 
import QtQuick 2.4 

myAppForm { 
    mouse1{ 
     onClicked: { 
      rectangle1.color = 'red' 
     } 
    } 
} 

明らかに上記は機能しません。私は似たようなことをする方法を尋ねています。

ありがとうございました。

Answer 1

エイリアスプロパティを使用してマウス領域を拡張できます。ここに変更されたコードがあります。

//myAppForm.ui.qml 
Item { 
Property alias rectMouseArea: mouse1 
Rectangle { 
    id: rectangle1 
    color: "#a0ebfb" 
    anchors.fill: parent 
     MouseArea { 
      id: mouse1 
      anchors.fill: parent 
     } 
    } 

}

//myApp.qml 
import QtQuick 2.4 

myAppForm { 
    //mouse1{ 
     rectMouseArea.onClicked: { 
      rectangle1.color = 'red' 
    } 
    //} 
}