forked from enlightenment/efl
504 lines
12 KiB
Plaintext
504 lines
12 KiB
Plaintext
///////////////////////////////////////////////////////////////////////////////
|
|
group { name: "elm/colorselector/palette/default";
|
|
data.item: "horizontal_pad" "10";
|
|
data.item: "vertical_pad" "10";
|
|
parts {
|
|
part { name: "picker";
|
|
type: SWALLOW;
|
|
scale: 1;
|
|
description { state: "default" 0.0;
|
|
align: 0.0 0.0;
|
|
fixed: 0 1;
|
|
rel1.relative: 0.0 0.0;
|
|
rel2.relative: 1.0 0.0;
|
|
}
|
|
}
|
|
part { name: "top_padding";
|
|
type: SPACER;
|
|
scale: 1;
|
|
description { state: "default" 0.0;
|
|
min: 0 20;
|
|
fixed: 0 1;
|
|
rel1.relative: 0.0 1.0;
|
|
rel1.to: "picker";
|
|
rel2.to: "picker";
|
|
align: 0.0 0.0;
|
|
}
|
|
description { state: "disabled" 0.0;
|
|
inherit: "default" 0.0;
|
|
min: 0 0;
|
|
}
|
|
}
|
|
part { name: "palette";
|
|
type: SWALLOW;
|
|
scale: 1;
|
|
description { state: "default" 0.0;
|
|
align: 0.0 0.0;
|
|
fixed: 0 1;
|
|
rel1 {
|
|
relative: 0.0 1.0;
|
|
to: "top_padding";
|
|
}
|
|
rel2 {
|
|
relative: 1.0 1.0;
|
|
to: "top_padding";
|
|
}
|
|
}
|
|
}
|
|
part{ name: "bottom_padding";
|
|
type: SPACER;
|
|
scale: 1;
|
|
description { state: "default" 0.0;
|
|
min: 0 20;
|
|
fixed: 0 1;
|
|
rel1.relative: 0.0 1.0;
|
|
rel1.to: "palette";
|
|
rel2.to: "palette";
|
|
align: 0.0 0.0;
|
|
}
|
|
description { state: "disabled" 0.0;
|
|
inherit: "default" 0.0;
|
|
min: 0 0;
|
|
}
|
|
}
|
|
part { name: "selector";
|
|
type: SWALLOW;
|
|
scale: 1;
|
|
description { state: "default" 0.0;
|
|
align: 0.0 1.0;
|
|
fixed: 0 1;
|
|
rel1 {
|
|
relative: 0.0 1.0;
|
|
to: "bottom_padding";
|
|
}
|
|
}
|
|
}
|
|
}
|
|
programs {
|
|
program { name: "init";
|
|
source: "";
|
|
signal: "load";
|
|
action: STATE_SET "disabled" 0.0;
|
|
target: "top_padding";
|
|
}
|
|
program { name: "palette";
|
|
source: "elm";
|
|
signal: "elm,state,palette";
|
|
action: STATE_SET "disabled" 0.0;
|
|
target: "bottom_padding";
|
|
target: "top_padding";
|
|
}
|
|
program { name: "components";
|
|
source: "elm";
|
|
signal: "elm,state,components";
|
|
action: STATE_SET "disabled" 0.0;
|
|
target: "bottom_padding";
|
|
target: "top_padding";
|
|
}
|
|
program { name: "both";
|
|
source: "elm";
|
|
signal: "elm,state,both";
|
|
action: STATE_SET "default" 0.0;
|
|
target: "bottom_padding";
|
|
after: "notop";
|
|
}
|
|
program { name: "notop";
|
|
action: STATE_SET "disabled" 0.0;
|
|
target: "top_padding";
|
|
}
|
|
program { name: "picker";
|
|
source: "elm";
|
|
signal: "elm,state,picker";
|
|
action: STATE_SET "disabled" 0.0;
|
|
target: "bottom_padding";
|
|
target: "top_padding";
|
|
}
|
|
program { name: "all";
|
|
source: "elm";
|
|
signal: "elm,state,all";
|
|
action: STATE_SET "default" 0.0;
|
|
target: "bottom_padding";
|
|
target: "top_padding";
|
|
}
|
|
}
|
|
}
|
|
|
|
group { name: "elm/colorselector/picker/default";
|
|
parts {
|
|
part { name: "background";
|
|
type: IMAGE;
|
|
description { state: "default" 0.0;
|
|
rel1.to: "elm.picker";
|
|
rel2.to: "elm.picker";
|
|
image.normal: "color_picker_alpha_bg.png";
|
|
fill {
|
|
type: TILE;
|
|
origin.offset: 0 0;
|
|
size.offset: 33 33;
|
|
}
|
|
}
|
|
}
|
|
part { name: "elm.picker";
|
|
type: SWALLOW;
|
|
scale: 1;
|
|
description { state: "default" 0.0;
|
|
min: 20 20;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
group { name: "elm/colorselector/bg/default";
|
|
parts {
|
|
part { name: "elm.colorbar_0";
|
|
type: SWALLOW;
|
|
description { state: "default" 0.0;
|
|
min: 120 30;
|
|
rel1.relative: 0.0 0.00653594771;
|
|
rel2.relative: 1.0 0.254901961;
|
|
}
|
|
}
|
|
part { name: "elm.colorbar_1";
|
|
type: SWALLOW;
|
|
description { state: "default" 0.0;
|
|
min: 120 30;
|
|
rel1.relative: 0.0 0.254901961;
|
|
rel2.relative: 1.0 0.503267974;
|
|
}
|
|
}
|
|
part { name: "elm.colorbar_2";
|
|
type: SWALLOW;
|
|
description { state: "default" 0.0;
|
|
min: 120 30;
|
|
rel1.relative: 0.0 0.503267974;
|
|
rel2.relative: 1.0 0.751633987;
|
|
}
|
|
}
|
|
part { name: "elm.colorbar_3";
|
|
type: SWALLOW;
|
|
description { state: "default" 0.0;
|
|
min: 120 30;
|
|
rel1.relative: 0.0 0.751633987;
|
|
rel2.relative: 1.0 1.0;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
group { name: "elm/colorselector/base/default";
|
|
parts {
|
|
part { name: "elm.bar_bg";
|
|
type: SWALLOW;
|
|
mouse_events: 0;
|
|
description { state: "default" 0.0;
|
|
min: 60 22;
|
|
rel1 {
|
|
relative: 0.0 0.8;
|
|
to_x: "elm.arrow_bg";
|
|
to_y: "elm.arrow_icon";
|
|
offset: 0 0;
|
|
}
|
|
rel2 {
|
|
relative: 1.0 0.83;
|
|
to_x: "elm.arrow_bg";
|
|
offset: 0 0;
|
|
}
|
|
}
|
|
}
|
|
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: "elm.arrow_bg";
|
|
type: SWALLOW;
|
|
description { state: "default" 0.0;
|
|
rel1 {
|
|
relative: 1.0 0.17;
|
|
offset: 3 0;
|
|
to_x: "elm.l_button";
|
|
}
|
|
rel2 {
|
|
relative: 0.0 0.83;
|
|
offset: -4 0;
|
|
to_x: "elm.r_button";
|
|
}
|
|
}
|
|
}
|
|
part { name: "elm.arrow";
|
|
type: RECT;
|
|
scale: 1;
|
|
description { state: "default" 0.0;
|
|
min: 1 1;
|
|
fixed: 1 1;
|
|
align: 0 0;
|
|
rel1 {
|
|
to_x: "elm.arrow_bg";
|
|
}
|
|
rel2 {
|
|
relative: 0.0 0.17;
|
|
to_x: "elm.arrow_bg";
|
|
}
|
|
color: 0 0 0 0;
|
|
visible: 0;
|
|
}
|
|
dragable {
|
|
confine: "elm.arrow_bg";
|
|
x: 1 1 0;
|
|
y: 0 0 0;
|
|
}
|
|
}
|
|
part { name: "elm.arrow_icon";
|
|
type: SWALLOW;
|
|
mouse_events: 0;
|
|
description { state: "default" 0.0;
|
|
min: 25 15;
|
|
max: 25 15;
|
|
fixed: 1 1;
|
|
align: 0.5 0;
|
|
rel1 {
|
|
to_x: "elm.arrow";
|
|
}
|
|
rel2 {
|
|
relative: 1.0 0.0;
|
|
offset: 0 10;
|
|
to_x: "elm.arrow";
|
|
}
|
|
}
|
|
}
|
|
part { name: "event";
|
|
type: RECT;
|
|
description { state: "default" 0.0;
|
|
rel1 {
|
|
to: "elm.arrow_icon";
|
|
}
|
|
rel2 {
|
|
to_x: "elm.arrow_icon";
|
|
to_y: "elm.arrow_bg";
|
|
offset: 0 0;
|
|
}
|
|
color: 0 0 0 0;
|
|
}
|
|
dragable {
|
|
events: "elm.arrow";
|
|
}
|
|
}
|
|
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";
|
|
color: 0 0 0 0;
|
|
}
|
|
}
|
|
part { name: "elm.l_button";
|
|
type: SWALLOW;
|
|
scale: 1;
|
|
description { state: "default" 0.0;
|
|
min: 24 24;
|
|
fixed: 1 1;
|
|
rel1 {
|
|
relative: 0.0 0.0;
|
|
to_y: "elm.bar_bg";
|
|
}
|
|
rel2 {
|
|
relative: 0.0 1.0;
|
|
to_y: "elm.bar_bg";
|
|
}
|
|
align: 0.0 0.5;
|
|
}
|
|
}
|
|
part { name: "elm.r_button";
|
|
type: SWALLOW;
|
|
scale: 1;
|
|
description { state: "default" 0.0;
|
|
min: 24 24;
|
|
fixed: 1 1;
|
|
rel1 {
|
|
relative: 1.0 0.0;
|
|
to_y: "elm.bar_bg";
|
|
}
|
|
rel2 {
|
|
relative: 1.0 1.0;
|
|
to_y: "elm.bar_bg";
|
|
}
|
|
align: 1.0 0.5;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
group{ name: "elm/colorselector/image/colorbar_0/default";
|
|
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";
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
group { name: "elm/colorselector/image/colorbar_1/default";
|
|
images {
|
|
image: "color_picker_opacity.png" COMP;
|
|
}
|
|
parts {
|
|
part { name: "colorbar_1_image";
|
|
type: IMAGE;
|
|
description { state: "default" 0.0;
|
|
rel2.offset: -1 -1;
|
|
image.normal: "color_picker_opacity.png";
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
group { name: "elm/colorselector/image/colorbar_2/default";
|
|
images {
|
|
image: "color_picker_brightness.png" COMP;
|
|
}
|
|
parts {
|
|
part { name: "colorbar_2_image";
|
|
type: IMAGE;
|
|
description { state: "default" 0.0;
|
|
rel2.offset: -1 -1;
|
|
image.normal: "color_picker_brightness.png";
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
group { name: "elm/colorselector/image/colorbar_3/default";
|
|
images {
|
|
image: "color_picker_alpha.png" COMP;
|
|
}
|
|
parts {
|
|
part { name: "colorbar_3_image";
|
|
type: IMAGE;
|
|
description { state: "default" 0.0;
|
|
rel2.offset: -1 -1;
|
|
image.normal: "color_picker_alpha.png";
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
group { name: "elm/colorselector/bg_image/colorbar_3/default";
|
|
images {
|
|
image: "color_picker_alpha_bg.png" COMP;
|
|
}
|
|
parts {
|
|
part { name: "colorbar_3_image";
|
|
type: IMAGE;
|
|
description { state: "default" 0.0;
|
|
rel2.offset: -1 -1;
|
|
image.normal: "color_picker_alpha_bg.png";
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
group { name: "elm/colorselector/arrow/default";
|
|
images {
|
|
image: "icon_arrow_down.png" COMP;
|
|
}
|
|
parts {
|
|
part { name: "bg";
|
|
type: RECT;
|
|
description { state: "default" 0.0;
|
|
color: 0 0 0 0;
|
|
}
|
|
}
|
|
part { name: "arrow_image";
|
|
type: IMAGE;
|
|
description { state: "default" 0.0;
|
|
image.normal: "icon_arrow_down.png";
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
group { name: "elm/colorselector/item/default";
|
|
parts {
|
|
part { name: "color_bg";
|
|
type: RECT;
|
|
scale: 1;
|
|
description { state: "default" 0.0;
|
|
min: 40 40;
|
|
}
|
|
}
|
|
part { name: "color_obj";
|
|
type: SWALLOW;
|
|
scale: 1;
|
|
description { state: "default" 0.0;
|
|
rel1.to: "color_bg";
|
|
rel2.to: "color_bg";
|
|
}
|
|
}
|
|
part { name: "focus_color";
|
|
scale: 1;
|
|
type: RECT;
|
|
description { state: "default" 0.0;
|
|
visible: 0;
|
|
min: 38 38;
|
|
rel1.to: "color_bg";
|
|
rel2.to: "color_bg";
|
|
color: 255 255 255 80;
|
|
}
|
|
description { state: "focused" 0.0;
|
|
inherit: "default" 0.0;
|
|
visible: 1;
|
|
}
|
|
}
|
|
}
|
|
programs {
|
|
program { name: "item_focus";
|
|
source: "elm";
|
|
signal: "elm,state,selected";
|
|
action: STATE_SET "focused" 0.0;
|
|
target: "focus_color";
|
|
}
|
|
program { name: "item_unfocus";
|
|
source: "elm";
|
|
signal: "elm,state,unselected";
|
|
action: STATE_SET "default" 0.0;
|
|
target: "focus_color";
|
|
}
|
|
program {
|
|
name: "item_pressed_anim";
|
|
signal: "elm,anim,activate";
|
|
source: "elm";
|
|
action: STATE_SET "focused" 0.0;
|
|
target: "focus_color";
|
|
after: "item_unpressed_anim";
|
|
}
|
|
program {
|
|
name: "item_unpressed_anim";
|
|
action: STATE_SET "default" 0.0;
|
|
transition: DECELERATE 0.2;
|
|
target: "focus_color";
|
|
}
|
|
}
|
|
}
|
|
|
|
group { name: "elm/colorselector/item/color/default";
|
|
parts {
|
|
part { name: "color_rect";
|
|
type: RECT;
|
|
scale: 1;
|
|
description{ state: "default" 0.0;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|