[ctxpopup] timepicker style - add show,hide effect

diff --git a/themes/widgets/ctxpopup.edc b/themes/widgets/ctxpopup.edc
index 33b698c..9a299b3 100644 (file)
--- a/themes/widgets/ctxpopup.edc
+++ b/themes/widgets/ctxpopup.edc
@@ -1040,8 +1040,6 @@
                }
        }
 
-
-
 ///////////////////////////////////////////////////////////////////////////////
        group { name: "elm/ctxpopup/arrow/default";
                images {
@@ -3330,6 +3328,7 @@ group {
                        name: "ctxpopup_frame";
                        type: RECT;
                        scale: 1;
+                       clip_to: "ctxpopup_clip";
                        description {
                                color: CTXPOPUP_TP_BG_COLOR_INC;
                                min: 1 CTXPOPUP_TP_HEIGHT_INC;
@@ -3341,6 +3340,7 @@ group {
                        name: "elm.swallow.content";
                        type: SWALLOW;
                        scale: 1;
+                       clip_to: "ctxpopup_clip";
                        description {
                                state: "default" 0.0;
                                min: 1 CTXPOPUP_TP_HEIGHT_INC;
@@ -3350,6 +3350,7 @@ group {
                                type: RECT;
                                mouse_events: 0;
                                scale: 1;
+                               clip_to: "ctxpopup_clip";
                                description { state: "default" 0.0;
                                        visible: 0;
                                        min: 20 0;
@@ -3369,6 +3370,7 @@ group {
                                type: RECT;
                                mouse_events: 0;
                                scale: 1;
+                               clip_to: "ctxpopup_clip";
                                description { state: "default" 0.0;
                                        visible: 0;
                                        min: 20 0;
@@ -3388,6 +3390,7 @@ group {
                                type: RECT;
                                mouse_events: 0;
                                scale: 1;
+                               clip_to: "ctxpopup_clip";
                                description { state: "default" 0.0;
                                        visible: 0;
                                        min: 0 20;
@@ -3407,6 +3410,7 @@ group {
                                type: RECT;
                                mouse_events: 0;
                                scale: 1;
+                               clip_to: "ctxpopup_clip";
                                description { state: "default" 0.0;
                                        visible: 0;
                                        min: 0 20;
@@ -3426,6 +3430,7 @@ group {
                                type: SWALLOW;
                                mouse_events: 0;
                                scale: 1;
+                               clip_to: "ctxpopup_clip";
                                dragable {
                                        x: 1 1 0;
                                        y: 1 1 0;
@@ -3442,6 +3447,7 @@ group {
                                type: SWALLOW;
                                mouse_events: 0;
                                scale: 1;
+                               clip_to: "ctxpopup_clip";
                                dragable {
                                        x: 1 1 0;
                                        y: 1 1 0;
@@ -3458,6 +3464,7 @@ group {
                                type: SWALLOW;
                                mouse_events: 0;
                                scale: 1;
+                               clip_to: "ctxpopup_clip";
                                dragable {
                                        x: 1 1 0;
                                        y: 1 1 0;
@@ -3474,6 +3481,7 @@ group {
                                type: SWALLOW;
                                mouse_events: 0;
                                scale: 1;
+                               clip_to: "ctxpopup_clip";
                                dragable {
                                        x: 1 1 0;
                                        y: 1 1 0;
@@ -3486,6 +3494,131 @@ group {
                                        visible: 1;
                                }
                        }
+                       part { name: "ctxpopup_clip";
+                               type: RECT;
+                               description { state: "default" 0.0;
+                               color: 255 255 255 0;
+                               rel1 { to:"ctxpopup_frame"; relative: 0 0; }
+                               rel2 { to:"ctxpopup_frame"; relative: 0 1; }
+                               }
+                               description { state: "show_up" 0.0;
+                                       color: 255 255 255 0;
+                                       rel1 { to:"arrow_area_down"; relative: 0 1; }
+                                       rel2 { to:"arrow_area_down"; relative: 1 1; }
+                               }
+                               description { state: "show_left" 0.0;
+                                       color: 255 255 255 0;
+                                       rel1 { to:"arrow_area_right"; relative: 1 0; }
+                                       rel2 { to:"arrow_area_right"; relative: 1 1; }
+                               }
+                               description { state: "show_right" 0.0;
+                                       color: 255 255 255 0;
+                                       rel1 { to:"arrow_area_left"; relative: 0 0; }
+                                       rel2 { to:"arrow_area_left"; relative: 0 1; }
+                               }
+                               description { state: "show_down" 0.0;
+                                       color: 255 255 255 0;
+                                       rel1 { to:"arrow_area_up"; relative: 0 0; }
+                                       rel2 { to:"arrow_area_up"; relative: 1 0; }
+                               }
+                               description { state: "hide_up" 0.0;
+                                       color: 255 255 255 255;
+                                       rel1 { to:"arrow_area_down"; relative: 0 1; }
+                                       rel1 { to:"arrow_area_down"; relative: 1 1; }
+                               }
+                               description { state: "hide_left" 0.0;
+                                       color: 255 255 255 255;
+                                       rel1 { to:"arrow_area_right"; relative: 1 0; }
+                                       rel2 { to:"arrow_area_right"; relative: 1 1; }
+                               }
+                               description { state: "hide_right" 0.0;
+                                       color: 255 255 255 255;
+                                       rel1 { to:"arrow_area_left"; relative: 0 0; }
+                                       rel2 { to:"arrow_area_left"; relative: 0 1; }
+                               }
+                               description { state: "hide_down" 0.0;
+                                       color: 255 255 255 255;
+                                       rel1 { to:"arrow_area_up"; relative: 0 0; }
+                                       rel2 { to:"arrow_area_up"; relative: 1 0; }
+                               }
+                               description { state: "visible" 0.0;
+                                       color: 255 255 255 255;
+                                       rel1 { to_x:"arrow_area_left"; to_y:"arrow_area_up"; }
+                                       rel2 { to_x:"arrow_area_right"; to_y:"arrow_area_down"; }
+                               }
+                       }
+       }
+       programs {
+               program { name: "show";
+                       signal: "elm,state,show";
+                       source: "elm";
+                       action: STATE_SET "visible" 0.0;
+                       transition: LINEAR 0.25;
+                       target: "ctxpopup_clip";
+               }
+               program { name: "show_up";
+                       signal: "elm,state,show,up";
+                       source: "elm";
+                       action: STATE_SET "show_up" 0.0;
+                       transition: LINEAR 0.25;
+                       target: "ctxpopup_clip";
+               }
+               program { name: "show_left";
+                       signal: "elm,state,show,left";
+                       source: "elm";
+                       action: STATE_SET "show_left" 0.0;
+                       transition: LINEAR 0.25;
+                       target: "ctxpopup_clip";
+               }
+               program { name: "show_right";
+                       signal: "elm,state,show,right";
+                       source: "elm";
+                       action: STATE_SET "show_right" 0.0;
+                       transition: LINEAR 0.25;
+                       target: "ctxpopup_clip";
+               }
+               program { name: "show_down";
+                       signal: "elm,state,show,down";
+                       source: "elm";
+                       action: STATE_SET "show_down" 0.0;
+                       transition: LINEAR 0.25;
+                       target: "ctxpopup_clip";
+               }
+               program { name: "hide_up";
+                       signal: "elm,state,hide,up";
+                       source: "elm";
+                       action: STATE_SET "hide_up" 0.0;
+                       transition: LINEAR 0.25;
+                       target: "ctxpopup_clip";
+                       after: "hide_finished";
+               }
+               program { name: "hide_left";
+                       signal: "elm,state,hide,left";
+                       source: "elm";
+                       action: STATE_SET "hide_left" 0.0;
+                       transition: LINEAR 0.25;
+                       target: "ctxpopup_clip";
+                       after: "hide_finished";
+               }
+               program { name: "hide_right";
+                       signal: "elm,state,hide,right";
+                       source: "elm";
+                       action: STATE_SET "hide_right" 0.0;
+                       transition: LINEAR 0.25;
+                       target: "ctxpopup_clip";
+                       after: "hide_finished";
+               }
+               program { name: "hide_down";
+                       signal: "elm,state,hide,down";
+                       source: "elm";
+                       action: STATE_SET "hide_down" 0.0;
+                       transition: LINEAR 0.25;
+                       target: "ctxpopup_clip";
+                       after: "hide_finished";
+               }
+               program { name: "hide_finished";
+                       action: SIGNAL_EMIT "elm,action,hide,finished" "";
+               }
        }
 }
 ///////////////////////////////////////////////////////////////////////////////