QT Quick UI Forms: Wie benutzerdefinierte Signal von QML-Komponente und Handle in Javascript

Question

expose Das QT Quick UI Forms Beispiel beschreibt, wie die deklarative Benutzeroberfläche von der imperativen Javascript zu trennen.

Es wird jedoch nicht beschrieben, wie ein benutzerdefiniertes Signal erstellt wird, das auf der Deklarationsebene deklariert (deklariert?) Und in der JavaScript-Datei behandelt wird.

Das Formular soll in eine Shell-Anwendung geladen werden, die benutzerdefinierte Feuerzeichen aufrufen muss: init und shutdown.

Es scheint, ich sollte diese in der Lage sein zu tun ::

// MyComponent.ui.qml 
Item { 
    signal init() 
} 

// MyComponent.qml javascript file 
MyComponent { 
    onInit : { 
    // do some initialization 
    } 
} 

// Usage in shell 
MyComponent { 
    id: mycomp 
} 

// somewhere 
button.clicked: mycomp.init() 

Answer 1

Die Reihenfolge der Referenzen nicht korrekt war.

werden muss: Loader => MyComponent.qml (Javascript) => MyComponentForm.ui.qml

Aber war: Loader => MyComponentForm.ui.qml

// MyComponent.qml (Javascript) wurde nicht referenziert

Unser Loader wurde konfiguriert, um die deklarative qml direkt zu laden. Durch Laden der Javascript-qml-Datei behoben. (die wiederum auf die MyComponentForm bezogen)

Auf diese Weise wurde unsere JavaScript-Init-Funktion ausgesetzt. Das Modul mit imperativem Javascript erweitert das deklarative qml um JavaScript-Funktionen.

// MyComponentForm.ui.qml 
Item { 
    // property aliases as required by imperative code 
    // declarative ui stuff 
} 

// MyComponent.qml javascript file 
MyComponentForm { 
    onInit : { 
    // do some initialization 
    } 
} 

Loader { 
    anchors.fill: parent 
    id: pageLoader 
} 

Button { 
    onClicked { 
     source = "qrc://MyComponent.qml"; 
     pageLoader.item.init(); 
    } 
}