music: add animation for item border

Change-Id: If11c489ed1aa8c754e6ed400ad0cdbd6ae4c5223
Signed-off-by: Jehun Lim <jehun.lim@samsung.com>

diff --git a/res/edc/widgets/button.edc b/res/edc/widgets/button.edc
index b629783..317bc5a 100644 (file)
--- a/res/edc/widgets/button.edc
+++ b/res/edc/widgets/button.edc
@@ -2237,7 +2237,7 @@ group {
                        }
                }
                part {
-                       name: "border_up";
+                       name: "border_top";
                        type: RECT;
                        scale: 1;
                        description {
@@ -2251,16 +2251,24 @@ group {
                                align: 0.5 0.0;
                                color: COLOR_ITEM_BORDER;
                                fixed: 0 1;
+                               map {
+                                       perspective_on: 1;
+                                       perspective: "map";
+                               }
+                       }
+                       description {
+                               state: "selected" 0.0;
+                               inherit: "default" 0.0;
+                               map.on: 1;
                        }
                }
                part {
                        name: "border_left";
-                       type: RECT;
-                       scale: 1;
+                       inherit: "border_top";
                        description {
                                state: "default" 0.0;
                                rel1 {
-                                       to: "border_up";
+                                       to: "border_top";
                                        relative: 0.0 1.0;
                                }
                                rel2 {
@@ -2269,18 +2277,16 @@ group {
                                }
                                min: 1 0;
                                align: 0.0 0.5;
-                               color: COLOR_ITEM_BORDER;
                                fixed: 1 0;
                        }
                }
                part {
                        name: "border_right";
-                       type: RECT;
-                       scale: 1;
+                       inherit: "border_top";
                        description {
                                state: "default" 0.0;
                                rel1 {
-                                       to: "border_up";
+                                       to: "border_top";
                                        relative: 1.0 1.0;
                                }
                                rel2 {
@@ -2289,14 +2295,12 @@ group {
                                }
                                min: 1 0;
                                align: 1.0 0.5;
-                               color: COLOR_ITEM_BORDER;
                                fixed: 1 0;
                        }
                }
                part {
                        name: "border_bottom";
-                       type: RECT;
-                       scale: 1;
+                       inherit: "border_top";
                        description {
                                state: "default" 0.0;
                                rel1 {
@@ -2307,10 +2311,7 @@ group {
                                        to: "border_right";
                                        relative: 0.0 1.0;
                                }
-                               min: 0 1;
                                align: 0.5 1.0;
-                               color: COLOR_ITEM_BORDER;
-                               fixed: 0 1;
                        }
                }
                part {
@@ -2369,6 +2370,10 @@ group {
                                        set_state(PART:PART_PLAYING_CONTENT_FAVORITE,
                                                        "default,selected", 0.0);
                                }
+                               set_state(PART:"border_top", "selected", 0.0);
+                               set_state(PART:"border_left", "selected", 0.0);
+                               set_state(PART:"border_right", "selected", 0.0);
+                               set_state(PART:"border_bottom", "selected", 0.0);
                                set_state(PART:"defaultbg_text", "selected", 0.0);
                        }
                }
@@ -2396,6 +2401,10 @@ group {
                        target: PART_PLAYING_CONTENT_TITLE;
                        target: PART_PLAYING_CONTENT_ARTIST;
                        target: PART_PLAYING_CONTENT_ALBUM;
+                       target: "border_top";
+                       target: "border_left";
+                       target: "border_right";
+                       target: "border_bottom";
                        after: "focus,out,anim";
                }
                program {

diff --git a/res/edc/widgets/gengrid.edc b/res/edc/widgets/gengrid.edc
index 12f38ca..12372b4 100644 (file)
--- a/res/edc/widgets/gengrid.edc
+++ b/res/edc/widgets/gengrid.edc
@@ -1496,7 +1496,7 @@ group {
                        }
                }
                part {
-                       name: "border_up";
+                       name: "border_top";
                        type: RECT;
                        scale: 1;
                        description {
@@ -1510,16 +1510,25 @@ group {
                                align: 0.5 0.0;
                                color: COLOR_ITEM_BORDER;
                                fixed: 0 1;
+                               map {
+                                       perspective_on: 1;
+                                       perspective: "map";
+                               }
+                       }
+                       description {
+                               state: "selected" 0.0;
+                               inherit: "default" 0.0;
+                               map.on: 1;
+
                        }
                }
                part {
                        name: "border_left";
-                       type: RECT;
-                       scale: 1;
+                       inherit: "border_top";
                        description {
                                state: "default" 0.0;
                                rel1 {
-                                       to: "border_up";
+                                       to: "border_top";
                                        relative: 0.0 1.0;
                                }
                                rel2 {
@@ -1528,31 +1537,30 @@ group {
                                }
                                min: 1 0;
                                align: 0.0 0.5;
-                               color: COLOR_ITEM_BORDER;
                                fixed: 1 0;
                        }
                }
                part {
                        name: "border_right";
-                       type: RECT;
-                       scale: 1;
+                       inherit: "border_top";
                        description {
                                state: "default" 0.0;
                                rel1 {
-                                       to: "border_up";
+                                       to: "border_top";
+                                       relative: 1.0 1.0;
+                               }
+                               rel2 {
+                                       to: "bg";
                                        relative: 1.0 1.0;
                                }
-                               rel2.to: "bg";
                                min: 1 0;
                                align: 1.0 0.5;
-                               color: COLOR_ITEM_BORDER;
                                fixed: 1 0;
                        }
                }
                part {
-                       name: "border_down";
-                       type: RECT;
-                       scale: 1;
+                       name: "border_bottom";
+                       inherit: "border_top";
                        description {
                                state: "default" 0.0;
                                rel1 {
@@ -1563,10 +1571,7 @@ group {
                                        to: "border_right";
                                        relative: 0.0 1.0;
                                }
-                               min: 0 1;
                                align: 0.5 1.0;
-                               color: COLOR_ITEM_BORDER;
-                               fixed: 0 1;
                        }
                }
        }
@@ -1603,6 +1608,10 @@ group {
                        name: "focus,in,anim,2";
                        action: STATE_SET "selected" 0.0;
                        target: "defaultbg_text";
+                       target: "border_top";
+                       target: "border_left";
+                       target: "border_right";
+                       target: "border_bottom";
                }
                program {
                        name: "go_passive";
@@ -1613,6 +1622,10 @@ group {
                        target: PART_ELM_TEXT_ARTIST;
                        target: PART_ELM_TEXT_ALBUM;
                        target: "defaultbg_text";
+                       target: "border_top";
+                       target: "border_left";
+                       target: "border_right";
+                       target: "border_bottom";
                        after: "focus,out,anim";
                }
                program {