Add dynamic object creation example

3 files changed, 68 insertions, 0 deletions

diff --git a/examples/declarative/dynamic/dynamic.js b/examples/declarative/dynamic/dynamic.js
new file mode 100644
index 0000000..66ec292
--- /dev/null
+++ b/examples/declarative/dynamic/dynamic.js
@@ -0,0 +1,52 @@
+var sprite = null;
+var component;
+var started = false;
+function make(p) {
+    return evalQml('Rect { color: "lightsteelblue"; width: 100;'
+            + 'height: 100; id: newRect}','DynPart.qml');
+}
+
+function death() {
+    if(!(sprite==null)){
+        sprite.destroy();
+        sprite = null;
+    }
+}
+
+function spawn() {//Like create, but assumes instant readyness
+    if(sprite!=null)//Already made
+        return null;
+    component = createComponent("dynamic.qml");
+    sprite = component.createObject();
+    if(sprite == null){
+        print("err");
+    }else{
+        sprite.parent = targetItem;
+        return sprite;
+    }
+    return null;
+}
+
+function finishCreation(){
+    if(component.isReady()){
+        sprite = component.createObject();
+        sprite.parent = targetItem;
+    }else if(component.isError()){
+        sprite = null;
+    }
+}
+
+function create(){
+    if(started!=false){
+        finishCreation();//Remakes if destroyed
+        return sprite;
+    }
+    started = true;
+    component = createComponent("dynamic.qml");
+    finishCreation();
+    if(sprite != null){
+        return sprite;
+    }
+    component.statusChanged.connect(finishCreation);
+    return null;
+}
diff --git a/examples/declarative/dynamic/dynamic.qml b/examples/declarative/dynamic/dynamic.qml
new file mode 100644
index 0000000..ee81ff6
--- /dev/null
+++ b/examples/declarative/dynamic/dynamic.qml
@@ -0,0 +1,16 @@
+Rect { id: page; width: 800; height: 800; color:"black"
+    Script { source: "dynamic.js" }
+    property bool fourthBox: false;
+    Item { id: targetItem; x: 100; y: 100; }
+    Item { id: targetItem2; x: 0; y: 300; }
+    Rect { width: 100; height: 100; color: "green"; id: rect
+        MouseRegion { anchors.fill:parent; onClicked: {a = create();}}
+    }
+    Rect { width: 100; height: 100; color: "red"; id: rect2; y:100;
+        MouseRegion { anchors.fill:parent; onClicked: {death();}}
+    }
+    Rect { width: 100; height: 100; color: "blue"; id: rect3; y:200;
+        MouseRegion { anchors.fill:parent; onClicked: {a = make(); if(a!=null){a.parent = targetItem2; fourthBox = true;}}}
+    }
+    Particles { x:0; y:0; count:20; lifeSpan:500; width:100; height: if(fourthBox){400;}else{300;} source:"star.png"}
+}
diff --git a/examples/declarative/dynamic/star.png b/examples/declarative/dynamic/star.png
new file mode 100644
index 0000000..defbde5
--- /dev/null
+++ b/examples/declarative/dynamic/star.png