X-Git-Url: https://gerrit.automotivelinux.org/gerrit/gitweb?a=blobdiff_plain;f=homescreen%2Fqml%2FIconItem.qml;fp=homescreen%2Fqml%2FIconItem.qml;h=59131c023a378923219862e157e3d35b64d5df7b;hb=fbdd80c3c6fd9b27ce1cbe21941baa8a643050fe;hp=0000000000000000000000000000000000000000;hpb=79e0139fb399b5af1342783ed6abb61aff6e28dd;p=apps%2Fhomescreen.git

diff --git a/homescreen/qml/IconItem.qml b/homescreen/qml/IconItem.qml
new file mode 100644
index 0000000..59131c0
--- /dev/null
+++ b/homescreen/qml/IconItem.qml
@@ -0,0 +1,37 @@
+import QtQuick 2.0
+
+Item {
+    id: main
+    Image {
+        id: item; parent: loc
+        x: main.x + 5; y: main.y + 5
+        width: main.width - 10; height: main.height - 10;
+        source: './images/HMI_AppLauncher_%1_%2-01.png'.arg(model.icon).arg(loc.pressed && (loc.index === model.index || loc.currentId === model.id) ? 'Active' : 'Inactive')
+        antialiasing: item.state !== ''
+        Behavior on x { enabled: item.state !== 'active'; NumberAnimation { duration: 400; easing.type: Easing.OutCubic } }
+        Behavior on y { enabled: item.state !== 'active'; NumberAnimation { duration: 400; easing.type: Easing.OutCubic } }
+        SequentialAnimation on rotation {
+            NumberAnimation { to:  5; duration: 100 }
+            NumberAnimation { to: -5; duration: 200 }
+            NumberAnimation { to:  0; duration: 100 }
+            running: loc.currentId !== '' && item.state !== 'active'
+            loops: Animation.Infinite; alwaysRunToEnd: true
+        }
+        states: [
+            State {
+                name: 'active'
+                when: loc.currentId == model.id
+                PropertyChanges { target: item; x: loc.mouseX - width/2; y: loc.mouseY - height/2; scale: 1.15; z: 10 }
+            },
+            State {
+                when: loc.currentId !== ''
+                PropertyChanges {
+                    target: item
+                    scale: 0.85
+                    opacity: 0.75
+                }
+            }
+        ]
+        transitions: Transition { NumberAnimation { properties: 'scale, opacity, x, y'; duration: 150; easing.type: Easing.OutCubic} }
+    }
+}