[Image used in title area and shadow part added to option header]

Change-Id: I10af12dc04ef6b36726b2e2aa1d4bc0784c4a3a4

3 files changed, 53 insertions, 13 deletions

diff --git a/themes/images/tizen-hd/00_winset_title_bg.png b/themes/images/tizen-hd/00_winset_title_bg.png
new file mode 100644
index 00000000..7de4386d
--- /dev/null
+++ b/themes/images/tizen-hd/00_winset_title_bg.png
diff --git a/themes/inc/tizen-hd-inc.edc b/themes/inc/tizen-hd-inc.edc
index 18edb72a..6bfbfc8f 100644
--- a/themes/inc/tizen-hd-inc.edc
+++ b/themes/inc/tizen-hd-inc.edc
@@ -29,11 +29,12 @@
 
 #define NAVIFRAME_TITLE_H_INC 108
 #define NAVIFRAME_SEGMENT_TITLE_H_INC 124
-#define NAVIFRAME_OH_OPENED_H_INC 106
-#define NAVIFRAME_OH_CONTENT_H_INC 74
+#define NAVIFRAME_OH_OPENED_H_INC 114
+#define NAVIFRAME_OH_CONTENT_H_INC 72
 #define NAVIFRAME_OH_PADDING_INC 16
+#define NAVIFRAME_OH_SHADOW_INC 10
 #define NAVIFRAME_OH_ARROW_SIZE_INC 28 24
-#define NAVIFRAME_OH_OPENED_DOUBLE_H_INC 196
+#define NAVIFRAME_OH_OPENED_DOUBLE_H_INC 202
 #define NAVIFRAME_PREV_BTN_W_INC 124
 #define NAVIFRAME_TITLE_FUNC_BTN_SIZE_INC 120 72
 #define NAVIFRAME_TITLE_PREV_BTN_BG_SIZE_INC 144
@@ -47,10 +48,8 @@
 #define NAVIFRAME_SUBTITLE_FONT_SIZE_INC 32
 #define NAVIFRAME_ICON_SIZE_INC 32 32
 #define NAVIFRAME_ICON_PADDING_INC 16 0
-#define NAVIFRAME_CONTROLBAR_BG_COLOR_INC 31 31 31 255
 #define NAVIFRAME_TITLE_TEXT_COLOR_INC 249 249 249 255
 #define NAVIFRAME_SUBTITLE_TEXT_COLOR_INC 249 249 249 255
-#define NAVIFRAME_TITLE_BG_COLOR_INC 108 108 108 255
 #define NAVIFRAME_OH_BORDER_INC 1 1 5 1
 
 #define PROGRESSBAR_TITLE_FONT_SIZE_INC 28
diff --git a/themes/widgets/naviframe.edc b/themes/widgets/naviframe.edc
index 1b37790b..a029fef5 100644
--- a/themes/widgets/naviframe.edc
+++ b/themes/widgets/naviframe.edc
@@ -33,6 +33,7 @@
           image: "00_winset_control_top_arrow.png" COMP;
           image: "00_winset_title_line.png" COMP;
           image: "00_winset_control_toolbar_bg.png" COMP;
+          image: "00_winset_title_bg.png" COMP;
       }
       script {
          public oh_show = 0;     //optionheader show/hide
@@ -64,7 +65,6 @@
             }
          }
          part { name: "title_bg";
-            type: RECT;
             scale: 1;
             description { state: "default" 0.0;
                min: 1 NAVIFRAME_TITLE_H_INC;
@@ -72,7 +72,7 @@
                fixed: 0 1;
                rel1 { relative: 0.0 0.0; to: "base"; }
                rel2 { relative: 1.0 0.0; to: "base"; }
-               color: NAVIFRAME_TITLE_BG_COLOR_INC;
+               image.normal: "00_winset_title_bg.png";
             }
             description { state: "hide" 0.0;
                inherit: "default" 0.0;
@@ -162,6 +162,19 @@
                visible: 0;
             }
          }
+         part { name: "optionheader_shadow";
+            type: RECT;
+            scale: 1;
+            clip_to: "optionheader_clip";
+            description { state: "default" 0.0;
+               min: 0 NAVIFRAME_OH_SHADOW_INC;
+               rel1 { relative: 0.0 1.0; to: "optionheader_bottom_padding"; }
+               rel2 { relative: 1.0 1.0; to: "optionheader_bottom_padding"; }
+               fixed: 0 1;
+               align: 0.0 0.0;
+               visible: 0;
+            }
+         }
          part { name: "elm.swallow.content";
             type: SWALLOW;
             scale: 1;
@@ -946,6 +959,7 @@
          image: "00_winset_control_top_arrow.png" COMP;
          image: "00_winset_title_line.png" COMP;
          image: "00_winset_control_toolbar_bg.png" COMP;
+         image: "00_winset_title_bg.png" COMP;
       }
       script {
          public oh_show = 0;     //optionheader show/hide
@@ -977,7 +991,6 @@
             }
          }
          part { name: "title_bg";
-            type: RECT;
             scale: 1;
             description { state: "default" 0.0;
                min: 1 NAVIFRAME_TITLE_H_INC;
@@ -985,7 +998,7 @@
                fixed: 0 1;
                rel1 { relative: 0.0 0.0; to: "base"; }
                rel2 { relative: 1.0 0.0; to: "base"; }
-               color: NAVIFRAME_TITLE_BG_COLOR_INC;
+               image.normal: "00_winset_title_bg.png";
             }
             description { state: "hide" 0.0;
                inherit: "default" 0.0;
@@ -1100,6 +1113,19 @@
                visible: 0;
             }
          }
+         part { name: "optionheader_shadow";
+            type: RECT;
+            scale: 1;
+            clip_to: "optionheader_clip";
+            description { state: "default" 0.0;
+               min: 0 NAVIFRAME_OH_SHADOW_INC;
+               rel1 { relative: 0.0 1.0; to: "optionheader.bottom.padding"; }
+               rel2 { relative: 1.0 1.0; to: "optionheader.bottom.padding"; }
+               fixed: 0 1;
+               align: 0.0 0.0;
+               visible: 0;
+            }
+         }
          part { name: "elm.swallow.content";
             type: SWALLOW;
             scale: 1;
@@ -1883,6 +1909,7 @@
       }
       images {
          image: "00_winset_control_toolbar_bg.png" COMP;
+         image: "00_winset_title_bg.png" COMP;
       }
       parts {
          part { name: "base";
@@ -1903,7 +1930,6 @@
             }
          }
          part { name: "title_bg";
-            type: RECT;
             scale: 1;
             description { state: "default" 0.0;
                min: 1 NAVIFRAME_SEGMENT_TITLE_H_INC;
@@ -1911,7 +1937,7 @@
                fixed: 0 1;
                rel1 { relative: 0.0 0.0; to: "base"; }
                rel2 { relative: 1.0 0.0; to: "base"; }
-               color: NAVIFRAME_TITLE_BG_COLOR_INC;
+               image.normal: "00_winset_title_bg.png";
             }
             description { state: "hide" 0.0;
                inherit: "default" 0.0;
@@ -2274,6 +2300,7 @@
       }
       images {
          image: "00_winset_control_toolbar_bg.png" COMP;
+         image: "00_winset_title_bg.png" COMP;
       }
       parts {
          part { name: "base";
@@ -2705,6 +2732,8 @@
       images {
           image: "00_winset_control_top_bg.png" COMP;
           image: "00_winset_control_top_arrow.png" COMP;
+          image: "00_winset_control_toolbar_bg.png" COMP;
+          image: "00_winset_title_bg.png" COMP;
       }
       script {
          public oh_show = 0;     //optionheader show/hide
@@ -2730,7 +2759,6 @@
             }
          }
          part { name: "title_bg";
-            type: RECT;
             scale: 1;
             description { state: "default" 0.0;
                min: 1 NAVIFRAME_TITLE_H_INC;
@@ -2738,7 +2766,7 @@
                fixed: 0 1;
                rel1 { relative: 0.0 0.0; to: "base"; }
                rel2 { relative: 1.0 0.0; to: "base"; }
-               color: NAVIFRAME_TITLE_BG_COLOR_INC;
+               image.normal: "00_winset_title_bg.png";
             }
             description { state: "hide" 0.0;
                inherit: "default" 0.0;
@@ -2828,6 +2856,19 @@
                visible: 0;
             }
          }
+         part { name: "optionheader_shadow";
+            type: RECT;
+            scale: 1;
+            clip_to: "optionheader_clip";
+            description { state: "default" 0.0;
+               min: 0 NAVIFRAME_OH_SHADOW_INC;
+               rel1 { relative: 0.0 1.0; to: "optionheader_bottom_padding"; }
+               rel2 { relative: 1.0 1.0; to: "optionheader_bottom_padding"; }
+               fixed: 0 1;
+               align: 0.0 0.0;
+               visible: 0;
+            }
+         }
          part { name: "elm.swallow.content";
             type: SWALLOW;
             scale: 1;