Felgo Live Code Reloading: Web Editor

Page { title: "Integrate C++ and QML" Column { // ... // Example 2: Custom QML Type implemented with C++ // NOTE: This type is declared in main.cpp and available after using "import com.yourcompany.xyz 1.0" MyQMLType { id: typeFromCpp // 2.1: Property Binding for MyQMLType::message property // NOTE: Similar to types created purely with QML, you may use property bindings to keep your property values updated message: "counter / 2 = " + Math.floor(myGlobalObject.counter / 2) // 2.2: Reacting to property changes // NOTE: With the onMessageChanged signal, you can add code to handle property changes onMessageChanged: console.log("typeFromCpp message changed to '" + typeFromCpp.message+"'") // 2.3: Run code at creation of the QML component // NOTE: The Component.onCompleted signal is available for every QML item, even for items defined with C++. // The signal is fired when the QML Engine creates the item at runtime. Component.onCompleted: myGlobalObject.counter = typeFromCpp.increment(myGlobalObject.counter) } // 2.1: Show typeFromCpp.message value, which is calculated automatically based on the myGlobalObject.counter value AppText { text: "Custom QML Type Message:\n" + typeFromCpp.message } }

Run