button: add click anmiation

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

diff --git a/res/edc/widgets/button.edc b/res/edc/widgets/button.edc
index d706523..114f813 100644 (file)
--- 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;
                }