Qt Qml wie vars in js

Question

Dies ist nur eine allgemeine Frage. Ich habe ein paar Implementierungen von Code Art von diesem aber nicht ganz gesehen. So in qt Schöpfer, wenn ich definieren zwei Eigenschaften wie so

property int othervar: 3; 
property int val: 1 + othervar; 

dann die Eigenschaft ‚val‘ wird seine Selbst neu bewerten, wenn ‚othervar‘ in keiner Weise verändert wird.

Wenn ich etwas wie das neu schreiben sollte, um in js zu arbeiten, wie könnte ich darüber gehen?

Answer 1

Benachrichtigungen und Bindungen funktionieren nur für QML-Eigenschaften, eine solche Funktionalität ist in JS nicht verfügbar. Sie können es emulieren, aber es wird einige zusätzliche Syntax benötigen. Es wird nicht elegant und bequem sein.

Während es möglich ist, Signale zu implementieren und sie mithilfe von Setter-Funktionen anstelle des =-Operators zu integrieren, sind die tatsächlichen Bindungsausdrücke schwierig. Dies geschieht automatisch in QML. Wenn Sie dies manuell tun würden, müssten Sie das Benachrichtigungssignal für jeden im jeweiligen Ausdruck verwendeten Wert manuell mit einer Funktion verbinden, die es erneut bewertet. Es wäre ziemlich einfach für triviale Ausdrücke wie in der Frage, aber für etwas Komplexes ist es einfach nicht anwendbar.

Also kurz gesagt:

Wenn ich so etwas wie dies neu schreiben in js zu arbeiten, wie könnte ich über diese gehen?

Sie könnten nicht! Es erfordert Unterstützung auf "Sprachenebene". Solche Dinge sind nicht einmal in Qt aus C++ verfügbar, sie werden von QML unterstützt.

Answer 2

Wenn Sie dies in einem QtQuick-Kontext tun möchten, haben Sie grundsätzlich zwei Möglichkeiten, damit umzugehen. Die Bindung ist auf Qt bindings documentation page schön erklärt.

1. Mit einer Eigenschaft "geändert" Signal-Handler

   Item { 
       property int othervar: 3 
   
       onOthervarChanged: { 
        // Update val 
        jsObject.val = 1 + othervar; 
       } 
   } 
   

2. eine Bindung von Javascript auf einer vorhandenen Eigenschaft

   Item { 
       property int othervar: 3 
       property int val: 0 
   
       Component.onCompleted: { 
        // Create a binding dynamically 
        val = Qt.binding(function() { return 1 + othervar }) 
       } 
   } 
   

Es ist wichtig zu beachten, dass durch die Schaffung, wenn Zuordnung zu einer Eigenschaft, die zuvor eine Bindung hatte, zum Beispiel val = 3, die bestehende Die Bindung wird entfernt und der Wert wird nicht mehr automatisch aktualisiert.