From: Sungtaek Hong Date: Thu, 5 Jan 2017 13:32:52 +0000 (+0900) Subject: theme: index add styles X-Git-Tag: submit/trunk/20170823.075128~110^2~197 X-Git-Url: http://review.tizen.org/git/?a=commitdiff_plain;h=0a0b67a5df007b3d39bf693eb4c0095b80b731f2;p=platform%2Fcore%2Fcsapi%2Ftizenfx.git theme: index add styles Change-Id: Id1069f5769bd7c833f7994b3e8ba6717cb446f18 Signed-off-by: Sungtaek Hong --- diff --git a/packaging/elm-sharp.spec b/packaging/elm-sharp.spec index 6351538..0e466e5 100644 --- a/packaging/elm-sharp.spec +++ b/packaging/elm-sharp.spec @@ -35,6 +35,7 @@ done edje_cc -id ElmSharp/theme/%{profile}/HD/images/ \ -id ElmSharp/theme/%{profile}/HD/images/User_Input_Elements \ + -id ElmSharp/theme/%{profile}/HD/images/Navigation_elements \ ElmSharp/theme/%{profile}/elm-sharp-theme-%{profile}.edc ElmSharp/theme/elm-sharp-theme.edj %install diff --git a/src/ElmSharp/theme/mobile/HD/images/Navigation_elements/README b/src/ElmSharp/theme/mobile/HD/images/Navigation_elements/README new file mode 100644 index 0000000..f267efa --- /dev/null +++ b/src/ElmSharp/theme/mobile/HD/images/Navigation_elements/README @@ -0,0 +1 @@ +This is reserved space for mobile images. Please erase this file if any image is added. diff --git a/src/ElmSharp/theme/tv/HD-inc.edc b/src/ElmSharp/theme/tv/HD-inc.edc index c02c306..d34ada1 100644 --- a/src/ElmSharp/theme/tv/HD-inc.edc +++ b/src/ElmSharp/theme/tv/HD-inc.edc @@ -47,6 +47,27 @@ #define CHECK_ONOFF_ICON_SIZE_INC 32 32 #define CHECK_PAD_BEFORE_TEXT_INC 32 0 +//****************************************************************************// +// Index +//****************************************************************************// +// FastScrol +#define INDEX_ITEM_WIDTH_INC 42 // 40 + 2(left line) +#define INDEX_ITEM_HEIGHT_INC 42 // 40 + 2(divider) +#define INDEX_ITEM_TEXT_WIDTH_INC 40 +#define INDEX_ITEM_TEXT_HEIGHT_INC 40 +#define INDEX_DIVIDER_HEIGHT_INC 2 +#define INDEX_SCROLL_BG_LINE_WIDTH_INC 2 +#define INDEX_TEXT_LEFT_PADDING_SIZE_INC 18 +#define INDEX_TEXT_RIGHT_PADDING_SIZE_INC 18 +#define INDEX_TEXT_BOTTOM_PADDING_SIZE_INC 10 +#define INDEX_PADDING_SIZE_INC 7 +#define INDEX_ITEM_PADDING_SIZE_INC 0 +#define INDEX_SCROLL_TEXT1_DEFAULT_SIZE_INC 132 158 + +// Page Control +#define INDEX_PAGECONTROL_IND_INC 42 40 +#define INDEX_PAGECONTROL_IND_MIN_INC 40 40 + #define STYLE_TAGS \ tag: "br" "\n";\ tag: "ps" "ps";\ diff --git a/src/ElmSharp/theme/tv/HD/images/Navigation_elements/core_index_fastscroll_rollover_line_focus.#.png b/src/ElmSharp/theme/tv/HD/images/Navigation_elements/core_index_fastscroll_rollover_line_focus.#.png new file mode 100755 index 0000000..4664cfb Binary files /dev/null and b/src/ElmSharp/theme/tv/HD/images/Navigation_elements/core_index_fastscroll_rollover_line_focus.#.png differ diff --git a/src/ElmSharp/theme/tv/HD/images/Navigation_elements/core_index_scroll_bar_h.#.png b/src/ElmSharp/theme/tv/HD/images/Navigation_elements/core_index_scroll_bar_h.#.png new file mode 100644 index 0000000..1e004ad Binary files /dev/null and b/src/ElmSharp/theme/tv/HD/images/Navigation_elements/core_index_scroll_bar_h.#.png differ diff --git a/src/ElmSharp/theme/tv/HD/images/Navigation_elements/core_index_scroll_bar_v.#.png b/src/ElmSharp/theme/tv/HD/images/Navigation_elements/core_index_scroll_bar_v.#.png new file mode 100644 index 0000000..58b3196 Binary files /dev/null and b/src/ElmSharp/theme/tv/HD/images/Navigation_elements/core_index_scroll_bar_v.#.png differ diff --git a/src/ElmSharp/theme/tv/HD/images/Navigation_elements/core_index_scroll_handler_h_01.png b/src/ElmSharp/theme/tv/HD/images/Navigation_elements/core_index_scroll_handler_h_01.png new file mode 100644 index 0000000..40cfe29 Binary files /dev/null and b/src/ElmSharp/theme/tv/HD/images/Navigation_elements/core_index_scroll_handler_h_01.png differ diff --git a/src/ElmSharp/theme/tv/HD/images/Navigation_elements/core_index_scroll_handler_h_02.png b/src/ElmSharp/theme/tv/HD/images/Navigation_elements/core_index_scroll_handler_h_02.png new file mode 100644 index 0000000..e3eff40 Binary files /dev/null and b/src/ElmSharp/theme/tv/HD/images/Navigation_elements/core_index_scroll_handler_h_02.png differ diff --git a/src/ElmSharp/theme/tv/HD/images/Navigation_elements/core_index_scroll_handler_v_01.png b/src/ElmSharp/theme/tv/HD/images/Navigation_elements/core_index_scroll_handler_v_01.png new file mode 100644 index 0000000..7c7d7ab Binary files /dev/null and b/src/ElmSharp/theme/tv/HD/images/Navigation_elements/core_index_scroll_handler_v_01.png differ diff --git a/src/ElmSharp/theme/tv/HD/images/Navigation_elements/core_index_scroll_handler_v_02.png b/src/ElmSharp/theme/tv/HD/images/Navigation_elements/core_index_scroll_handler_v_02.png new file mode 100644 index 0000000..e7cfbe5 Binary files /dev/null and b/src/ElmSharp/theme/tv/HD/images/Navigation_elements/core_index_scroll_handler_v_02.png differ diff --git a/src/ElmSharp/theme/tv/HD/images/Navigation_elements/core_index_scroll_popup_bg.png b/src/ElmSharp/theme/tv/HD/images/Navigation_elements/core_index_scroll_popup_bg.png new file mode 100755 index 0000000..f22ea3f Binary files /dev/null and b/src/ElmSharp/theme/tv/HD/images/Navigation_elements/core_index_scroll_popup_bg.png differ diff --git a/src/ElmSharp/theme/tv/HD/images/Navigation_elements/core_page_indicator_off.png b/src/ElmSharp/theme/tv/HD/images/Navigation_elements/core_page_indicator_off.png new file mode 100755 index 0000000..38bd77b Binary files /dev/null and b/src/ElmSharp/theme/tv/HD/images/Navigation_elements/core_page_indicator_off.png differ diff --git a/src/ElmSharp/theme/tv/HD/images/Navigation_elements/core_page_indicator_off_ef.png b/src/ElmSharp/theme/tv/HD/images/Navigation_elements/core_page_indicator_off_ef.png new file mode 100755 index 0000000..dd73fdc Binary files /dev/null and b/src/ElmSharp/theme/tv/HD/images/Navigation_elements/core_page_indicator_off_ef.png differ diff --git a/src/ElmSharp/theme/tv/HD/images/Navigation_elements/core_page_indicator_on.png b/src/ElmSharp/theme/tv/HD/images/Navigation_elements/core_page_indicator_on.png new file mode 100755 index 0000000..0f15dd7 Binary files /dev/null and b/src/ElmSharp/theme/tv/HD/images/Navigation_elements/core_page_indicator_on.png differ diff --git a/src/ElmSharp/theme/tv/HD/images/Navigation_elements/core_page_indicator_on_ef.png b/src/ElmSharp/theme/tv/HD/images/Navigation_elements/core_page_indicator_on_ef.png new file mode 100755 index 0000000..d918e9f Binary files /dev/null and b/src/ElmSharp/theme/tv/HD/images/Navigation_elements/core_page_indicator_on_ef.png differ diff --git a/src/ElmSharp/theme/tv/HD/images/Navigation_elements/core_scroll_bar_h.#.png b/src/ElmSharp/theme/tv/HD/images/Navigation_elements/core_scroll_bar_h.#.png new file mode 100644 index 0000000..4f36f34 Binary files /dev/null and b/src/ElmSharp/theme/tv/HD/images/Navigation_elements/core_scroll_bar_h.#.png differ diff --git a/src/ElmSharp/theme/tv/HD/images/Navigation_elements/core_scroll_bar_h_tab.#.png b/src/ElmSharp/theme/tv/HD/images/Navigation_elements/core_scroll_bar_h_tab.#.png new file mode 100644 index 0000000..7d25917 Binary files /dev/null and b/src/ElmSharp/theme/tv/HD/images/Navigation_elements/core_scroll_bar_h_tab.#.png differ diff --git a/src/ElmSharp/theme/tv/HD/images/Navigation_elements/core_scroll_bar_v.#.png b/src/ElmSharp/theme/tv/HD/images/Navigation_elements/core_scroll_bar_v.#.png new file mode 100644 index 0000000..c049587 Binary files /dev/null and b/src/ElmSharp/theme/tv/HD/images/Navigation_elements/core_scroll_bar_v.#.png differ diff --git a/src/ElmSharp/theme/tv/color_classes.edc b/src/ElmSharp/theme/tv/color_classes.edc index 599cef4..d374631 100644 --- a/src/ElmSharp/theme/tv/color_classes.edc +++ b/src/ElmSharp/theme/tv/color_classes.edc @@ -225,6 +225,39 @@ color_classes { color: 255 255 255 255; } /* + * Index + */ + color_class { "index/default/bg"; + color: 250 250 250 255; + } + color_class { "index/default/bg_popup"; + color: 61 185 204 255; + } + color_class { "index/default/text_popup"; + color: 250 250 250 255; + } + color_class { "index_item/default/border"; + color: 61 185 204 77; + } + color_class { "index_item/default/line"; + color: 61 185 204 26; + } + color_class { "index_item/default/divider"; + color: 61 185 204 26; + } + color_class { "index_item/default/text"; + color: 61 185 204 222; + } + color_class { "index_item/default/text_pressed"; + color: 61 185 204 222; + } + color_class { "index_item/pagecontrol/icon"; + color: 250 250 250 128; + } + color_class { "index_item/pagecontrol/icon_on"; + color: 250 250 250 255; + } + /* * Layout */ color_class { diff --git a/src/ElmSharp/theme/tv/elm-sharp-theme-tv.edc b/src/ElmSharp/theme/tv/elm-sharp-theme-tv.edc index 820f2c7..e23a2cd 100644 --- a/src/ElmSharp/theme/tv/elm-sharp-theme-tv.edc +++ b/src/ElmSharp/theme/tv/elm-sharp-theme-tv.edc @@ -70,6 +70,7 @@ collections { #include "widgets/genlist.edc" #include "widgets/hover.edc" #include "widgets/hoversel.edc" +#include "widgets/index.edc" #include "widgets/layout.edc" #include "widgets/list.edc" #include "widgets/popup.edc" diff --git a/src/ElmSharp/theme/tv/widgets/index.edc b/src/ElmSharp/theme/tv/widgets/index.edc new file mode 100644 index 0000000..6a783f2 --- /dev/null +++ b/src/ElmSharp/theme/tv/widgets/index.edc @@ -0,0 +1,680 @@ +/* + * Copyright (c) 2010 Samsung Electronics Co., Ltd All Rights Reserved + * + * BSD 2-Clause License (http://www.opensource.org/licenses/bsd-license.php) + * + * Redistribution and use in source and binary forms, with or without + * modification, are permitted provided that the following conditions are met: + * + * 1. Redistributions of source code must retain the above copyright notice, this + * list of conditions and the following disclaimer. + * 2. Redistributions in binary form must reproduce the above copyright notice, + * this list of conditions and the following disclaimer in the documentation + * and/or other materials provided with the distribution. + * + * THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" AND + * ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED + * WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE + * DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT OWNER OR CONTRIBUTORS BE LIABLE FOR + * ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES + * (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; + * LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND + * ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT + * (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS + * SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE. + */ + + group { "elm/index/event/default"; + alias: "elm/index/event/level0"; + inherit_only: 1; + parts { + /* Swallow for event rectangle */ + swallow { "elm.swallow.event.0"; + mouse; + desc { "default"; + fixed: 1 1; + rel.to: "elm.swallow.index.0"; + } + } + } + programs { + /* Program for index show */ + program { "active"; + signal: "elm,state,active"; + source: "elm"; + after: "on_active"; + } + /* Program for index autohide */ + program { "inactive"; + signal: "elm,state,inactive"; + source: "elm"; + after: "on_inactive"; + } + /* Program for indicator show */ + program { "active_indicator"; + signal: "elm,indicator,state,active"; + source: "elm"; + after: "on_active_indicator"; + } + /* Program for indicator hide */ + program { "inactive_indicator"; + signal: "elm,indicator,state,inactive"; + source: "elm"; + after: "on_inactive_indicator"; + } + /* Program for access active */ + program { "active_access"; + signal: "elm,access,state,active"; + source: "elm"; + after: "on_active_access"; + } + /* Program for access inactive */ + program { "inactive_access"; + signal: "elm,access,state,inactive"; + source: "elm"; + after: "on_inactive_access"; + } + } + } + /* Event for index with level1 */ + group { "elm/index/event/level1"; + inherit_only: 1; + mouse; + parts { + swallow { "elm.swallow.event.1"; + desc { "default"; + fixed: 1 1; + rel.to: "elm.swallow.index.1"; + } + } + } + programs { + /* Program for level changed to 0 */ + program { "level_0"; + signal: "elm,state,level,0"; + source: "elm"; + after: "on_level_0"; + } + /* Program for level changed to 1 */ + program { "level_1"; + signal: "elm,state,level,1"; + source: "elm"; + after: "on_level_1"; + } + } + } + group { "elm/index/base/template"; + inherit_only: 1; + nomouse; + parts { + spacer { "base"; + } + /* Swallow for index item box for level 0 */ + swallow { "elm.swallow.index.0"; + } + /* Swallow for index item box for level 1 */ + // swallow { "elm.swallow.index.1"; + // } + /* Rect for accessibility */ + rect { "access"; + } + } + /* Event for index level 0 */ + inherit: "elm/index/event/default"; + /* Event for index level 1 */ + // inherit: "elm/index/event/level1"; + programs { + /* Program for index show */ + program { "on_active"; + } + /* Program for index autohide */ + program { "on_inactive"; + } + /* Program for indicator show */ + program { "on_active_indicator"; + } + /* Program for indicator hide */ + program { "on_inactive_indicator"; + } + /* Program for access active */ + program { "on_active_access"; + } + /* Program for access inactive */ + program { "on_inactive_access"; + } + /* Program for level changed to 0 */ + // program { "on_level_0"; // level 0 + // } + /* Program for level changed to 1 */ + // program { "on_level_1"; // level 1 + // } + } + } + /* Event for index item */ + group { "elm/index/item/event/default"; + inherit_only: 1; + programs { + /* Program for index item activate */ + program { "active"; + signal: "elm,state,active"; + source: "elm"; + after: "on_active"; + } + /* Program for index item inactivate */ + program { "inactive"; + signal: "elm,state,inactive"; + source: "elm"; + after: "on_inactive"; + } + } + } + group { "elm/index/item/template"; + inherit_only: 1; + nomouse; + parts { + /* Base part for index item */ + spacer { "base"; + desc { "default"; + } + } + /* Text for index item */ + text { "elm.text"; + } + } + inherit: "elm/index/item/event/default"; + programs { + /* Program for index item activate */ + program { "on_active"; + } + /* Program for index item inactivate */ + program { "on_inactive"; + } + } + } + group { "elm/index/base/vertical/default"; + alias: "elm/index/base/vertical/fastscroll"; + nomouse; + images { + set { + name: "core_index_scroll_popup_bg"; + image { + image: "core_index_scroll_popup_bg.png" COMP; + } + } + } + parts { + spacer { "base"; + desc { "default"; + } + } + rect { "clipper"; + desc { "default"; + hid; + rel.to: "base"; + color: 255 255 255 0; + } + desc { "active"; + vis; + rel.to: "base"; + color: 255 255 255 255; + } + } + rect { "clipper_indicator"; + clip: "clipper"; + desc { "default"; + hid; + rel.to: "base"; + color: 255 255 255 0; + } + desc { "active"; + vis; + rel.to: "base"; + color: 255 255 255 255; + } + } + rect { "bg"; + clip: "clipper"; + desc { "default"; + rel.to_x: "elm.swallow.index.0"; + rel.to_y: "base"; + color_class: "index/default/bg"; + } + } + swallow { "elm.swallow.index.0"; + clip: "clipper"; + desc { "default"; + align: 1.0 0.5; + fixed: 1 1; + rel.to:"base"; + rel1.relative: 1.0 0.0; + } + } + // Popup Indicator group: "clipper_indicator "popup_bg" "sizer_text" + // "elm.text" "padding_text_left" "padding_text_bottom_right" + image { "popup_bg"; + clip: "clipper_indicator"; + desc { "default"; + fixed: 1 1; + image.normal: "core_index_scroll_popup_bg"; + rel1.to: "padding_text_left"; + rel2.to: "padding_text_bottom_right"; + color_class: "index/default/bg_popup"; + } + } + spacer { "sizer_text"; + scale; + clip: "clipper_indicator"; + desc { "default"; + min: 1 1; + fixed: 1 1; + rel.to: "base"; + rel1.relative: 0.5 0.5; + rel2.relative: 0.5 0.5; + } + } + text { "elm.text"; + scale; + clip: "clipper_indicator"; + desc { "default"; + min: INDEX_SCROLL_TEXT1_DEFAULT_SIZE_INC; + fixed: 1 1; + rel.to: "sizer_text"; + rel1.relative: 1.0 0.0; + text { + font: "BreezeSans:weight=Light"; + size: 112; + size_range: 50 112; + fit: 1 0; + } + color_class: "index/default/text_popup"; + } + } + spacer { "padding_text_left"; + scale; + clip: "clipper_indicator"; + desc { "default"; + min: INDEX_TEXT_LEFT_PADDING_SIZE_INC 0; + fixed: 1 0; + rel.to: "elm.text"; + rel2.relative: 0.0 1.0; + align: 1.0 0.5; + } + } + spacer { "padding_text_bottom_right"; + scale; + clip: "clipper_indicator"; + desc { "default"; + min: INDEX_TEXT_RIGHT_PADDING_SIZE_INC INDEX_TEXT_BOTTOM_PADDING_SIZE_INC; + fixed: 1 1; + rel.to: "elm.text"; + rel1.relative: 1.0 1.0; + align: 0.0 0.0; + } + } + rect { "access"; + desc { "default"; + fixed: 1 1; + rel.to: "elm.swallow.index.0"; + rel1.offset: -3 0; + color: 0 0 0 0; + hid; + } + desc { "active"; + inherit: "default"; + vis; + } + } + } + inherit: "elm/index/event/default"; + script { + public animate = 0; + } + programs { + program { "on_active"; + action: STATE_SET "active"; + target: "clipper"; + } + program { "on_inactive"; + action: STATE_SET "default"; + target: "clipper"; + } + program { "on_active_indicator"; + script { + if (get_int(animate) == 0) { + set_int(animate, 1); + } + else { + set_state(PART:"clipper_indicator", "default", 0.0); + } + } + after: "anim_active"; + } + program { "anim_active"; + action: STATE_SET "active"; + target: "clipper_indicator"; + transition: GLIDE_EASE_OUT(0.15); + after: "anim_finished"; + } + program { "on_inactive_indicator"; + script { + if (get_int(animate) == 0) { + set_int(animate, 1); + } + else { + set_state(PART:"clipper_indicator", "active", 0.0); + } + } + after: "anim_inactive"; + } + program { "anim_inactive"; + action: STATE_SET "default"; + target: "clipper_indicator"; + transition: GLIDE_EASE_OUT(0.45); + after: "anim_finished"; + } + program { "anim_finished"; + script { + set_int(animate, 0); + } + } + program { "on_active_access"; + action: STATE_SET "active"; + target: "access"; + } + program { "on_inactive_access"; + action: STATE_SET "default"; + target: "access"; + } + } + } + group { "elm/index/item/vertical/default"; + alias: "elm/index/item_odd/vertical/default"; + data.item: "stacking" "above"; + data.item: "selectraise" "on"; + nomouse; + images { + image: "core_index_fastscroll_rollover_line_focus.#.png" COMP; + } + parts { + rect { "base"; + scale; + desc { "default"; + min: INDEX_ITEM_WIDTH_INC INDEX_ITEM_HEIGHT_INC; + color: 255 255 255 255; + hid; + } + desc { "active"; + inherit: "default"; + vis; + } + } + spacer { "padding_right"; + scale; + desc { "default"; + align: 1.0 0.5; + min: INDEX_SCROLL_BG_LINE_WIDTH_INC 0; + fixed: 1 0; + rel.to: "base"; + rel1.relative: 1.0 0.0; + } + } + spacer { "padding_top_bg_item"; + scale; + desc { "default"; + align: 0.5 1.0; + rel.to: "base"; + rel2.relative: 1.0 0.0; + min: 0 INDEX_SCROLL_BG_LINE_WIDTH_INC; + fixed: 0 1; + } + } + text { "elm.text"; + scale; + desc { "default"; + min: INDEX_ITEM_TEXT_WIDTH_INC INDEX_ITEM_TEXT_HEIGHT_INC; + fixed: 1 1; + rel1 { + to_x: "bg_line_left"; + to_y: "base"; + } + rel2 { + to_x: "base"; + to_y: "bg_divider"; + relative: 1.0 0.0; + } + text { + font: "Tizen:weight=Light"; + size: 24; + size_range: 18 24; + fit: 1 0; + text_class: "tizen"; + } + color_class: "index_item/default/text"; + } + desc { "active"; + inherit: "default"; + color_class: "index_item/default/text_pressed"; + } + } + rect { "bg_line_left"; + scale; + desc { "default"; + align: 0.0 0.5; + min: INDEX_SCROLL_BG_LINE_WIDTH_INC 0; + fixed: 1 0; + rel.to: "base"; + rel2.relative: 0.0 1.0; + color_class: "index_item/default/line"; + } + desc { "active"; + inherit: "default"; + } + } + rect { "bg_divider"; + scale; + desc { "default"; + align: 0.5 1.0; + min: 0 INDEX_DIVIDER_HEIGHT_INC; + fixed: 0 1; + rel.to: "base"; + rel1.relative: 0.0 1.0; + color_class: "index_item/default/divider"; + } + desc { "inactive"; + inherit: "default"; + hid; + } + } + image { "bg_item"; + scale; + desc { "default"; + image.normal: "core_index_fastscroll_rollover_line_focus.#.png"; + rel1.to: "padding_top_bg_item"; + rel2.to: "bg_divider"; + fixed: 1 1; + color_class: "index_item/default/border"; + hid; + } + desc { "active"; + inherit: "default"; + vis; + } + } + } + inherit: "elm/index/item/event/default"; + programs { + program { "on_active"; + action: STATE_SET "active"; + transition: DECELERATE 0.0; + target: "elm.text"; + target: "bg_line_left"; + target: "bg_item"; + target: "base"; + } + program { "on_inactive"; + action: STATE_SET "default"; + transition: DECELERATE 0.0; + target: "elm.text"; + target: "bg_line_left"; + target: "bg_item"; + target: "base"; + } + program { "item_last"; + signal: "elm,last,item"; + source: "elm"; + action: STATE_SET "inactive"; + target: "bg_divider"; + } + } + } + group { "elm/index/base/vertical/pagecontrol"; + alias: "elm/index/base/horizontal/pagecontrol"; + nomouse; + parts { + spacer { "base"; + desc { "default"; + } + } + rect { "clipper"; + desc { "default"; + hid; + rel.to: "base"; + color: 255 255 255 0; + } + desc { "active"; + vis; + rel.to: "base"; + color: 255 255 255 255; + } + } + swallow { "elm.swallow.index.0"; + scale; + clip: "clipper"; + desc { "default"; + rel.to: "base"; + rel1.relative: 0.5 0.5; + rel2.relative: 0.5 0.5; + fixed: 1 1; + } + } + } + inherit: "elm/index/event/default"; + programs { + program { "on_active"; + action: STATE_SET "active"; + transition: DECELERATE 0.5; + target: "clipper"; + } + program { "on_inactive"; + action: STATE_SET "default"; + transition: DECELERATE 0.5; + target: "clipper"; + } + program { "on_active_indicator"; + } + program { "on_inactive_indicator"; + } + program { "on_priority_up"; + } + program { "on_priority_down"; + } + program { "on_active_access"; + } + program { "on_inactive_access"; + } + } + } + group { "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: "core_page_indicator_on.png" COMP; + image: "core_page_indicator_on_ef.png" COMP; + image: "core_page_indicator_off.png" COMP; + image: "core_page_indicator_off_ef.png" COMP; + } + nomouse; + parts { + spacer { "base"; + scale; + desc { "default"; + min: INDEX_PAGECONTROL_IND_INC; + max: INDEX_PAGECONTROL_IND_INC; + } + } + image { "bg_indicator_off"; + scale; + desc { "default"; + fixed: 1 1; + rel.to: "base"; + min: INDEX_PAGECONTROL_IND_MIN_INC; + max: INDEX_PAGECONTROL_IND_MIN_INC; + image.normal: "core_page_indicator_off.png"; + color_class: "index_item/pagecontrol/icon"; + } + desc { "active"; + inherit: "default"; + hid; + } + } + image { "bg_indicator_off_shadow"; + scale; + desc { "default"; + fixed: 1 1; + image.normal: "core_page_indicator_off_ef.png"; + rel.to: "bg_indicator_off"; + } + desc { "active"; + inherit: "default"; + hid; + } + } + image { "bg_indicator_on"; + scale; + desc { "default"; + fixed: 1 1; + min: INDEX_PAGECONTROL_IND_MIN_INC; + max: INDEX_PAGECONTROL_IND_MIN_INC; + image.normal: "core_page_indicator_on.png"; + color_class: "index_item/pagecontrol/icon_on"; + hid; + } + desc { "active"; + inherit: "default"; + vis; + } + } + image { "bg_indicator_on_shadow"; + scale; + desc { "default"; + fixed: 1 1; + image.normal: "core_page_indicator_on_ef.png"; + rel.to: "bg_indicator_on"; + hid; + } + desc { "active"; + inherit: "default"; + vis; + } + } + } + inherit: "elm/index/item/event/default"; + programs { + program { "on_active"; + action: STATE_SET "active"; + target: "bg_indicator_off"; + target: "bg_indicator_off_shadow"; + target: "bg_indicator_on"; + target: "bg_indicator_on_shadow"; + } + program { "on_inactive"; + action: STATE_SET "default"; + target: "bg_indicator_off"; + target: "bg_indicator_off_shadow"; + target: "bg_indicator_on"; + target: "bg_indicator_on_shadow"; + } + } + } +