TH - colorselector

This commit is contained in:
Carsten Haitzler 2020-01-06 17:01:21 +00:00
parent 7829dc4db8
commit 6b6a6d5092
1 changed files with 174 additions and 295 deletions

View File

@ -1,124 +1,120 @@
group { name: "elm/colorselector/palette/default";
data.item: "horizontal_pad" 0;
data.item: "vertical_pad" 0;
images.image: "bevel_dark_in.png" COMP;
parts {
part { name: "elm.picker"; type: SWALLOW;
scale: 1;
description { state: "default" 0.0;
fixed: 0 1;
align: 0.5 0.0;
rel2.relative: 1.0 0.0;
offscale;
}
}
part { name: "sep1";
part { name: "sep1"; type: RECT;
scale: 1;
description { state: "default" 0.0;
fixed: 1 1;
rel1.to_y: "elm.picker";
rel1.offset: 4 4;
rel1.offset: 5 2;
rel1.relative: 0.0 1.0;
rel2.to_y: "elm.picker";
rel2.offset: -5 5;
min: 2 2;
max: 99999 2;
image.normal: "bevel_dark_in.png";
image.border: 2 2 2 2;
fill.smooth: 0;
rel2.offset: -6 2;
min: 64 1;
max: 99999 1;
color: 72 72 72 255;
offscale;
}
description { state: "off" 0.0;
inherit: "default" 0.0;
rel1.offset: 4 -2;
rel2.offset: -5 -1;
rel1.offset: 5 -1;
rel2.offset: -6 -1;
min: 0 0;
visible: 0;
}
}
part { name: "elm.palette"; type: SWALLOW;
scale: 1;
description { state: "default" 0.0;
align: 0.5 0.0;
rel1.to_y: "sep1";
rel1.relative: 0.0 1.0;
rel1.offset: 0 4;
rel1.offset: 0 2;
rel2.to_y: "sep2";
rel2.relative: 1.0 0.0;
rel2.offset: -1 -5;
rel2.offset: -1 -3;
offscale;
}
description { state: "off" 0.0;
inherit: "default" 0.0;
rel1.offset: 0 0;
rel2.offset: -1 -1;
rel1.offset: 0 -1;
rel2.offset: -1 0;
}
}
part { name: "sep2";
part { name: "sep2"; type: RECT;
scale: 1;
description { state: "default" 0.0;
fixed: 1 1;
rel1.to_y: "elm.selector";
rel1.offset: 4 -6;
rel1.offset: 5 -3;
rel2.to_y: "elm.selector";
rel2.offset: -5 -5;
rel2.offset: -6 -3;
rel2.relative: 1.0 0.0;
min: 2 2;
max: 99999 2;
image.normal: "bevel_dark_in.png";
image.border: 2 2 2 2;
fill.smooth: 0;
min: 64 1;
max: 99999 1;
color: 72 72 72 255;
offscale;
}
description { state: "off" 0.0;
inherit: "default" 0.0;
rel1.offset: 4 0;
rel2.offset: -5 1;
rel1.offset: 5 0;
rel2.offset: -6 0;
min: 0 0;
visible: 0;
}
}
part { name: "elm.selector"; type: SWALLOW;
scale: 1;
description { state: "default" 0.0;
fixed: 0 1;
align: 0.0 1.0;
rel1.relative: 0.0 1.0;
offscale;
}
}
}
programs {
program {
source: "elm"; signal: "elm,state,palette";
program { signal: "elm,state,palette"; source: "elm";
action: STATE_SET "off" 0.0;
target: "sep1";
target: "sep2";
}
program {
source: "elm"; signal: "elm,state,palette";
program { signal: "elm,state,palette"; source: "elm";
action: STATE_SET "default" 0.0;
target: "elm.palette";
}
program {
source: "elm"; signal: "elm,state,components";
program { signal: "elm,state,components"; source: "elm";
action: STATE_SET "off" 0.0;
target: "sep1";
target: "sep2";
target: "elm.palette";
}
program {
source: "elm"; signal: "elm,state,both";
program { signal: "elm,state,both"; source: "elm";
action: STATE_SET "off" 0.0;
target: "sep1";
}
program {
source: "elm"; signal: "elm,state,both";
program { signal: "elm,state,both"; source: "elm";
action: STATE_SET "default" 0.0;
target: "elm.palette";
target: "sep2";
}
program {
source: "elm"; signal: "elm,state,picker";
program { signal: "elm,state,picker"; source: "elm";
action: STATE_SET "off" 0.0;
target: "sep1";
target: "sep2";
target: "elm.palette";
}
program {
source: "elm"; signal: "elm,state,all";
program { signal: "elm,state,all"; source: "elm";
action: STATE_SET "default" 0.0;
target: "sep1";
target: "sep2";
@ -131,14 +127,39 @@ group { name: "elm/colorselector/picker/base/default";
parts {
part { name: "elm.swallow.picker"; type: SWALLOW;
description { state: "default" 0.0;
min: 90 90;
min: 80 80;
rel2 {
relative: 0.0 1.0;
to_x: "elm.label.red";
to_x: "sp1";
}
}
}
part { name: "sp1"; type: SPACER;
description { state: "default" 0.0;
rel1.to: "elm.label.red";
rel2.to: "elm.label.green";
rel1.relative: 0.0 1.0;
align: 0.0 0.5;
}
}
part { name: "sp2"; type: SPACER;
description { state: "default" 0.0;
rel1.to: "elm.label.blue";
rel2.to: "elm.label.alpha";
rel1.relative: 0.0 1.0;
align: 0.0 0.5;
}
}
part { name: "sp3"; type: SPACER;
description { state: "default" 0.0;
rel1.to: "sp1";
rel2.to: "sp2";
rel1.relative: 0.0 1.0;
align: 0.0 0.5;
}
}
part { name: "elm.label.red"; type: TEXT;
scale: 1;
description { state: "default" 0.0;
align: 1.0 0.0;
min: 15 0;
@ -146,45 +167,52 @@ group { name: "elm/colorselector/picker/base/default";
rel2 {
relative: 0.0 1.0;
to: "elm.swallow.red";
offset: -3 -1;
}
text {
font: "Sans";
size: 10;
font: FN; size: 10;
ellipsis: -1;
}
color: 160 160 160 255;
offscale;
}
}
part { name: "elm.swallow.red"; type: SWALLOW;
scale: 1;
description { state: "default" 0.0;
align: 1.0 0.0;
min: 60 20;
max: 60 20;
min: 80 20;
max: 80 20;
}
}
part { name: "elm.label.green"; type: TEXT;
scale: 1;
description { state: "default" 0.0;
min: 15 0;
max: 15 -1;
rel1 {
relative: 0.0 1.0;
to: "elm.label.red";
offset: -3 -1;
}
rel2 {
relative: 0.0 1.0;
to: "elm.swallow.green";
}
text {
font: "Sans";
size: 10;
font: FN; size: 10;
ellipsis: -1;
}
color: 160 160 160 255;
offscale;
}
}
part { name: "elm.swallow.green"; type: SWALLOW;
scale: 1;
description { state: "default" 0.0;
align: 1.0 0.0;
min: 60 20;
max: 60 20;
min: 80 20;
max: 80 20;
rel1 {
relative: 0.0 1.0;
to: "elm.swallow.red";
@ -192,29 +220,33 @@ group { name: "elm/colorselector/picker/base/default";
}
}
part { name: "elm.label.blue"; type: TEXT;
scale: 1;
description { state: "default" 0.0;
min: 15 0;
max: 15 -1;
rel1 {
relative: 0.0 1.0;
to: "elm.label.green";
offset: -3 -1;
}
rel2 {
relative: 0.0 1.0;
to: "elm.swallow.blue";
}
text {
font: "Sans";
size: 10;
font: FN; size: 10;
ellipsis: -1;
}
color: 160 160 160 255;
offscale;
}
}
part { name: "elm.swallow.blue"; type: SWALLOW;
scale: 1;
description { state: "default" 0.0;
align: 1.0 0.0;
min: 60 20;
max: 60 20;
min: 80 20;
max: 80 20;
rel1 {
relative: 0.0 1.0;
to: "elm.swallow.green";
@ -222,29 +254,33 @@ group { name: "elm/colorselector/picker/base/default";
}
}
part { name: "elm.label.alpha"; type: TEXT;
scale: 1;
description { state: "default" 0.0;
min: 15 0;
max: 15 -1;
rel1 {
relative: 0.0 1.0;
to: "elm.label.blue";
offset: -3 -1;
}
rel2 {
relative: 0.0 1.0;
to: "elm.swallow.alpha";
}
text {
font: "Sans";
size: 10;
font: FN; size: 10;
ellipsis: -1;
}
color: 160 160 160 255;
offscale;
}
}
part { name: "elm.swallow.alpha"; type: SWALLOW;
scale: 1;
description { state: "default" 0.0;
align: 1.0 0.0;
min: 60 20;
max: 60 20;
min: 80 20;
max: 80 20;
rel1 {
relative: 0.0 1.0;
to: "elm.swallow.blue";
@ -255,61 +291,37 @@ group { name: "elm/colorselector/picker/base/default";
}
group { name: "elm/colorselector/picker/default";
images.image: "inset_shadow.png" COMP;
images.image: "bevel_in.png" COMP;
images.image: "dot_pattern.png" COMP;
images.image: "diagonal_stripes.png" COMP;
parts {
part { name: "bg"; type: RECT;
scale: 1;
description { state: "default" 0.0;
min: 20 20;
rel1.to: "elm.picker";
rel2.to: "elm.picker";
color: 48 48 48 255;
min: 16 16;
rel.to: "elm.picker";
color: 32 32 32 255;
}
}
part { name: "pat";
description { state: "default" 0.0;
rel1.to: "bg";
rel2.to: "bg";
image.normal: "dot_pattern.png";
TILED_PATTERN(256, 256)
rel.to: "bg";
image.normal: "diagonal_stripes.png";
color: 255 255 255 16;
TILED_PATTERN(240, 240)
}
}
part { name: "clipper"; type: RECT;
description { state: "default" 0.0;
rel1.to: "elm.picker";
rel2.to: "elm.picker";
rel.to: "elm.picker";
}
}
part { name: "elm.picker"; type: SWALLOW;
clip_to: "clipper";
scale: 1;
description { state: "default" 0.0;
rel1.offset: 3 3;
rel2.offset: -4 -4;
}
}
part { name: "shadow"; mouse_events: 0;
description { state: "default" 0.0;
image.normal: "inset_shadow.png";
image.border: 5 5 7 3;
image.middle: 0;
rel1.to: "bg";
rel2.to: "bg";
fill.smooth: 0;
color: 255 255 255 128;
}
}
part { name: "inset"; mouse_events: 0;
description { state: "default" 0.0;
image.normal: "bevel_in.png";
image.border: 1 1 1 1;
image.middle: 0;
rel1.to: "bg";
rel1.offset: -1 -1;
rel2.to: "bg";
rel2.offset: 0 0;
fill.smooth: 0;
min: 16 16;
rel1.offset: 5 5;
rel2.offset: -6 -6;
offscale;
}
}
}
@ -355,85 +367,49 @@ group { name: "elm/colorselector/bg/default";
}
group { name: "elm/colorselector/base/default";
images.image: "inset_shadow.png" COMP;
images.image: "bevel_in.png" COMP;
images.image: "ring_shadow.png" COMP;
images.image: "ring_white_blue_glow.png" COMP;
images.image: "col_sel_end_bottom.png" COMP;
images.image: "col_sel_end_top.png" COMP;
parts {
part { name: "elm.bar_bg"; type: SWALLOW; mouse_events: 0;
scale: 1;
description { state: "default" 0.0;
min: 32 15;
rel1.offset: 0 10;
min: 80 20;
rel1.offset: 5 25;
rel1.to_x: "elm.arrow_bg";
rel2.offset: -1 -11;
rel2.offset: -6 -6;
rel2.to_x: "elm.arrow_bg";
offscale;
}
}
part { name: "elm.bar"; type: SWALLOW; mouse_events: 0;
description { state: "default" 0.0;
rel1.to: "elm.bar_bg";
rel2.to: "elm.bar_bg";
}
}
part { name: "clipper"; type: RECT;
description { state: "default" 0.0;
rel1.to: "shadow";
rel2.to: "shadow";
}
}
part { name: "shadow"; mouse_events: 0;
description { state: "default" 0.0;
image.normal: "inset_shadow.png";
image.border: 5 5 7 3;
image.middle: 0;
rel1.to: "elm.bar_bg";
rel2.to: "elm.bar_bg";
fill.smooth: 0;
color: 255 255 255 128;
}
}
part { name: "inset"; mouse_events: 0;
description { state: "default" 0.0;
image.normal: "bevel_in.png";
image.border: 1 1 1 1;
image.middle: 0;
rel1.to: "shadow";
rel1.offset: -1 -1;
rel2.to: "shadow";
rel2.offset: 0 0;
fill.smooth: 0;
rel.to: "elm.bar_bg";
}
}
part { name: "elm.arrow_bg"; type: SWALLOW;
description { state: "default" 0.0;
rel1 {
relative: 1.0 0.0;
offset: 3 0;
to_x: "elm.l_button";
}
rel2 {
relative: 0.0 1.0;
offset: -4 0;
to_x: "elm.r_button";
}
}
}
part { name: "elm.arrow"; type: RECT;
dragable {
confine: "elm.bar_bg";
x: 1 1 0;
y: 0 0 0;
}
description { state: "default" 0.0;
fixed: 1 1;
min: 1 1;
rel1.to_x: "elm.arrow_bg";
rel2.to_x: "elm.arrow_bg";
rel1.to_x: "elm.bar_bg";
rel2.to_x: "elm.bar_bg";
visible: 0;
}
dragable {
confine: "elm.arrow_bg";
x: 1 1 0;
y: 0 0 0;
}
}
part { name: "event"; type: RECT;
description { state: "default" 0.0;
@ -444,58 +420,18 @@ group { name: "elm/colorselector/base/default";
}
dragable.events: "elm.arrow";
}
part { name: "arrow_under"; mouse_events: 0;
description { state: "default" 0.0;
image.normal: "ring_shadow.png";
rel1.to: "elm.arrow_icon";
rel2.to: "elm.arrow_icon";
}
}
part { name: "elm.arrow_icon"; type: SWALLOW; mouse_events: 0;
scale: 1;
description { state: "default" 0.0;
fixed: 1 1;
min: 16 16;
max: 16 16;
align: 0.5 (28/32);
min: 24 24;
max: 24 24;
align: 0.5 1.0;
rel1.to_x: "elm.arrow";
rel1.to_y: "shadow";
rel1.to_y: "elm.bar";
rel2.relative: 1.0 0.0;
rel2.to_x: "elm.arrow";
rel2.to_y: "shadow";
}
}
part { name: "end1"; mouse_events: 0;
clip_to: "clipper";
scale: 1;
description { state: "default" 0.0;
image.normal: "col_sel_end_top.png";
FIXED_SIZE(11, 8)
align: 0.5 0.0;
rel1.to_x: "cursor";
rel2.to_x: "cursor";
rel1.to_y: "shadow";
rel2.to_y: "shadow";
}
}
part { name: "end2"; mouse_events: 0;
clip_to: "clipper";
scale: 1;
description { state: "default" 0.0;
image.normal: "col_sel_end_bottom.png";
FIXED_SIZE(11, 8)
align: 0.5 1.0;
rel1.to_x: "cursor";
rel2.to_x: "cursor";
rel1.to_y: "shadow";
rel2.to_y: "shadow";
}
}
part { name: "arrow_over"; mouse_events: 0;
description { state: "default" 0.0;
image.normal: "ring_white_blue_glow.png";
rel1.to: "elm.arrow_icon";
rel2.to: "elm.arrow_icon";
rel2.to_y: "elm.bar";
}
}
part { name: "cursor"; type: RECT;
@ -503,10 +439,10 @@ group { name: "elm/colorselector/base/default";
fixed: 1 1;
min: 1 1;
rel1.to_x: "elm.arrow_icon";
rel1.to_y: "shadow";
rel1.to_y: "elm.bar";
rel1.relative: 0.5 0.0;
rel2.to_x: "elm.arrow_icon";
rel2.to_y: "shadow";
rel2.to_y: "elm.bar";
rel2.relative: 0.5 1.0;
rel2.offset: 0 -1;
color: 255 255 255 255;
@ -516,8 +452,7 @@ group { name: "elm/colorselector/base/default";
part { name: "elm.arrow_bg_access"; type: RECT;
repeat_events: 1;
description { state: "default" 0.0;
rel1.to: "elm.arrow_bg";
rel2.to: "elm.arrow_bg";
rel.to: "elm.arrow_bg";
color: 0 0 0 0;
}
}
@ -525,7 +460,7 @@ group { name: "elm/colorselector/base/default";
scale: 1;
description { state: "default" 0.0;
fixed: 1 1;
min: 17 17;
min: 24 24;
rel1.relative: 0.0 0.0;
rel1.to_y: "elm.bar_bg";
rel2.relative: 0.0 1.0;
@ -537,7 +472,7 @@ group { name: "elm/colorselector/base/default";
scale: 1;
description { state: "default" 0.0;
fixed: 1 1;
min: 17 17;
min: 24 24;
rel1.relative: 1.0 0.0;
rel1.to_y: "elm.bar_bg";
rel2.relative: 1.0 1.0;
@ -549,26 +484,21 @@ group { name: "elm/colorselector/base/default";
}
group { name: "elm/colorselector/arrow/default";
images.image: "ring_white_middle.png" COMP;
parts {
part { name: "base";
part { name: "base"; type: RECT;
description { state: "default" 0.0;
aspect: 1.0 1.0; aspect_preference: BOTH;
image.normal: "ring_white_middle.png";
color: 255 255 255 255;
}
}
}
}
group{ name: "elm/colorselector/image/colorbar_0/default";
images {
image: "color_picker_color.png" COMP;
}
images.image: "color_picker_color.png" COMP;
parts {
part { name: "colorbar_0_image";
type: IMAGE;
description { state: "default" 0.0;
rel2.offset: -1 -1;
image.normal: "color_picker_color.png";
}
}
@ -609,50 +539,54 @@ group { name: "elm/colorselector/image/colorbar_3/default";
}
group { name: "elm/colorselector/bg_image/colorbar_3/default";
images.image: "dot_pattern.png" COMP;
images.image: "diagonal_stripes.png" COMP;
parts {
part { name: "bg"; type: RECT;
description { state: "default" 0.0;
color: 48 48 48 255;
color: 32 32 32 255;
}
}
part { name: "pat";
description { state: "default" 0.0;
rel1.to: "bg";
rel2.to: "bg";
image.normal: "dot_pattern.png";
TILED_PATTERN(256, 256)
rel.to: "bg";
image.normal: "diagonal_stripes.png";
color: 255 255 255 16;
TILED_PATTERN(240, 240)
}
}
}
}
group { name: "elm/colorselector/item/default";
images.image: "inset_shadow.png" COMP;
images.image: "bevel_in.png" COMP;
images.image: "dot_pattern.png" COMP;
images.image: "bg_glow_in.png" COMP;
images.image: "diagonal_stripes.png" COMP;
parts {
part { name: "sel"; type: RECT;
description { state: "default" 0.0;
color: 51 153 255 0;
}
description { state: "focused" 0.0;
inherit: "default" 0.0;
color: 51 153 255 255;
}
}
part { name: "bg"; type: RECT;
scale: 1;
description { state: "default" 0.0;
min: 20 20;
rel1.to: "color_obj";
rel2.to: "color_obj";
color: 48 48 48 255;
min: 16 16;
rel.to: "color_obj";
color: 32 32 32 255;
}
}
part { name: "pat";
description { state: "default" 0.0;
rel1.to: "bg";
rel2.to: "bg";
image.normal: "dot_pattern.png";
TILED_PATTERN(256, 256)
rel.to: "bg";
image.normal: "diagonal_stripes.png";
color: 255 255 255 16;
TILED_PATTERN(240, 240)
}
}
part { name: "clipper"; type: RECT;
description { state: "default" 0.0;
rel1.to: "color_obj";
rel2.to: "color_obj";
}
description { state: "disabled" 0.0;
@ -662,90 +596,35 @@ group { name: "elm/colorselector/item/default";
}
alias: "color_obj" "elm.swallow.color_obj";
part { name: "elm.swallow.color_obj"; type: SWALLOW;
scale: 1;
clip_to: "clipper";
description { state: "default" 0.0;
rel1.offset: 3 3;
rel2.offset: -4 -4;
}
}
part { name: "shadow"; mouse_events: 0;
description { state: "default" 0.0;
image.normal: "inset_shadow.png";
image.border: 5 5 7 3;
image.middle: 0;
rel1.to: "bg";
rel2.to: "bg";
fill.smooth: 0;
color: 255 255 255 128;
}
}
part { name: "dim"; type: RECT; mouse_events: 0;
description { state: "default" 0.0;
rel1.to: "bg";
rel2.to: "bg";
color: 0 0 0 0;
}
description { state: "focused" 0.0;
inherit: "default" 0.0;
color: 0 0 0 128;
}
}
part { name: "glow"; mouse_events: 0;
description { state: "default" 0.0;
rel1.to: "bg";
rel2.to: "bg";
image.normal: "bg_glow_in.png";
image.border: 7 7 7 7;
image.middle: 0;
fill.smooth: 0;
color: 255 255 255 0;
}
description { state: "focused" 0.0;
inherit: "default" 0.0;
color: 255 255 255 255;
}
}
part { name: "inset"; mouse_events: 0;
description { state: "default" 0.0;
image.normal: "bevel_in.png";
image.border: 1 1 1 1;
image.middle: 0;
rel1.to: "bg";
rel1.offset: -1 -1;
rel2.to: "bg";
rel2.offset: 0 0;
fill.smooth: 0;
min: 16 16;
rel1.offset: 5 5;
rel2.offset: -6 -6;
offscale;
}
}
}
programs {
program {
source: "elm"; signal: "elm,state,selected";
program { signal: "elm,state,selected"; source: "elm";
action: STATE_SET "focused" 0.0;
transition: DECELERATE 0.1;
target: "glow";
target: "dim";
target: "sel";
}
program {
source: "elm"; signal: "elm,state,unselected";
program { signal: "elm,state,unselected"; source: "elm";
action: STATE_SET "default" 0.0;
transition: DECELERATE 0.5;
target: "glow";
target: "dim";
transition: DECELERATE 0.2;
target: "sel";
}
program {
signal: "elm,anim,activate"; source: "elm";
program { signal: "elm,anim,activate"; source: "elm";
action: STATE_SET "focused" 0.0;
transition: DECELERATE 0.1;
target: "glow";
target: "dim";
target: "sel";
after: "active2";
}
program { name: "active2";
action: STATE_SET "default" 0.0;
transition: DECELERATE 0.8;
target: "glow";
target: "dim";
transition: DECELERATE 0.2;
target: "sel";
}
}
}