button: add click anmiation

Change-Id: I2fbe8191a173b0eb897ed07b2390e8f6978fda03
Signed-off-by: Minkyu Kang <mk7.kang@samsung.com>

1 files changed, 204 insertions, 9 deletions

diff --git a/res/edc/widgets/button.edc b/res/edc/widgets/button.edc
index d706523..114f813 100644
--- a/res/edc/widgets/button.edc
+++ b/res/edc/widgets/button.edc
@@ -417,6 +417,14 @@ group {
 					normal: IMAGE_VIEWER_PREV_FOCUS;
 				}
 			}
+			description {
+				state: "clicked" 0.0;
+				min: 90 72;
+				max: 90 72;
+				image {
+					normal: IMAGE_VIEWER_PREV_FOCUS;
+				}
+			}
 		}
 	}
 	programs {
@@ -430,6 +438,20 @@ group {
 			name: SIG_BTN_CLICKED;
 			signal: SIG_BTN_CLICKED;
 			source: "";
+			after: "anim,clicked,start";
+		}
+		program {
+			name: "anim,clicked,start";
+			action: STATE_SET "clicked" 0.0;
+			target: "bg";
+			transition: TRANSITION_CLICK;
+			after: "anim,clicked,end";
+		}
+		program {
+			name: "anim,clicked,end";
+			action: STATE_SET "selected" 0.0;
+			target: "bg";
+			transition: TRANSITION_CLICK;
 			after: "emit,signal";
 		}
 		program {
@@ -481,6 +503,12 @@ group {
 					normal: IMAGE_VIEWER_REW_FOCUS;
 				}
 			}
+			description {
+				state: "clicked" 0.0;
+				image {
+					normal: IMAGE_VIEWER_REW_FOCUS;
+				}
+			}
 		}
 	}
 	programs {
@@ -515,6 +543,12 @@ group {
 					normal: IMAGE_VIEWER_FF_FOCUS;
 				}
 			}
+			description {
+				state: "clicked" 0.0;
+				image {
+					normal: IMAGE_VIEWER_FF_FOCUS;
+				}
+			}
 		}
 	}
 	programs {
@@ -549,6 +583,12 @@ group {
 					normal: IMAGE_VIEWER_NEXT_FOCUS;
 				}
 			}
+			description {
+				state: "clicked" 0.0;
+				image {
+					normal: IMAGE_VIEWER_NEXT_FOCUS;
+				}
+			}
 		}
 	}
 	programs {
@@ -583,6 +623,12 @@ group {
 					normal: IMAGE_VIEWER_PHOTO_PREV_FOCUS;
 				}
 			}
+			description {
+				state: "clicked" 0.0;
+				image {
+					normal: IMAGE_VIEWER_PHOTO_PREV_FOCUS;
+				}
+			}
 		}
 	}
 	programs {
@@ -617,6 +663,12 @@ group {
 					normal: IMAGE_VIEWER_PHOTO_NEXT_FOCUS;
 				}
 			}
+			description {
+				state: "clicked" 0.0;
+				image {
+					normal: IMAGE_VIEWER_PHOTO_NEXT_FOCUS;
+				}
+			}
 		}
 	}
 	programs {
@@ -629,7 +681,7 @@ group {
 
 group {
 	name: "elm/button/base/viewer_btn_play";
-	inherit: "elm/button/base/viewer_btn_prev";
+	data.item, "focus_highlight" "on";
 	images {
 		image: IMAGE_VIEWER_PLAY_NORMAL COMP;
 		image: IMAGE_VIEWER_PLAY_FOCUS COMP;
@@ -642,6 +694,15 @@ group {
 	parts {
 		part {
 			name: "color";
+			type: RECT;
+			scale: 1;
+			description {
+				state: "default" 0.0;
+			}
+			description {
+				state: "selected" 0.0;
+				color: COLOR_ITEM_FOCUS;
+			}
 			description {
 				state: "default_pause" 0.0;
 			}
@@ -655,6 +716,7 @@ group {
 			scale: 1;
 			description {
 				state: "default" 0.0;
+				min: 180 143;
 				image {
 					normal: IMAGE_VIEWER_PLAY_NORMAL;
 				}
@@ -667,6 +729,14 @@ group {
 				}
 			}
 			description {
+				state: "clicked" 0.0;
+				min: 90 72;
+				max: 90 72;
+				image {
+					normal: IMAGE_VIEWER_PLAY_FOCUS;
+				}
+			}
+			description {
 				state: "default_pause" 0.0;
 				inherit: "default" 0.0;
 				image {
@@ -680,6 +750,14 @@ group {
 					normal: IMAGE_VIEWER_PAUSE_FOCUS;
 				}
 			}
+			description {
+				state: "clicked_pause" 0.0;
+				min: 90 72;
+				max: 90 72;
+				image {
+					normal: IMAGE_VIEWER_PAUSE_FOCUS;
+				}
+			}
 		}
 	}
 	programs {
@@ -721,21 +799,60 @@ group {
 			name: SIG_BTN_CLICKED;
 			signal: SIG_BTN_CLICKED;
 			source: "";
-			after: "emit,signal";
 			script {
 				new state;
 				state = get_int(cur_state);
 
 				if (state == STATE_PLAY) {
 					set_int(cur_state, STATE_PAUSE);
-					set_state(PART:"bg", "selected_pause", 0.0);
+					run_program(PROGRAM:"anim,clicked,start,pause");
 				} else {
 					set_int(cur_state, STATE_PLAY);
-					set_state(PART:"bg", "selected", 0.0);
+					run_program(PROGRAM:"anim,clicked,start,play");
 				}
 			}
 		}
 		program {
+			name: "anim,clicked,start,play";
+			action: STATE_SET "clicked_pause" 0.0;
+			target: "bg";
+			transition: TRANSITION_CLICK;
+			after: "anim,clicked,set,play";
+		}
+		program {
+			name: "anim,clicked,set,play";
+			action: STATE_SET "clicked" 0.0;
+			target: "bg";
+			after: "anim,clicked,end,play";
+		}
+		program {
+			name: "anim,clicked,end,play";
+			action: STATE_SET "selected" 0.0;
+			target: "bg";
+			transition: TRANSITION_CLICK;
+			after: "emit,signal";
+		}
+		program {
+			name: "anim,clicked,start,pause";
+			action: STATE_SET "clicked" 0.0;
+			target: "bg";
+			transition: TRANSITION_CLICK;
+			after: "anim,clicked,set,pause";
+		}
+		program {
+			name: "anim,clicked,set,pause";
+			action: STATE_SET "clicked_pause" 0.0;
+			target: "bg";
+			after: "anim,clicked,end,pause";
+		}
+		program {
+			name: "anim,clicked,end,pause";
+			action: STATE_SET "selected_pause" 0.0;
+			target: "bg";
+			transition: TRANSITION_CLICK;
+			after: "emit,signal";
+		}
+		program {
 			name: "emit,signal";
 			action: SIGNAL_EMIT SIG_BTN_CALLBACK SRC_BTN_PLAY;
 		}
@@ -823,6 +940,14 @@ group {
 					normal: IMAGE_MUSIC_PREV_FOCUS;
 				}
 			}
+			description {
+				state: "clicked" 0.0;
+				min: 82 71;
+				max: 82 71;
+				image {
+					normal: IMAGE_MUSIC_PREV_FOCUS;
+				}
+			}
 		}
 	}
 	programs {
@@ -857,6 +982,12 @@ group {
 					normal: IMAGE_MUSIC_NEXT_FOCUS;
 				}
 			}
+			description {
+				state: "clicked" 0.0;
+				image {
+					normal: IMAGE_MUSIC_NEXT_FOCUS;
+				}
+			}
 		}
 	}
 	programs {
@@ -869,7 +1000,7 @@ group {
 
 group {
 	name: "elm/button/base/music_btn_play";
-	inherit: "elm/button/base/music_btn_prev";
+	data.item, "focus_highlight" "on";
 	images {
 		image: IMAGE_MUSIC_PLAY_NORMAL COMP;
 		image: IMAGE_MUSIC_PLAY_FOCUS COMP;
@@ -882,6 +1013,15 @@ group {
 	parts {
 		part {
 			name: "color";
+			type: RECT;
+			scale: 1;
+			description {
+				state: "default" 0.0;
+			}
+			description {
+				state: "selected" 0.0;
+				color: COLOR_ITEM_FOCUS;
+			}
 			description {
 				state: "default_pause" 0.0;
 			}
@@ -895,6 +1035,7 @@ group {
 			scale: 1;
 			description {
 				state: "default" 0.0;
+				min: 164 142;
 				image {
 					normal: IMAGE_MUSIC_PLAY_NORMAL;
 				}
@@ -907,6 +1048,14 @@ group {
 				}
 			}
 			description {
+				state: "clicked" 0.0;
+				min: 82 71;
+				max: 82 71;
+				image {
+					normal: IMAGE_MUSIC_PLAY_FOCUS;
+				}
+			}
+			description {
 				state: "default_pause" 0.0;
 				inherit: "default" 0.0;
 				image {
@@ -915,7 +1064,14 @@ group {
 			}
 			description {
 				state: "selected_pause" 0.0;
-				inherit: "default" 0.0;
+				inherit: "selected" 0.0;
+				image {
+					normal: IMAGE_MUSIC_PAUSE_FOCUS;
+				}
+			}
+			description {
+				state: "clicked_pause" 0.0;
+				inherit: "clicked" 0.0;
 				image {
 					normal: IMAGE_MUSIC_PAUSE_FOCUS;
 				}
@@ -963,21 +1119,60 @@ group {
 			name: SIG_BTN_CLICKED;
 			signal: SIG_BTN_CLICKED;
 			source: "";
-			after: "emit,signal";
 			script {
 				new state;
 				state = get_int(cur_state);
 
 				if (state == STATE_PLAY) {
 					set_int(cur_state, STATE_PAUSE);
-					set_state(PART:"bg", "selected_pause", 0.0);
+					run_program(PROGRAM:"anim,clicked,start,pause");
 				} else {
 					set_int(cur_state, STATE_PLAY);
-					set_state(PART:"bg", "selected", 0.0);
+					run_program(PROGRAM:"anim,clicked,start,play");
 				}
 			}
 		}
 		program {
+			name: "anim,clicked,start,play";
+			action: STATE_SET "clicked_pause" 0.0;
+			target: "bg";
+			transition: TRANSITION_CLICK;
+			after: "anim,clicked,set,play";
+		}
+		program {
+			name: "anim,clicked,set,play";
+			action: STATE_SET "clicked" 0.0;
+			target: "bg";
+			after: "anim,clicked,end,play";
+		}
+		program {
+			name: "anim,clicked,end,play";
+			action: STATE_SET "selected" 0.0;
+			target: "bg";
+			transition: TRANSITION_CLICK;
+			after: "emit,signal";
+		}
+		program {
+			name: "anim,clicked,start,pause";
+			action: STATE_SET "clicked" 0.0;
+			target: "bg";
+			transition: TRANSITION_CLICK;
+			after: "anim,clicked,set,pause";
+		}
+		program {
+			name: "anim,clicked,set,pause";
+			action: STATE_SET "clicked_pause" 0.0;
+			target: "bg";
+			after: "anim,clicked,end,pause";
+		}
+		program {
+			name: "anim,clicked,end,pause";
+			action: STATE_SET "selected_pause" 0.0;
+			target: "bg";
+			transition: TRANSITION_CLICK;
+			after: "emit,signal";
+		}
+		program {
 			name: "emit,signal";
 			action: SIGNAL_EMIT SIG_BTN_CALLBACK SRC_BTN_MUSIC_PLAY;
 		}