added pagecontrol style to index

Change-Id: I005625e181d534fbb9b33e42259566503da67432

diff --git a/themes/inc/tizen-black-hd-inc.edc b/themes/inc/tizen-black-hd-inc.edc
index 0eca7ca..4b555a9 100644 (file)
--- a/themes/inc/tizen-black-hd-inc.edc
+++ b/themes/inc/tizen-black-hd-inc.edc
@@ -741,6 +741,11 @@
 #define INDEX_ROLLOVER_ACTIVE_TEXT_COLOR_INC 200 200 200 255
 #define INDEX_POPUP_TEXT_COLOR_INC 249 249 249 255
 
+#define INDEX_PAGECONTROL_IND_INC 52 52
+#define INDEX_PAGECONTROL_IND_MIN_INC 24 24
+#define INDEX_PAGECONTROL_FONT_SIZE_INC 28
+#define INDEX_PAGECONTROL_FONT_COLOR_INC 120 120 120
+
 #define RADIO_STYLE_DEFAULT_BG_IMAGE_MIN_WIDTH_INC 42
 #define RADIO_STYLE_DEFAULT_BG_IMAGE_MIN_HEIGHT_INC 42
 #define RADIO_STYLE_DEFAULT_EXTENDED_BG_IMAGE_MIN_WIDTH_INC 50

diff --git a/themes/inc/tizen-black-inc.edc b/themes/inc/tizen-black-inc.edc
index 26d85e5..b46ed7a 100644 (file)
--- a/themes/inc/tizen-black-inc.edc
+++ b/themes/inc/tizen-black-inc.edc
@@ -725,6 +725,11 @@
 #define INDEX_ROLLOVER_ACTIVE_TEXT_COLOR_INC 200 200 200 255
 #define INDEX_POPUP_TEXT_COLOR_INC 249 249 249 255
 
+#define INDEX_PAGECONTROL_IND_INC 32 32
+#define INDEX_PAGECONTROL_IND_MIN_INC 16 16
+#define INDEX_PAGECONTROL_FONT_SIZE_INC 18
+#define INDEX_PAGECONTROL_FONT_COLOR_INC 120 120 120
+
 #define RADIO_STYLE_DEFAULT_BG_IMAGE_MIN_WIDTH_INC 26
 #define RADIO_STYLE_DEFAULT_BG_IMAGE_MIN_HEIGHT_INC 26
 #define RADIO_STYLE_DEFAULT_EXTENDED_BG_IMAGE_MIN_WIDTH_INC 50

diff --git a/themes/inc/tizen-hd-inc.edc b/themes/inc/tizen-hd-inc.edc
index 03fac19..4883ae8 100644 (file)
--- a/themes/inc/tizen-hd-inc.edc
+++ b/themes/inc/tizen-hd-inc.edc
@@ -746,6 +746,11 @@
 #define INDEX_ROLLOVER_ACTIVE_TEXT_COLOR_INC 58 60 9 255
 #define INDEX_POPUP_TEXT_COLOR_INC 88 83 79 255
 
+#define INDEX_PAGECONTROL_IND_INC 52 52
+#define INDEX_PAGECONTROL_IND_MIN_INC 24 24
+#define INDEX_PAGECONTROL_FONT_SIZE_INC 28
+#define INDEX_PAGECONTROL_FONT_COLOR_INC 120 120 120
+
 #define RADIO_STYLE_DEFAULT_BG_IMAGE_MIN_WIDTH_INC 42
 #define RADIO_STYLE_DEFAULT_BG_IMAGE_MIN_HEIGHT_INC 42
 #define RADIO_STYLE_DEFAULT_EXTENDED_BG_IMAGE_MIN_WIDTH_INC 50

diff --git a/themes/inc/tizen-inc.edc b/themes/inc/tizen-inc.edc
index 8cb4d79..a0585ca 100644 (file)
--- a/themes/inc/tizen-inc.edc
+++ b/themes/inc/tizen-inc.edc
@@ -738,6 +738,11 @@
 #define INDEX_ROLLOVER_ACTIVE_TEXT_COLOR_INC 58 60 9 255
 #define INDEX_POPUP_TEXT_COLOR_INC 88 83 79 255
 
+#define INDEX_PAGECONTROL_IND_INC 32 32
+#define INDEX_PAGECONTROL_IND_MIN_INC 16 16
+#define INDEX_PAGECONTROL_FONT_SIZE_INC 18
+#define INDEX_PAGECONTROL_FONT_COLOR_INC 120 120 120
+
 #define RADIO_STYLE_DEFAULT_BG_IMAGE_MIN_WIDTH_INC 26
 #define RADIO_STYLE_DEFAULT_BG_IMAGE_MIN_HEIGHT_INC 26
 #define RADIO_STYLE_DEFAULT_EXTENDED_BG_IMAGE_MIN_WIDTH_INC 50
@@ -1142,3 +1147,4 @@
 
 #define PAGECONTROL_IND_MIN_BG_INC 32 32
 #define PAGECONTROL_IND_MIN_INC 16 16
+

diff --git a/themes/widgets/index.edc b/themes/widgets/index.edc
index e1c3f24..09d0fbe 100644 (file)
--- a/themes/widgets/index.edc
+++ b/themes/widgets/index.edc
@@ -516,3 +516,156 @@
          }
       }
    }
+   group {
+      name: "elm/index/base/vertical/pagecontrol";
+      alias: "elm/index/base/horizontal/pagecontrol";
+      parts {
+         part { name: "clip";
+            type: RECT;
+            mouse_events:  0;
+            description { state: "default" 0.0;
+               visible:  0;
+               color: 255 255 255 0;
+            }
+            description { state: "active" 0.0;
+               visible:  1;
+               color: 255 255 255 255;
+            }
+         }
+         part { name: "elm.swallow.index.0";
+            type: SWALLOW;
+            scale: 1;
+            clip_to: "clip";
+            description {
+               state: "default" 0.0;
+               align: 0.5 0.5;
+               rel1.relative: 0 0;
+               rel2.relative: 1 1;
+            }
+         }
+         part { name: "elm.swallow.event.0";
+            type: SWALLOW;
+            description { state: "default" 0.0;
+               align: 0.5 0.5;
+            }
+         }
+      }
+      programs {
+         program { name: "active";
+            signal: "elm,state,active";
+            source: "elm";
+            action: STATE_SET "active" 0.0;
+            transition: DECELERATE 0.5;
+            target: "clip";
+         }
+         program { name: "inactive";
+            signal: "elm,state,inactive";
+            source: "elm";
+            action: STATE_SET "default" 0.0;
+            transition: DECELERATE 0.5;
+            target: "clip";
+         }
+      }
+   }
+   group {
+      name: "elm/index/item/vertical/pagecontrol";
+      alias: "elm/index/item_odd/vertical/pagecontrol";
+      alias: "elm/index/item/horizontal/pagecontrol";
+      alias: "elm/index/item_odd/horizontal/pagecontrol";
+      images {
+         image: "00_mainmenu_page_bar_001.png" COMP;
+         image: "00_mainmenu_page_bar_002.png" COMP;
+      }
+      parts {
+         part { name:"bg";
+            type : RECT;
+            scale: 1;
+            description { state: "default" 0.0;
+               min: INDEX_PAGECONTROL_IND_INC;
+               max: INDEX_PAGECONTROL_IND_INC;
+               visible: 0;
+               align: 0.5 0.5;
+            }
+         }
+         part { name: "indicator1";
+            type: IMAGE;
+            mouse_events: 0;
+            scale: 1;
+            description { state: "default" 0.0;
+               align: 0.5 0.5;
+               fixed: 1 1;
+               rel1.to: "bg";
+               rel2.to: "bg";
+               image {
+                  normal: "00_mainmenu_page_bar_001.png";
+               }
+            }
+            description { state: "active" 0.0;
+               inherit: "default" 0.0;
+               visible: 0;
+            }
+         }
+         part { name: "indicator2";
+            type: IMAGE;
+            mouse_events: 0;
+            scale: 1;
+            description { state: "default" 0.0;
+               align: 0.5 0.5;
+               fixed: 1 1;
+               min: INDEX_PAGECONTROL_IND_MIN_INC;
+               max: INDEX_PAGECONTROL_IND_MIN_INC;
+               image.normal: "00_mainmenu_page_bar_002.png";
+               visible: 0;
+            }
+            description { state: "active" 0.0;
+               inherit: "default" 0.0;
+               min: INDEX_PAGECONTROL_IND_INC;
+               max: INDEX_PAGECONTROL_IND_INC;
+               visible: 1;
+            }
+         }
+         part { name: "elm.text";
+            type: TEXT;
+            mouse_events: 0;
+            scale: 1;
+            description { state: "default" 0.0;
+               fixed: 1 1;
+               color: INDEX_PAGECONTROL_FONT_COLOR_INC 0;
+               align: 0.5 0.5;
+               text {
+                  font: "SLP:style=Bold";
+                  size: INDEX_PAGECONTROL_FONT_SIZE_INC;
+                  min: 0 1;
+                  //FIXME:values should be 0.5 0.5 when fonts are aligned correctly.
+                  align: 0.53 0.56;
+               }
+               rel1 { to: "indicator2"; }
+               rel2 { to: "indicator2"; }
+            }
+            description { state: "active" 0.0;
+               inherit: "default" 0.0;
+               color: INDEX_PAGECONTROL_FONT_COLOR_INC 255;
+            }
+         }
+      }
+      programs {
+         program { name: "active";
+            signal: "elm,state,active";
+            source: "elm";
+            action: STATE_SET "active" 0.0;
+            target: "indicator1";
+            target: "indicator2";
+            target: "elm.text";
+            transition: LINEAR 0.2;
+         }
+         program { name: "inactive";
+            signal: "elm,state,inactive";
+            source: "elm";
+            action: STATE_SET "default" 0.0;
+            target: "indicator1";
+            target: "indicator2";
+            target: "elm.text";
+            transition: LINEAR 0.2;
+         }
+      }
+   }