Fixed the gallery edc for animation

Change-Id: I23b5834f82def41bcf83195467a92440a215f353
Signed-off-by: Hyojung Jo <hj903.jo@samsung.com>

diff --git a/res/widgets/gengrid_gallery.edc b/res/widgets/gengrid_gallery.edc
index d18bdee..5efc967 100644 (file)
--- a/res/widgets/gengrid_gallery.edc
+++ b/res/widgets/gengrid_gallery.edc
@@ -21,15 +21,88 @@ group {
        data.item, "contents" "part.thumb.icon part.thumb.play.icon";
        parts {
                part {
+                       name, "padding.bottom.right";
+                       type, SPACER;
+                       scale, 1;
+                       description {
+                               state, "default" 0.0;
+                               rel1.relative, 1.0 1.0;
+                               min, 6 6;
+                               align, 1.0 1.0;
+                               fixed, 1 1;
+                       }
+               }
+
+               part {
+                       name, "map";
+                       type, RECT;
+                       scale, 1;
+                       description {
+                               state, "default" 0.0;
+                               perspective {
+                                       zplane, 0;
+                                       focal, 1000;
+                               }
+                               visible, 0;
+                       }
+                       description {
+                               state, "selected" 0.0;
+                               inherit, "default" 0.0;
+                               perspective.zplane, -100;
+                       }
+               }
+
+               part {
+                       name, "part.bg";
+                       type, RECT;
+                       scale, 1;
+                       description {
+                               state, "default" 0.0;
+                               rel2 {
+                                       to, "padding.bottom.right";
+                                       relative, 0.0 0.0;
+                               }
+                       }
+               }
+
+               part {
+                       name, "part.default.bg";
+                       type, RECT;
+                       scale, 1;
+                       description {
+                               state, "default" 0.0;
+                               rel1.to, "part.bg";
+                               rel2.to, "part.bg";
+                               color, 119 169 202 255;
+                               map {
+                                       perspective_on, 1;
+                                       perspective, "map";
+                               }
+                       }
+                       description {
+                               state, "focused" 0.0;
+                               inherit, "default" 0.0;
+                               map.on, 1;
+                       }
+               }
+
+               part {
                        name, PART_THUMB_ICON;
                        type, SWALLOW;
                        scale, 1;
                        description {
                                state, "default" 0.0;
-                               min, 200 200;
-                               rel2.relative, 0.0 0.0;
-                               align, 0.0 0.0;
-                               fixed, 1 1;
+                               rel1.to, "part.bg";
+                               rel2.to, "part.bg";
+                               map {
+                                       perspective_on, 1;
+                                       perspective, "map";
+                               }
+                       }
+                       description {
+                               state, "focused" 0.0;
+                               inherit, "default" 0.0;
+                               map.on, 1;
                        }
                }
 
@@ -63,19 +136,15 @@ group {
                                }
                                align, 0.0 0.0;
                                fixed, 1 1;
+                               map {
+                                       perspective_on, 1;
+                                       perspective, "map";
+                               }
                        }
-               }
-
-               part {
-                       name, "padding.bottom.right";
-                       type, SPACER;
-                       scale, 1;
                        description {
-                               state, "default" 0.0;
-                               min, 6 6;
-                               rel1.relative, 1.0 1.0;
-                               align, 1.0 1.0;
-                               fixed, 1 1;
+                               state, "focused" 0.0;
+                               inherit, "default" 0.0;
+                               map.on, 1;
                        }
                }
 
@@ -119,6 +188,15 @@ group {
                                        size, 24;
                                        align, 1.0 0.5;
                                }
+                               map {
+                                       perspective_on, 1;
+                                       perspective, "map";
+                               }
+                       }
+                       description {
+                               state, "focused" 0.0;
+                               inherit, "default" 0.0;
+                               map.on, 1;
                        }
                }
 
@@ -128,18 +206,33 @@ group {
                        scale, 1;
                        description {
                                state, "default" 0.0;
-                               color, 0 119 246 255;
-                               min, 200 6;
-                               rel2.relative, 0.0 0.0;
-                               align, 0.0 0.0;
-                               fixed, 1 1;
+                               color, COLOR_ITEM_FOCUS;
+                               rel1.to, "part.bg";
+                               rel2 {
+                                       to, "part.bg";
+                                       relative, 1.0 0.0;
+                               }
+                               min, 0 6;
+                               align, 0.5 0.0;
+                               fixed, 0 1;
                                visible, 0;
+                               map {
+                                       perspective_on, 1;
+                                       perspective, "map";
+                               }
                        }
                        description {
                                state, "focused" 0.0;
                                inherit, "default" 0.0;
+                               map.on, 1;
                                visible, 1;
                        }
+                       description {
+                               state, "focused_0" 0.0;
+                               inherit, "default" 0.0;
+                               visible, 1;
+                               color, COLOR_ITEM_FOCUS_0;
+                       }
                }
 
                part {
@@ -148,71 +241,108 @@ group {
                        scale, 1;
                        description {
                                state, "default" 0.0;
-                               color, 0 119 246 255;
-                               min, 6 200;
-                               rel2.relative, 0.0 0.0;
-                               align, 0.0 0.0;
-                               fixed, 1 1;
+                               color, COLOR_ITEM_FOCUS;
+                               rel1 {
+                                       to, "part.focus.up";
+                                       relative, 0.0 1.0;
+                               }
+                               rel2 {
+                                       to, "part.bg";
+                                       relative, 0.0 1.0;
+                               }
+                               min, 6 0;
+                               align, 0.0 0.5;
+                               fixed, 1 0;
                                visible, 0;
+                               map {
+                                       perspective_on, 1;
+                                       perspective, "map";
+                               }
                        }
                        description {
                                state, "focused" 0.0;
                                inherit, "default" 0.0;
+                               map.on, 1;
+                               visible, 1;
+                       }
+                       description {
+                               state, "focused_0" 0.0;
+                               inherit, "default" 0.0;
                                visible, 1;
+                               color, COLOR_ITEM_FOCUS_0;
                        }
                }
 
                part {
-                       name, "part.focus.down";
+                       name, "part.focus.right";
                        type, RECT;
                        scale, 1;
                        description {
                                state, "default" 0.0;
-                               color, 0 119 246 255;
-                               min, 200 6;
+                               color,COLOR_ITEM_FOCUS;
+                               min, 6 0;
                                rel1 {
-                                       to, PART_THUMB_ICON;
-                                       relative, 0.0 1.0;
-                               }
-                               rel2 {
-                                       to, PART_THUMB_ICON;
-                                       relative, 0.0 1.0;
+                                       to, "part.focus.up";
+                                       relative, 1.0 1.0;
                                }
-                               align, 0.0 1.0;
-                               fixed, 1 1;
+                               rel2.to, "part.bg";
+                               align, 1.0 0.5;
+                               fixed, 1 0;
                                visible, 0;
+                               map {
+                                       perspective_on, 1;
+                                       perspective, "map";
+                               }
                        }
                        description {
                                state, "focused" 0.0;
                                inherit, "default" 0.0;
+                               map.on, 1;
+                               visible, 1;
+                       }
+                       description {
+                               state, "focused_0" 0.0;
+                               inherit, "default" 0.0;
                                visible, 1;
+                               color, COLOR_ITEM_FOCUS_0;
                        }
                }
 
                part {
-                       name, "part.focus.right";
+                       name, "part.focus.down";
                        type, RECT;
                        scale, 1;
                        description {
                                state, "default" 0.0;
-                               color, 0 119 246 255;
-                               min, 6 200;
+                               color, COLOR_ITEM_FOCUS;
+                               min, 0 6;
                                rel1 {
-                                       to, "part.focus.up";
-                                       relative, 1.0 0.0;
+                                       to, "part.focus.left";
+                                       relative, 1.0 1.0;
                                }
                                rel2 {
-                                       to, "part.focus.up";
-                                       relative, 1.0 0.0;
+                                       to, "part.focus.right";
+                                       relative, 0.0 1.0;
                                }
-                               align, 1.0 0.0;
-                               fixed, 1 1;
+                               align, 0.5 1.0;
+                               fixed, 0 1;
                                visible, 0;
+                               map {
+                                       perspective_on, 1;
+                                       perspective, "map";
+                               }
                        }
                        description {
                                state, "focused" 0.0;
                                inherit, "default" 0.0;
+                               map.on, 1;
+                               visible, 1;
+                       }
+                       description {
+                               state, "focused_0" 0.0;
+                               inherit, "default" 0.0;
                                visible, 1;
+                               color, COLOR_ITEM_FOCUS_0;
                        }
                }
        }
@@ -222,28 +352,69 @@ group {
                        name, SIG_FOCUSED;
                        signal, "elm,state,focused";
                        source, "elm";
+                       action, STATE_SET "focused_0" 0.0;
+                       target, "part.focus.up";
+                       target, "part.focus.left";
+                       target, "part.focus.down";
+                       target, "part.focus.right";
+                       after, "focus.in.anim";
+               }
+
+               program {
+                       name, "focus.in.anim";
                        action, STATE_SET "focused" 0.0;
+                       target, "part.default.bg";
+                       target, PART_THUMB_ICON;
+                       target, PART_THUMB_PLAY_ICON;
                        target, "part.focus.up";
                        target, "part.focus.left";
                        target, "part.focus.down";
                        target, "part.focus.right";
+                       target, PART_THUMB_TEXT;
+                       transition, TRANSITION_FOCUS;
                }
 
                program {
                        name, SIG_UNFOCUSED;
                        signal, "elm,state,unfocused";
                        source, "elm";
+                       action, STATE_SET "focused_0" 0.0;
+                       target, "part.focus.up";
+                       target, "part.focus.left";
+                       target, "part.focus.down";
+                       target, "part.focus.right";
+                       transition, TRANSITION_FOCUS;
+                       after, "focus.out.anim";
+               }
+
+               program {
+                       name, "focus.out.anim";
                        action, STATE_SET "default" 0.0;
+                       target, "part.default.bg";
+                       target, PART_THUMB_ICON;
+                       target, PART_THUMB_PLAY_ICON;
                        target, "part.focus.up";
                        target, "part.focus.left";
                        target, "part.focus.down";
                        target, "part.focus.right";
+                       target, PART_THUMB_TEXT;
                }
 
                program {
                        name, SIG_SELECTED;
                        signal, "elm,state,selected";
                        source, "elm";
+                       action, STATE_SET "selected" 0.0;
+                       target, "map";
+                       transition, TRANSITION_CLICK;
+                       after, "after_selected";
+               }
+
+               program {
+                       name, "after_selected";
+                       action, STATE_SET "default" 0.0;
+                       target, "map";
+                       transition, TRANSITION_CLICK;
                        after, "item_selected";
                }