[naviframe & button] Apply naviframe winset GUI v0.9
authorJaehyun Cho <jae_hyun.cho@samsung.com>
Tue, 2 Jul 2013 07:59:32 +0000 (16:59 +0900)
committerSungho Kwak <sungho1.kwak@samsung.com>
Thu, 4 Jul 2013 07:18:13 +0000 (16:18 +0900)
Change-Id: I5e6f506ba2e61194f5a655b6be4a7f5a00d57760

themes/inc/tizen-dark-inc.edc
themes/inc/tizen-light-inc.edc
themes/widgets/button.edc
themes/widgets/label.edc
themes/widgets/naviframe.edc

index ae3d824..43b9459 100755 (executable)
 #define NAVIFRAME_ICON_PADDING_INC 77 0
 #define NAVIFRAME_TITLE_TEXT_COLOR_INC 250 250 250 255
 #define NAVIFRAME_TITLE_STYLE_COLOR_INC "#FAFAFA"
+#define NAVIFRAME_TITLE_TEXT_SHADOW_COLOR_INC 0 0 0 255
+#define NAVIFRAME_TITLE_STYLE_SHADOW_COLOR_INC "#000000"
 #define NAVIFRAME_SUBTITLE_TEXT_COLOR_INC 250 250 250 255
+#define NAVIFRAME_SUBTITLE_TEXT_SHADOW_COLOR_INC 0 0 0 255
 #define NAVIFRAME_SUBTITLE_FONT_SIZE_INC 30
 #define NAVIFRAME_LANDSCAPE_SUBTITLE_FONT_SIZE_INC 28
 #define NAVIFRAME_SUBTITLE_H_INC 37
 
 #define BUTTON_NAVIFRAME_TITLE_ICON_CLIPPER_DEFAULT_COLOR_INC 250 250 250 255
 #define BUTTON_NAVIFRAME_TITLE_ICON_CLIPPER_PRESSED_COLOR_INC 93 131 255 255
-#define BUTTON_NAVIFRAME_TITLE_ICON_CLIPPER_DISABLED_COLOR_INC 250 250 250 128
+#define BUTTON_NAVIFRAME_TITLE_ICON_CLIPPER_DISABLED_COLOR_INC 250 250 250 153
+
+#define BUTTON_NAVIFRAME_TITLE_ICON_CLIPPER_DEFAULT_SHADOW_COLOR_INC 0 0 0 191
+#define BUTTON_NAVIFRAME_TITLE_ICON_CLIPPER_PRESSED_SHADOW_COLOR_INC 0 0 0 191
 
 #define BUTTON_CIRCLE_STYLE_NORMAL_COLOR_INC 250 250 250 255
 #define BUTTON_CIRCLE_STYLE_PRESSED_COLOR_INC 250 250 250 255
index 08abc26..fbd7548 100755 (executable)
 #define NAVIFRAME_BADGE_BG_IMAGE_BORDER_INC 26 26 0 0
 #define NAVIFRAME_TOOLBAR_BUTTON_BG_PADDING_INC 112 0
 #define NAVIFRAME_ICON_PADDING_INC 77 0
-#define NAVIFRAME_TITLE_TEXT_COLOR_INC 37 37 37 255
-#define NAVIFRAME_TITLE_STYLE_COLOR_INC "#252525"
-#define NAVIFRAME_SUBTITLE_TEXT_COLOR_INC 37 37 37 255
+#define NAVIFRAME_TITLE_TEXT_COLOR_INC 40 40 40 255
+#define NAVIFRAME_TITLE_STYLE_COLOR_INC "#282828"
+#define NAVIFRAME_TITLE_TEXT_SHADOW_COLOR_INC 250 250 250 255
+#define NAVIFRAME_TITLE_STYLE_SHADOW_COLOR_INC "#FAFAFA"
+#define NAVIFRAME_SUBTITLE_TEXT_COLOR_INC 40 40 40 255
+#define NAVIFRAME_SUBTITLE_TEXT_SHADOW_COLOR_INC 250 250 250 255
 #define NAVIFRAME_SUBTITLE_FONT_SIZE_INC 30
 #define NAVIFRAME_LANDSCAPE_SUBTITLE_FONT_SIZE_INC 28
 #define NAVIFRAME_SUBTITLE_H_INC 37
 #define BUTTON_CONTACT_BUTTON_TEXTBLOCK_SHADOW_NORMAL_COLOR_INC "#000000FF"
 #define BUTTON_CONTACT_BUTTON_TEXTBLOCK_SHADOW_PRESSED_COLOR_INC "#000000FF"
 
-#define BUTTON_NAVIFRAME_TITLE_ICON_CLIPPER_DEFAULT_COLOR_INC 101 101 101 255
+#define BUTTON_NAVIFRAME_TITLE_ICON_CLIPPER_DEFAULT_COLOR_INC 40 40 40 255
 #define BUTTON_NAVIFRAME_TITLE_ICON_CLIPPER_PRESSED_COLOR_INC 0 123 218 255
-#define BUTTON_NAVIFRAME_TITLE_ICON_CLIPPER_DISABLED_COLOR_INC 101 101 101 128
+#define BUTTON_NAVIFRAME_TITLE_ICON_CLIPPER_DISABLED_COLOR_INC 40 40 40 102
+
+#define BUTTON_NAVIFRAME_TITLE_ICON_CLIPPER_DEFAULT_SHADOW_COLOR_INC 250 250 250 255
+#define BUTTON_NAVIFRAME_TITLE_ICON_CLIPPER_PRESSED_SHADOW_COLOR_INC 0 0 0 191
 
 #define BUTTON_CIRCLE_STYLE_NORMAL_COLOR_INC 101 101 101 255
 #define BUTTON_CIRCLE_STYLE_PRESSED_COLOR_INC 250 250 250 255
 #define BUTTON_NAVIFRAME_TITLE_TEXT_BG_PRESSED_BORDER_INC 8 8 8 8
 #define BUTTON_NAVIFRAME_TITLE_TEXT_FONT_SIZE_INC 32
 #define BUTTON_NAVIFRAME_TITLE_TEXT_MIN_FONT_SIZE_INC 32
+
 #define BUTTON_NAVIFRAME_TITLE_TEXT_NORMAL_COLOR_INC "#282828FF"
 #define BUTTON_NAVIFRAME_TITLE_TEXT_SHADOW_NORMAL_COLOR_INC "#FAFAFAFF"
 #define BUTTON_NAVIFRAME_TITLE_TEXT_DISABLED_COLOR_INC "#2828287F"
 #define BUTTON_NAVIFRAME_TITLE_TEXT_SHADOW_DISABLED_COLOR_INC "#FAFAFAFF"
 #define BUTTON_NAVIFRAME_TITLE_TEXT_PRESSED_COLOR_INC "#FAFAFAFF"
-#define BUTTON_NAVIFRAME_TITLE_TEXT_SHADOW_PRESSED_COLOR_INC "#FAFAFAFF"
+#define BUTTON_NAVIFRAME_TITLE_TEXT_SHADOW_PRESSED_COLOR_INC "#000000FF"
 
 #define BUTTON_NAVIFRAME_MORE_BG_MIN_MAX_INC 85 98
 #define BUTTON_NAVIFRAME_LANDSCAPE_MORE_BG_MIN_MAX_INC 85 85
index 52c54a0..dbd82e3 100644 (file)
@@ -4949,13 +4949,63 @@ BUTTON_SCROLL_JUMPTO("jumpto_left", "00_icon_jump_left.png")
          part { name: "elm.icon.clipper";
             type: RECT;
             description { state: "default" 0.0;
+            }
+            description { state: "clicked" 0.0;
+            }
+            description { state: "disabled" 0.0;
+               color: BUTTON_NAVIFRAME_TITLE_ICON_CLIPPER_DISABLED_COLOR_INC;
+            }
+         }
+         part { name: "elm.swallow.content.proxy_shadow";
+            type: PROXY;
+            scale: 1;
+            clip_to: "elm.icon.proxy_shadow.clipper";
+            description { state: "default" 0.0;
+               source: "elm.swallow.content";
+               rel1 { to: "elm.swallow.content"; offset: 0 2; }
+               rel2 { to: "elm.swallow.content"; offset: -1 1; }
+            }
+            description { state: "clicked" 0.0;
+               inherit: "default" 0.0;
+               rel1.offset: 0 -2;
+               rel2.offset: -1 -3;
+            }
+            description { state: "disabled" 0.0;
+               visible: 0;
+            }
+         }
+         part { name: "elm.icon.proxy_shadow.clipper";
+            type: RECT;
+            description { state: "default" 0.0;
+               color: BUTTON_NAVIFRAME_TITLE_ICON_CLIPPER_DEFAULT_SHADOW_COLOR_INC;
+            }
+            description { state: "clicked" 0.0;
+               color: BUTTON_NAVIFRAME_TITLE_ICON_CLIPPER_PRESSED_SHADOW_COLOR_INC;
+            }
+            description { state: "disabled" 0.0;
+               visible: 0;
+            }
+         }
+         part { name: "elm.swallow.content.proxy";
+            type: PROXY;
+            scale: 1;
+            clip_to: "elm.icon.proxy.clipper";
+            description { state: "default" 0.0;
+               source: "elm.swallow.content";
+               rel1 { to: "elm.swallow.content"; }
+               rel2 { to: "elm.swallow.content"; }
+            }
+         }
+         part { name: "elm.icon.proxy.clipper";
+            type: RECT;
+            description { state: "default" 0.0;
                color: BUTTON_NAVIFRAME_TITLE_ICON_CLIPPER_DEFAULT_COLOR_INC;
             }
             description { state: "clicked" 0.0;
                color: BUTTON_NAVIFRAME_TITLE_ICON_CLIPPER_PRESSED_COLOR_INC;
             }
             description { state: "disabled" 0.0;
-               color: BUTTON_NAVIFRAME_TITLE_ICON_CLIPPER_DISABLED_COLOR_INC;
+               visible: 0;
             }
          }
          part { name: "over2";
@@ -4993,7 +5043,10 @@ BUTTON_SCROLL_JUMPTO("jumpto_left", "00_icon_jump_left.png")
          }
          program { name: "button_click_anim";
             script {
+               set_state(PART:"elm.icon.proxy_shadow.clipper", "clicked", 0.0);
+               set_state(PART:"elm.icon.proxy.clipper", "clicked", 0.0);
                set_state(PART:"elm.icon.clipper", "clicked", 0.0);
+               set_state(PART:"elm.swallow.content.proxy_shadow", "clicked", 0.0);
             }
          }
          program { name: "button_double_click";
@@ -5007,8 +5060,12 @@ BUTTON_SCROLL_JUMPTO("jumpto_left", "00_icon_jump_left.png")
          program { name: "button_mouseout_clicked";
             signal: "mouse,up,1";
             source: "over3";
-            action: STATE_SET "default" 0.0;
-            target: "elm.icon.clipper";
+            script {
+               set_state(PART:"elm.icon.proxy_shadow.clipper", "default", 0.0);
+               set_state(PART:"elm.icon.proxy.clipper", "default", 0.0);
+               set_state(PART:"elm.icon.clipper", "default", 0.0);
+               set_state(PART:"elm.swallow.content.proxy_shadow", "default", 0.0);
+            }
             after: button_unpress;
          }
          program { name: "touch_snd";
@@ -5037,7 +5094,10 @@ BUTTON_SCROLL_JUMPTO("jumpto_left", "00_icon_jump_left.png")
             source: "elm";
             script {
                set_state(PART:"disabler", "disabled", 0.0);
+               set_state(PART:"elm.icon.proxy_shadow.clipper", "disabled", 0.0);
+               set_state(PART:"elm.icon.proxy.clipper", "disabled", 0.0);
                set_state(PART:"elm.icon.clipper", "disabled", 0.0);
+               set_state(PART:"elm.swallow.content.proxy_shadow", "disabled", 0.0);
             }
          }
          program { name: "enable";
@@ -5045,7 +5105,10 @@ BUTTON_SCROLL_JUMPTO("jumpto_left", "00_icon_jump_left.png")
             source: "elm";
             script {
                set_state(PART:"disabler", "default", 0.0);
+               set_state(PART:"elm.icon.proxy_shadow.clipper", "default", 0.0);
+               set_state(PART:"elm.icon.proxy.clipper", "default", 0.0);
                set_state(PART:"elm.icon.clipper", "default", 0.0);
+               set_state(PART:"elm.swallow.content.proxy_shadow", "default", 0.0);
             }
          }
          program { name: "change_to_landscape";
index 01e4578..a311a16 100644 (file)
@@ -29,7 +29,7 @@
             tag:  "tab" "\t";
          }
          style { name: "naviframe_title_style";
-            base: "font=Tizen:style=Bold font_size="NAVIFRAME_TITLE_FONT_SIZE_INC" color="NAVIFRAME_TITLE_STYLE_COLOR_INC" text_class=tizen";
+            base: "font=Tizen:style=Bold font_size="NAVIFRAME_TITLE_FONT_SIZE_INC" color="NAVIFRAME_TITLE_STYLE_COLOR_INC" style=far_shadow,bottom shadow_color="NAVIFRAME_TITLE_STYLE_SHADOW_COLOR_INC" text_class=tizen";
             tag:  "br" "\n";
             tag:  "ps" "ps";
             tag:  "hilight" "+ font=Tizen:style=Bold";
@@ -37,7 +37,7 @@
             tag:  "tab" "\t";
          }
          style { name: "naviframe_maintitle_style";
-            base: "font=Tizen:style=Bold font_size="NAVIFRAME_TITLE_SMALL_FONT_SIZE_INC" color="NAVIFRAME_TITLE_STYLE_COLOR_INC" text_class=tizen";
+            base: "font=Tizen:style=Bold font_size="NAVIFRAME_TITLE_SMALL_FONT_SIZE_INC" color="NAVIFRAME_TITLE_STYLE_COLOR_INC" style=far_shadow,bottom shadow_color="NAVIFRAME_TITLE_STYLE_SHADOW_COLOR_INC" text_class=tizen";
             tag:  "br" "\n";
             tag:  "ps" "ps";
             tag:  "hilight" "+ font=Tizen:style=Bold";
@@ -45,7 +45,7 @@
             tag:  "tab" "\t";
          }
          style { name: "naviframe_subtitle_style";
-            base: "font=Tizen:style=Bold font_size="NAVIFRAME_SUBTITLE_FONT_SIZE_INC" color="NAVIFRAME_TITLE_STYLE_COLOR_INC" text_class=tizen";
+            base: "font=Tizen:style=Bold font_size="NAVIFRAME_SUBTITLE_FONT_SIZE_INC" color="NAVIFRAME_TITLE_STYLE_COLOR_INC" style=far_shadow,bottom shadow_color="NAVIFRAME_TITLE_STYLE_SHADOW_COLOR_INC" text_class=tizen";
             tag:  "br" "\n";
             tag:  "ps" "ps";
             tag:  "hilight" "+ font=Tizen:style=Bold";
@@ -53,7 +53,7 @@
             tag:  "tab" "\t";
          }
          style { name: "naviframe_landscape_title_style";
-            base: "font=Tizen:style=Bold font_size="NAVIFRAME_LANDSCAPE_TITLE_FONT_SIZE_INC" color="NAVIFRAME_TITLE_STYLE_COLOR_INC" text_class=tizen";
+            base: "font=Tizen:style=Bold font_size="NAVIFRAME_LANDSCAPE_TITLE_FONT_SIZE_INC" color="NAVIFRAME_TITLE_STYLE_COLOR_INC" style=far_shadow,bottom shadow_color="NAVIFRAME_TITLE_STYLE_SHADOW_COLOR_INC" text_class=tizen";
             tag:  "br" "\n";
             tag:  "ps" "ps";
             tag:  "hilight" "+ font=Tizen:style=Bold";
@@ -61,7 +61,7 @@
             tag:  "tab" "\t";
          }
          style { name: "naviframe_landscape_maintitle_style";
-            base: "font=Tizen:style=Bold font_size="NAVIFRAME_LANDSCAPE_TITLE_SMALL_FONT_SIZE_INC" color="NAVIFRAME_TITLE_STYLE_COLOR_INC" text_class=tizen";
+            base: "font=Tizen:style=Bold font_size="NAVIFRAME_LANDSCAPE_TITLE_SMALL_FONT_SIZE_INC" color="NAVIFRAME_TITLE_STYLE_COLOR_INC" style=far_shadow,bottom shadow_color="NAVIFRAME_TITLE_STYLE_SHADOW_COLOR_INC" text_class=tizen";
             tag:  "br" "\n";
             tag:  "ps" "ps";
             tag:  "hilight" "+ font=Tizen:style=Bold";
@@ -69,7 +69,7 @@
             tag:  "tab" "\t";
          }
          style { name: "naviframe_landscape_subtitle_style";
-            base: "font=Tizen:style=Bold font_size="NAVIFRAME_LANDSCAPE_SUBTITLE_FONT_SIZE_INC" color="NAVIFRAME_TITLE_STYLE_COLOR_INC" text_class=tizen";
+            base: "font=Tizen:style=Bold font_size="NAVIFRAME_LANDSCAPE_SUBTITLE_FONT_SIZE_INC" color="NAVIFRAME_TITLE_STYLE_COLOR_INC" style=far_shadow,bottom shadow_color="NAVIFRAME_TITLE_STYLE_SHADOW_COLOR_INC" text_class=tizen";
             tag:  "br" "\n";
             tag:  "ps" "ps";
             tag:  "hilight" "+ font=Tizen:style=Bold";
index 1f22611..18aeee3 100644 (file)
             mouse_events: 0;
             clip_to: "title_clip";
             description { state: "default" 0.0;
-               color: NAVIFRAME_TITLE_TEXT_COLOR_INC;
                rel1.to: "maintitle_text_bg";
                rel2.to: "maintitle_text_bg";
             }
                   text_class: "tizen";
                }
                color: NAVIFRAME_TITLE_TEXT_COLOR_INC;
-               color3: 0 0 0 255;
+               color3: NAVIFRAME_TITLE_TEXT_SHADOW_COLOR_INC;
                align: 0.0 0.5;
                rel1.to: "maintitle_text_bg";
                rel2.to: "maintitle_text_bg";
                   text_class: "tizen";
                }
                color: NAVIFRAME_TITLE_TEXT_COLOR_INC;
-               color3: 0 0 0 255;
+               color3: NAVIFRAME_TITLE_TEXT_SHADOW_COLOR_INC;
                align: 0.0 0.5;
                rel1.to: "maintitle_text_bg";
                rel2.to: "maintitle_text_bg";
             clip_to: "title_clip";
             description { state: "default" 0.0;
                visible: 0;
-               color: NAVIFRAME_TITLE_TEXT_COLOR_INC;
                rel1.to: "elm.text.title";
                rel2.to: "elm.text.title";
             }
                   text_class: "tizen";
                }
                color: NAVIFRAME_TITLE_TEXT_COLOR_INC;
-               color3: 0 0 0 255;
+               color3: NAVIFRAME_TITLE_TEXT_SHADOW_COLOR_INC;
                fixed: 1 0;
                align: 0.0 0.5;
                rel1.to: "maintitle_text_bg";
                   text_class: "tizen";
                }
                color: NAVIFRAME_TITLE_TEXT_COLOR_INC;
-               color3: 0 0 0 255;
+               color3: NAVIFRAME_TITLE_TEXT_SHADOW_COLOR_INC;
                fixed: 1 0;
                align: 0.0 0.5;
                rel1 { relative: 0.0 0.0; to: "maintitle_text_bg"; }
                   text_class: "tizen";
                }
                color: NAVIFRAME_TITLE_TEXT_COLOR_INC;
-               color3: 0 0 0 255;
+               color3: NAVIFRAME_TITLE_TEXT_SHADOW_COLOR_INC;
                fixed: 1 0;
                align: 0.0 0.5;
                rel1.to: "maintitle_text_bg";
                   text_class: "tizen";
                }
                color: NAVIFRAME_TITLE_TEXT_COLOR_INC;
-               color3: 0 0 0 255;
+               color3: NAVIFRAME_TITLE_TEXT_SHADOW_COLOR_INC;
                fixed: 1 0;
                align: 0.0 0.5;
                rel1 { relative: 1.0 0.0; to: "slide_text_gap2"; }
             mouse_events: 0;
             clip_to: "title_clip";
             description { state: "default" 0.0;
-               color: NAVIFRAME_SUBTITLE_TEXT_COLOR_INC;
                rel1.to: "subtitle_text_bg";
                rel2.to: "subtitle_text_bg";
             }
          }
          part { name: "elm.text.subtitle";
             type: TEXT;
+            effect: FAR_SHADOW BOTTOM;
             scale: 1;
             clip_to: "subtitle_text_clip";
             description { state: "default" 0.0;
                   text_class: "tizen";
                }
                color: NAVIFRAME_SUBTITLE_TEXT_COLOR_INC;
+               color3: NAVIFRAME_SUBTITLE_TEXT_SHADOW_COLOR_INC;
                align: 0.0 0.5;
                rel1.to: "subtitle_text_bg";
                rel2.to: "subtitle_text_bg";
             clip_to: "title_clip";
             description { state: "default" 0.0;
                visible: 0;
-               color: NAVIFRAME_SUBTITLE_TEXT_COLOR_INC;
                rel1.to: "elm.text.subtitle";
                rel2.to: "elm.text.subtitle";
             }
          }
          part { name: "elm.text.slide_begin_subtitle";
             type: TEXT;
+            effect: FAR_SHADOW BOTTOM;
             scale: 1;
             clip_to: "slide_subtitle_text_clip";
             description { state: "default" 0.0;
                   text_class: "tizen";
                }
                color: NAVIFRAME_SUBTITLE_TEXT_COLOR_INC;
+               color3: NAVIFRAME_SUBTITLE_TEXT_SHADOW_COLOR_INC;
                fixed: 1 0;
                align: 0.0 0.5;
                rel1.to: "subtitle_text_bg";
          }
          part { name: "elm.text.slide_end_subtitle";
             type: TEXT;
+            effect: FAR_SHADOW BOTTOM;
             scale: 1;
             clip_to: "slide_subtitle_text_clip";
             description { state: "default" 0.0;
                   text_class: "tizen";
                }
                color: NAVIFRAME_SUBTITLE_TEXT_COLOR_INC;
+               color3: NAVIFRAME_SUBTITLE_TEXT_SHADOW_COLOR_INC;
                fixed: 1 0;
                align: 0.0 0.5;
                rel1.to: "subtitle_text_bg";
             mouse_events: 0;
             clip_to: "title_clip";
             description { state: "default" 0.0;
-               color: NAVIFRAME_TITLE_TEXT_COLOR_INC;
                rel1.to: "title_text_bg";
                rel2.to: "title_text_bg";
             }
          }
          part { name: "elm.text.title";
             type: TEXT;
-            scale: 1;
             effect: FAR_SHADOW BOTTOM;
+            scale: 1;
             clip_to: "title_text_clip";
             description { state: "default" 0.0;
                visible: 1;
                   text_class: "tizen";
                }
                color: NAVIFRAME_TITLE_TEXT_COLOR_INC;
-               color3: 0 0 0 255;
+               color3: NAVIFRAME_TITLE_TEXT_SHADOW_COLOR_INC;
                align: 0.0 0.5;
                rel1.to: "title_text_bg";
                rel2.to: "title_text_bg";
             clip_to: "title_clip";
             description { state: "default" 0.0;
                visible: 0;
-               color: NAVIFRAME_TITLE_TEXT_COLOR_INC;
                rel1.to: "elm.text.title";
                rel2.to: "elm.text.title";
             }
                   text_class: "tizen";
                }
                color: NAVIFRAME_TITLE_TEXT_COLOR_INC;
-               color3: 0 0 0 255;
+               color3: NAVIFRAME_TITLE_TEXT_SHADOW_COLOR_INC;
                fixed: 1 0;
                align: 0.0 0.5;
                rel1.to: "title_text_bg";
          part { name: "elm.text.full_title";
             type: TEXT;
             scale: 1;
-            effect: FAR_SHADOW BOTTOM;
             clip_to: "slide_title_text_clip";
             description { state: "default" 0.0;
                visible: 0;
                   align: 0.0 0.5;
                   text_class: "tizen";
                }
-               color: NAVIFRAME_TITLE_TEXT_COLOR_INC;
-               color3: 0 0 0 255;
                fixed: 1 0;
                align: 0.0 0.5;
                rel1.to: "title_text_bg";
                   text_class: "tizen";
                }
                color: NAVIFRAME_TITLE_TEXT_COLOR_INC;
-               color3: 0 0 0 255;
+               color3: NAVIFRAME_TITLE_TEXT_SHADOW_COLOR_INC;
                fixed: 1 0;
                align: 0.0 0.5;
                rel1.to: "title_text_bg";