hermet pushed a commit to branch master.
commit 4015a669608fc98ea68397793022be3e80d34d27
Author: ChunEon Park <[email protected]>
Date: Fri Jul 26 16:30:32 2013 +0900
themes/dark - +tooltip
---
edje/dark.edc | 2 +-
edje/edc/elm/tooltip.edc | 474 +++++++++++++++++++++++++++
edje/img/tooltip-base.png | Bin 0 -> 641 bytes
edje/img/tooltip-corner-bottom-left-tip.png | Bin 0 -> 356 bytes
edje/img/tooltip-corner-bottom-right-tip.png | Bin 0 -> 362 bytes
edje/img/tooltip-corner-top-left-tip.png | Bin 0 -> 424 bytes
edje/img/tooltip-corner-top-right-tip.png | Bin 0 -> 413 bytes
edje/img/tooltip-edge-bottom-tip.png | Bin 0 -> 299 bytes
edje/img/tooltip-edge-left-tip.png | Bin 0 -> 277 bytes
edje/img/tooltip-edge-right-tip.png | Bin 0 -> 270 bytes
edje/img/tooltip-edge-top-tip.png | Bin 0 -> 279 bytes
edje/img/tooltip_over_top.png | Bin 0 -> 229 bytes
12 files changed, 475 insertions(+), 1 deletion(-)
diff --git a/edje/dark.edc b/edje/dark.edc
index 11c00e9..4e55a09 100644
--- a/edje/dark.edc
+++ b/edje/dark.edc
@@ -44,7 +44,7 @@ collections {
// XXX: fix gfx for actionslider - add glow on click like scrollbar. fix
shadow under text (grey not blakc)
#include "edc/elm/actionslider.edc"
//#include "edc/elm/photocam.edc"
-//#include "edc/elm/tooltip.edc"
+#include "edc/elm/tooltip.edc"
// XXX: fix gfx for colorsel - too much to talk about here. just look at it.
#include "edc/elm/colorsel.edc"
//#include "edc/elm/segmentcontrol.edc"
diff --git a/edje/edc/elm/tooltip.edc b/edje/edc/elm/tooltip.edc
new file mode 100644
index 0000000..1abcd6a
--- /dev/null
+++ b/edje/edc/elm/tooltip.edc
@@ -0,0 +1,474 @@
+group { name: "elm/label/base/tooltip";
+ styles {
+ style { name: "tooltip_style";
+ base: "font="FN" font_size=10 color=#ffffff style=shadow,bottom
shadow_color=#00000080 wrap=word text_class=bubble";
+ tag: "br" "\n";
+ tag: "hilight" "+ font="FN" text_class=bubble";
+ tag: "b" "+ font="FN" text_class=bubble";
+ tag: "tab" "\t";
+ }
+ }
+ parts {
+ part { name: "elm.text";
+ type: TEXTBLOCK;
+ mouse_events: 0;
+ scale: 1;
+ description { state: "default" 0.0;
+ text {
+ style: "tooltip_style";
+ min: 1 1;
+ }
+ }
+ }
+ }
+}
+
+group { name: "elm/tooltip/base/default";
+ min: 30 30;
+ data {
+ item: "pad_x" "20";
+ item: "pad_y" "20";
+ item: "pad_border_x" "10";
+ item: "pad_border_y" "10";
+ /* tooltip is hidden after this amount.
+ Keep in syn with hide animations */
+ item: "hide_timeout" "0.35";
+ }
+ images {
+ image: "tooltip-base.png" COMP;
+ image: "tooltip-corner-top-left-tip.png" COMP;
+ image: "tooltip-corner-top-right-tip.png" COMP;
+ image: "tooltip-corner-bottom-left-tip.png" COMP;
+ image: "tooltip-corner-bottom-right-tip.png" COMP;
+ image: "tooltip-edge-left-tip.png" COMP;
+ image: "tooltip-edge-right-tip.png" COMP;
+ image: "tooltip-edge-bottom-tip.png" COMP;
+ image: "tooltip-edge-top-tip.png" COMP;
+ image: "tooltip_over_top.png" COMP;
+ }
+ script {
+ hide_corners() {
+ set_state(PART:"corner-top-left", "default", 0.0);
+ set_state(PART:"corner-top-right", "default", 0.0);
+ set_state(PART:"corner-bottom-left", "default", 0.0);
+ set_state(PART:"corner-bottom-right", "default", 0.0);
+ }
+ hide_edges() {
+ set_state(PART:"clipper-edge-left", "default", 0.0);
+ set_state(PART:"clipper-edge-right", "default", 0.0);
+ set_state(PART:"clipper-edge-top", "default", 0.0);
+ set_state(PART:"clipper-edge-bottom", "default", 0.0);
+ }
+ show_corner_top_left() {
+ set_state(PART:"corner-top-left", "visible", 0.0);
+ set_state(PART:"corner-top-right", "default", 0.0);
+ set_state(PART:"corner-bottom-left", "default", 0.0);
+ set_state(PART:"corner-bottom-right", "default", 0.0);
+ hide_edges();
+ }
+ show_corner_top_right() {
+ set_state(PART:"corner-top-right", "visible", 0.0);
+ set_state(PART:"corner-top-left", "default", 0.0);
+ set_state(PART:"corner-bottom-left", "default", 0.0);
+ set_state(PART:"corner-bottom-right", "default", 0.0);
+ hide_edges();
+ }
+ show_corner_bottom_left() {
+ set_state(PART:"corner-bottom-left", "visible", 0.0);
+ set_state(PART:"corner-bottom-right", "default", 0.0);
+ set_state(PART:"corner-top-left", "default", 0.0);
+ set_state(PART:"corner-top-right", "default", 0.0);
+ hide_edges();
+ }
+ show_corner_bottom_right() {
+ set_state(PART:"corner-bottom-right", "visible", 0.0);
+ set_state(PART:"corner-bottom-left", "default", 0.0);
+ set_state(PART:"corner-top-left", "default", 0.0);
+ set_state(PART:"corner-top-right", "default", 0.0);
+ hide_edges();
+ }
+ show_edge_left(Float:val) {
+ set_state(PART:"clipper-edge-left", "visible", 0.0);
+ set_drag(PART:"edge-drag-left", 0.0, val);
+ set_state(PART:"clipper-edge-right", "default", 0.0);
+ set_state(PART:"clipper-edge-top", "default", 0.0);
+ set_state(PART:"clipper-edge-bottom", "default", 0.0);
+ hide_corners();
+ }
+ show_edge_right(Float:val) {
+ set_state(PART:"clipper-edge-right", "visible", 0.0);
+ set_drag(PART:"edge-drag-right", 0.0, val);
+ set_state(PART:"clipper-edge-left", "default", 0.0);
+ set_state(PART:"clipper-edge-top", "default", 0.0);
+ set_state(PART:"clipper-edge-bottom", "default", 0.0);
+ hide_corners();
+ }
+ show_edge_top(Float:val) {
+ set_state(PART:"clipper-edge-top", "visible", 0.0);
+ set_drag(PART:"edge-drag-top", val, 0.0);
+ set_state(PART:"clipper-edge-bottom", "default", 0.0);
+ set_state(PART:"clipper-edge-left", "default", 0.0);
+ set_state(PART:"clipper-edge-right", "default", 0.0);
+ hide_corners();
+ }
+ show_edge_bottom(Float:val) {
+ set_state(PART:"clipper-edge-bottom", "visible", 0.0);
+ set_drag(PART:"edge-drag-bottom", val, 0.0);
+ set_state(PART:"clipper-edge-top", "default", 0.0);
+ set_state(PART:"clipper-edge-left", "default", 0.0);
+ set_state(PART:"clipper-edge-right", "default", 0.0);
+ hide_corners();
+ }
+ public message(Msg_Type:type, id, ...) {
+ if ((type == MSG_FLOAT_SET) && (id == 1)) {
+ new Float:x, Float:y;
+
+ x = getfarg(2);
+ y = getfarg(3);
+
+ if (x < 0.0) {
+ if (y < 0.0) show_corner_top_left();
+ else if (y > 1.0) show_corner_bottom_left();
+ else show_edge_left(y);
+ } else if (x > 1.0) {
+ if (y < 0.0) show_corner_top_right();
+ else if (y > 1.0) show_corner_bottom_right();
+ else show_edge_right(y);
+ } else {
+ if (y < 0.0) show_edge_top(x);
+ else if (y > 1.0) show_edge_bottom(x);
+ else {
+ hide_corners();
+ hide_edges();
+ }
+ }
+ }
+ }
+ }
+ parts {
+ part { name: "clipper";
+ type: RECT;
+ description { state: "default" 0.0;
+ color: 255 255 255 0;
+ rel1 { to: "pop"; offset: -5 -5; }
+ rel2 { to: "pop"; offset: 5 5; }
+ }
+ description { state: "visible" 0.0;
+ inherit: "default" 0.0;
+ color: 255 255 255 255;
+ }
+ }
+ part { name: "pop";
+ mouse_events: 0;
+ clip_to: "clipper";
+ scale: 1;
+ description { state: "default" 0.0;
+ min: 30 30;
+ rel1 {
+ to: "elm.swallow.content";
+ offset: -5 -5;
+ }
+ rel2 {
+ to: "elm.swallow.content";
+ offset: 4 4;
+ }
+ image {
+ normal: "tooltip-base.png";
+ border: 5 5 5 5;
+ }
+ image.middle: SOLID;
+ }
+ }
+ #define TT_CORNER(name_, rx, ry, ax, ay, ox, oy) \
+ part { name: "corner-"name_; \
+ type: IMAGE; \
+ mouse_events: 0; \
+ clip_to: "clipper"; \
+ scale: 1; \
+ description { state: "default" 0.0; \
+ visible: 0; \
+ align: ax ay; \
+ FIXED_SIZE(12, 12) \
+ rel1 { \
+ relative: rx ry; \
+ offset: ox oy; \
+ to: "elm.swallow.content"; \
+ } \
+ rel2 { \
+ relative: rx ry; \
+ offset: ox oy; \
+ to: "elm.swallow.content"; \
+ } \
+ image.normal: "tooltip-corner-"name_"-tip.png"; \
+ } \
+ description { state: "visible" 0.0; \
+ inherit: "default" 0.0; \
+ visible: 1; \
+ } \
+ }
+ TT_CORNER("top-left", 0, 0, 1, 1, 2, 1);
+ TT_CORNER("top-right", 1, 0, 0, 1, -5, 2);
+ TT_CORNER("bottom-left", 0, 1, 1, 0, 2, -5);
+ TT_CORNER("bottom-right", 1, 1, 0, 0, -5, -5);
+ #undef TT_CORNER
+
+ part { name: "over";
+ type: IMAGE;
+ mouse_events: 0;
+ clip_to: "clipper";
+ description { state: "default" 0.0;
+ rel1 { to: "pop"; offset: 1 0; }
+ rel2 { to: "pop"; relative: 1.0 0.4; offset: -2 0; }
+ image.normal: "tooltip_over_top.png";
+ image.border: 3 3 0 0;
+ }
+ }
+
+ #define TT_EDGE_VERT(name_, rx, ax, ox) \
+ part { name: "clipper-edge-"name_; \
+ type: RECT; \
+ clip_to: "clipper"; \
+ description { state: "default" 0.0; \
+ visible: 0; \
+ min: 8 11; \
+ align: ax 0.5; \
+ fixed: 1 1; \
+ rel1 { \
+ relative: rx 0.0; \
+ offset: ox 0; \
+ to: "elm.swallow.content"; \
+ } \
+ rel2 { \
+ relative: rx 1.0; \
+ offset: ox 0; \
+ to: "elm.swallow.content"; \
+ } \
+ } \
+ description { state: "visible" 0.0; \
+ inherit: "default" 0.0; \
+ visible: 1; \
+ } \
+ } \
+ part { name: "edge-area-"name_; \
+ type: RECT; \
+ mouse_events: 0; \
+ clip_to: "clipper-edge-"name_; \
+ scale: 1; \
+ description { state: "default" 0.0; \
+ color: 0 0 0 0; \
+ min: 8 11; \
+ align: ax 0.5; \
+ fixed: 1 1; \
+ rel1 { \
+ relative: rx 0.0; \
+ offset: ox 0; \
+ to: "elm.swallow.content"; \
+ } \
+ rel2 { \
+ relative: rx 1.0; \
+ offset: ox 0; \
+ to: "elm.swallow.content"; \
+ } \
+ } \
+ } \
+ part { name: "edge-drag-"name_; \
+ type: RECT; \
+ mouse_events: 0; \
+ clip_to: "clipper-edge-"name_; \
+ scale: 1; \
+ dragable { \
+ x: 0 0 0; \
+ y: 1 1 0; \
+ confine: "edge-area-"name_; \
+ } \
+ description { state: "default" 0.0; \
+ color: 0 0 0 0; \
+ min: 8 11; \
+ rel1.to: "edge-area-"name_; \
+ rel2.to: "edge-area-"name_; \
+ } \
+ } \
+ part { name: "edge-img-"name_; \
+ type: IMAGE; \
+ mouse_events: 0; \
+ clip_to: "clipper-edge-"name_; \
+ description { state: "default" 0.0; \
+ FIXED_SIZE(8, 11) \
+ align: ax 0.5; \
+ rel1.to: "edge-drag-"name_; \
+ rel2.to: "edge-drag-"name_; \
+ image.normal: "tooltip-edge-"name_"-tip.png"; \
+ } \
+ }
+ TT_EDGE_VERT("left", 0, 1, -3);
+ TT_EDGE_VERT("right", 1, 0, 1);
+ #undef TT_EDGE_VERT
+
+ #define TT_EDGE_HORIZ(name_, ry, ay, oy) \
+ part { name: "clipper-edge-"name_; \
+ type: RECT; \
+ clip_to: "clipper"; \
+ scale: 1; \
+ description { state: "default" 0.0; \
+ visible: 0; \
+ min: 11 9; \
+ align: 0.5 ay; \
+ fixed: 1 1; \
+ rel1 { \
+ relative: 0.0 ry; \
+ offset: 0 oy; \
+ to: "elm.swallow.content"; \
+ } \
+ rel2 { \
+ relative: 1.0 ry; \
+ offset: 0 oy; \
+ to: "elm.swallow.content"; \
+ } \
+ } \
+ description { state: "visible" 0.0; \
+ inherit: "default" 0.0; \
+ visible: 1; \
+ } \
+ } \
+ part { name: "edge-area-"name_; \
+ type: RECT; \
+ mouse_events: 0; \
+ clip_to: "clipper-edge-"name_; \
+ scale: 1; \
+ description { state: "default" 0.0; \
+ color: 0 0 0 0; \
+ min: 11 9; \
+ align: 0.5 ay; \
+ fixed: 1 1; \
+ rel1.to: "clipper-edge-"name_; \
+ rel2.to: "clipper-edge-"name_; \
+ } \
+ } \
+ part { name: "edge-drag-"name_; \
+ type: RECT; \
+ mouse_events: 0; \
+ clip_to: "clipper-edge-"name_; \
+ scale: 1; \
+ dragable { \
+ x: 1 1 0; \
+ y: 0 0 0; \
+ confine: "edge-area-"name_; \
+ } \
+ description { state: "default" 0.0; \
+ color: 0 0 0 0; \
+ min: 11 9; \
+ rel1.to: "edge-area-"name_; \
+ rel2.to: "edge-area-"name_; \
+ } \
+ } \
+ part { name: "edge-img-"name_; \
+ type: IMAGE; \
+ mouse_events: 0; \
+ clip_to: "clipper-edge-"name_; \
+ scale: 1; \
+ description { state: "default" 0.0; \
+ FIXED_SIZE(11, 9) \
+ align: 0.5 ay; \
+ rel1.to: "edge-drag-"name_; \
+ rel2.to: "edge-drag-"name_; \
+ image.normal: "tooltip-edge-"name_"-tip.png"; \
+ } \
+ }
+ TT_EDGE_HORIZ("top", 0, 1, -2);
+ TT_EDGE_HORIZ("bottom", 1, 0, 0);
+ #undef TT_EDGE_HORIZ
+ part { name: "clipper_content";
+ type: RECT;
+ description { state: "default" 0.0;
+ color: 255 255 255 0;
+ rel1.to: "elm.swallow.content";
+ rel2.to: "elm.swallow.content";
+ }
+ description { state: "visible" 0.0;
+ inherit: "default" 0.0;
+ color: 255 255 255 255;
+ }
+ }
+ part { name: "elm.swallow.content";
+ type: SWALLOW;
+ clip_to: "clipper_content";
+ description { state: "default" 0.0; }
+ }
+ programs {
+ program {
+ name: "show0";
+ signal: "elm,action,show";
+ source: "elm";
+ action: ACTION_STOP;
+ target: "hide0";
+ target: "hide1";
+ target: "hide2";
+ target: "hide3";
+ after: "show1";
+ after: "show2";
+ }
+ program {
+ name: "show1";
+ action: STATE_SET "visible" 0.0;
+ transition: LINEAR 0.15;
+ target: "clipper";
+ }
+ program {
+ name: "show2";
+ in: 0.1 0.0;
+ action: STATE_SET "visible" 0.0;
+ transition: LINEAR 0.15;
+ target: "clipper_content";
+ }
+ program {
+ name: "hide0";
+ signal: "elm,action,hide";
+ source: "elm";
+ action: ACTION_STOP;
+ target: "show0";
+ target: "show1";
+ target: "show2";
+ after: "hide1";
+ after: "hide2";
+ after: "hide3";
+ }
+ program {
+ name: "hide1";
+ script {
+ hide_corners();
+ hide_edges();
+ }
+ }
+ program {
+ name: "hide2";
+ action: STATE_SET "default" 0.0;
+ transition: LINEAR 0.1;
+ target: "clipper_content";
+ }
+ program {
+ name: "hide3";
+ in: 0.1 0.0;
+ action: STATE_SET "default" 0.0;
+ transition: LINEAR 0.1;
+ target: "clipper";
+ }
+ }
+ }
+}
+group { name: "elm/tooltip/base/transparent";
+ data {
+ item: "pad_x" "10";
+ item: "pad_y" "10";
+ item: "transparent" "enabled";
+ }
+ parts {
+ part { name: "elm.swallow.content";
+ type: SWALLOW;
+ mouse_events: 0;
+ scale: 1;
+ description { state: "default" 0.0; }
+ }
+ }
+}
+
+///////////////////////////////////////////////////////////////////////////////
diff --git a/edje/img/tooltip-base.png b/edje/img/tooltip-base.png
new file mode 100644
index 0000000..42a0d89
Binary files /dev/null and b/edje/img/tooltip-base.png differ
diff --git a/edje/img/tooltip-corner-bottom-left-tip.png
b/edje/img/tooltip-corner-bottom-left-tip.png
new file mode 100644
index 0000000..11fa488
Binary files /dev/null and b/edje/img/tooltip-corner-bottom-left-tip.png differ
diff --git a/edje/img/tooltip-corner-bottom-right-tip.png
b/edje/img/tooltip-corner-bottom-right-tip.png
new file mode 100644
index 0000000..d898542
Binary files /dev/null and b/edje/img/tooltip-corner-bottom-right-tip.png differ
diff --git a/edje/img/tooltip-corner-top-left-tip.png
b/edje/img/tooltip-corner-top-left-tip.png
new file mode 100644
index 0000000..b9613a3
Binary files /dev/null and b/edje/img/tooltip-corner-top-left-tip.png differ
diff --git a/edje/img/tooltip-corner-top-right-tip.png
b/edje/img/tooltip-corner-top-right-tip.png
new file mode 100644
index 0000000..57f75bb
Binary files /dev/null and b/edje/img/tooltip-corner-top-right-tip.png differ
diff --git a/edje/img/tooltip-edge-bottom-tip.png
b/edje/img/tooltip-edge-bottom-tip.png
new file mode 100644
index 0000000..b77c9ac
Binary files /dev/null and b/edje/img/tooltip-edge-bottom-tip.png differ
diff --git a/edje/img/tooltip-edge-left-tip.png
b/edje/img/tooltip-edge-left-tip.png
new file mode 100644
index 0000000..ac67442
Binary files /dev/null and b/edje/img/tooltip-edge-left-tip.png differ
diff --git a/edje/img/tooltip-edge-right-tip.png
b/edje/img/tooltip-edge-right-tip.png
new file mode 100644
index 0000000..07f886e
Binary files /dev/null and b/edje/img/tooltip-edge-right-tip.png differ
diff --git a/edje/img/tooltip-edge-top-tip.png
b/edje/img/tooltip-edge-top-tip.png
new file mode 100644
index 0000000..dcb2893
Binary files /dev/null and b/edje/img/tooltip-edge-top-tip.png differ
diff --git a/edje/img/tooltip_over_top.png b/edje/img/tooltip_over_top.png
new file mode 100644
index 0000000..6337e1b
Binary files /dev/null and b/edje/img/tooltip_over_top.png differ
--
------------------------------------------------------------------------------
See everything from the browser to the database with AppDynamics
Get end-to-end visibility with application monitoring from AppDynamics
Isolate bottlenecks and diagnose root cause in seconds.
Start your free trial of AppDynamics Pro today!
http://pubads.g.doubleclick.net/gampad/clk?id=48808831&iu=/4140/ostg.clktrk
