Fixed the gallery edc for animation

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

1 files changed, 216 insertions, 45 deletions

diff --git a/res/widgets/gengrid_gallery.edc b/res/widgets/gengrid_gallery.edc
index d18bdee..5efc967 100644
--- 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";
 		}