Add graphics effects support

2 files changed, 75 insertions, 0 deletions

diff --git a/examples/declarative/effects/pic.jpg b/examples/declarative/effects/pic.jpg
new file mode 100644
index 0000000..5775518
--- /dev/null
+++ b/examples/declarative/effects/pic.jpg
diff --git a/examples/declarative/effects/test.qml b/examples/declarative/effects/test.qml
new file mode 100644
index 0000000..4cc8746
--- /dev/null
+++ b/examples/declarative/effects/test.qml
@@ -0,0 +1,75 @@
+import Qt 4.6
+
+Rectangle {
+    color: "white"
+    width: 800
+    height: 600
+
+    Image {
+        source: "pic.jpg"
+
+        effect: Blur {
+            blurRadius: NumberAnimation { id: BS; from: 0; to: 10; duration: 200; repeat: true }
+        }
+
+        MouseRegion { anchors.fill: parent; onClicked: BS.running = !BS.running }
+
+        Text { color: "white"; text: "Blur" }
+    }
+
+    Image {
+        source: "pic.jpg"
+
+        x: 200
+        effect: Grayscale {}
+
+        Text { color: "white"; text: "Grayscale" }
+    }
+
+    Image {
+        source: "pic.jpg"
+
+        x: 400
+        effect: Colorize { color: "blue" }
+
+        Text { color: "white"; text: "Colorize" }
+    }
+
+    Image {
+        source: "pic.jpg"
+
+        y: 300
+        effect: Pixelize { 
+            pixelSize: NumberAnimation { id: PS; from: 0; to: 10; duration: 200; repeat: true }
+        }
+
+        MouseRegion { anchors.fill: parent; onClicked: PS.running = !PS.running }
+
+        Text { color: "white"; text: "Pixelize" }
+    }
+
+
+    Image {
+        source: "pic.jpg"
+
+        x: 200
+        y: 300
+        effect: DropShadow { 
+            blurRadius: 3
+            offset.x: 3
+            offset.y: NumberAnimation { id: DS; from: 0; to: 10; duration: 200; repeat: true; }
+        }
+
+        MouseRegion { anchors.fill: parent; onClicked: DS.running = !DS.running }
+
+        Text { color: "white"; text: "DropShadow" }
+    }
+
+
+    Text {
+        x: 400; y: 300
+        text: "Clicking Blur, Pixelize or DropShadow will \ntoggle animation."
+        color: "black"
+    }
+
+}