forked from enlightenment/ephoto
Theme for the cropper
This commit is contained in:
parent
a55ffcc290
commit
e262b5f2e1
|
@ -1,3 +1,15 @@
|
||||||
|
|
||||||
|
#define FIXED_SIZE(_W, _H) \
|
||||||
|
min: _W _H; max: _W _H;
|
||||||
|
|
||||||
|
images {
|
||||||
|
image: "sel_border.png" COMP;
|
||||||
|
image: "sel_corner1.png" COMP;
|
||||||
|
image: "sel_corner3.png" COMP;
|
||||||
|
image: "sel_corner5.png" COMP;
|
||||||
|
image: "sel_corner7.png" COMP;
|
||||||
|
}
|
||||||
|
|
||||||
collections {
|
collections {
|
||||||
group { name: "ephoto,image,cropper,base";
|
group { name: "ephoto,image,cropper,base";
|
||||||
script {
|
script {
|
||||||
|
@ -150,7 +162,7 @@ collections {
|
||||||
mouse_events: 0;
|
mouse_events: 0;
|
||||||
clip_to: "clipper";
|
clip_to: "clipper";
|
||||||
description { state: "default" 0.0;
|
description { state: "default" 0.0;
|
||||||
color: 0 0 0 200;
|
color: 0 0 0 150;
|
||||||
rel1.to: "clipper";
|
rel1.to: "clipper";
|
||||||
rel1.relative: 0.0 0.0;
|
rel1.relative: 0.0 0.0;
|
||||||
rel2.to: "ephoto.swallow.cropper";
|
rel2.to: "ephoto.swallow.cropper";
|
||||||
|
@ -163,7 +175,7 @@ collections {
|
||||||
mouse_events: 0;
|
mouse_events: 0;
|
||||||
clip_to: "clipper";
|
clip_to: "clipper";
|
||||||
description { state: "default" 0.0;
|
description { state: "default" 0.0;
|
||||||
color: 0 0 0 200;
|
color: 0 0 0 150;
|
||||||
rel1.to: "shader_top";
|
rel1.to: "shader_top";
|
||||||
rel1.relative: 0.0 1.0;
|
rel1.relative: 0.0 1.0;
|
||||||
rel2.to: "ephoto.swallow.cropper";
|
rel2.to: "ephoto.swallow.cropper";
|
||||||
|
@ -176,7 +188,7 @@ collections {
|
||||||
mouse_events: 0;
|
mouse_events: 0;
|
||||||
clip_to: "clipper";
|
clip_to: "clipper";
|
||||||
description { state: "default" 0.0;
|
description { state: "default" 0.0;
|
||||||
color: 0 0 0 200;
|
color: 0 0 0 150;
|
||||||
rel1.to: "shader_left";
|
rel1.to: "shader_left";
|
||||||
rel1.relative: 0.0 1.0;
|
rel1.relative: 0.0 1.0;
|
||||||
rel2.to: "clipper";
|
rel2.to: "clipper";
|
||||||
|
@ -189,7 +201,7 @@ collections {
|
||||||
mouse_events: 0;
|
mouse_events: 0;
|
||||||
clip_to: "clipper";
|
clip_to: "clipper";
|
||||||
description { state: "default" 0.0;
|
description { state: "default" 0.0;
|
||||||
color: 0 0 0 200;
|
color: 0 0 0 150;
|
||||||
rel1.to: "shader_top";
|
rel1.to: "shader_top";
|
||||||
rel1.relative: 1.0 0.0;
|
rel1.relative: 1.0 0.0;
|
||||||
rel2.to: "shader_bottom";
|
rel2.to: "shader_bottom";
|
||||||
|
@ -199,146 +211,195 @@ collections {
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
group { name: "ephoto,image,cropper";
|
group { name: "ephoto,image,cropper";
|
||||||
parts {
|
parts {
|
||||||
part { name: "cropper";
|
part { name: "cropper"; type: IMAGE;
|
||||||
type: RECT;
|
repeat_events: 1;
|
||||||
scale: 1;
|
|
||||||
mouse_events: 1;
|
|
||||||
description { state: "default" 0.0;
|
description { state: "default" 0.0;
|
||||||
color: 255 255 255 0;
|
color: 255 255 255 200;
|
||||||
|
image {
|
||||||
|
normal: "sel_border.png";
|
||||||
|
border: 3 3 3 3;
|
||||||
|
middle: NONE;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
part { name: "dragger"; type: RECT;
|
||||||
part { name: "dragger";
|
repeat_events: 1;
|
||||||
type: RECT;
|
description { state: "default" 0.0;
|
||||||
scale: 1;
|
color: 255 255 255 0;
|
||||||
mouse_events: 1;
|
rel1 {
|
||||||
description { state: "default" 0.0;
|
to: "handle1";
|
||||||
color: 255 255 255 0;
|
relative: 1.0 1.0;
|
||||||
rel1.to: "cropper";
|
}
|
||||||
rel1.relative: 0.0 0.0;
|
rel2 {
|
||||||
rel2.to: "cropper";
|
to: "handle5";
|
||||||
rel2.relative: 1.0 1.0;
|
relative: 0.0 0.0;
|
||||||
|
}
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
part { name: "handle1"; type: IMAGE;
|
||||||
part { name: "handle2";
|
repeat_events: 1;
|
||||||
type: RECT;
|
description { state: "default" 0.0;
|
||||||
scale: 1;
|
FIXED_SIZE(22, 22)
|
||||||
mouse_events: 1;
|
rel1.offset: 1 1;
|
||||||
description { state: "default" 0.0;
|
align: 0.0 0.0;
|
||||||
color: 0 0 0 255;
|
color: 255 255 255 0;
|
||||||
min: 10 10;
|
image.normal: "sel_corner1.png";
|
||||||
max: 99999 10;
|
}
|
||||||
align: 0 0;
|
description { state: "visible" 0.0;
|
||||||
rel1.to: "cropper";
|
inherit: "default" 0.0;
|
||||||
rel1.relative: 0.0 0.0;
|
color: 255 255 255 200;
|
||||||
rel2.to: "cropper";
|
}
|
||||||
rel2.relative: 1.0 0.0;
|
|
||||||
}
|
}
|
||||||
}
|
part { name: "handle2"; type: RECT;
|
||||||
part { name: "handle4";
|
repeat_events: 1;
|
||||||
type: RECT;
|
description { state: "default" 0.0;
|
||||||
scale: 1;
|
color: 255 255 255 0;
|
||||||
mouse_events: 1;
|
rel1 {
|
||||||
description { state: "default" 0.0;
|
to: "handle1";
|
||||||
color: 0 0 0 255;
|
relative: 1.0 0.0;
|
||||||
min: 10 10;
|
offset: 3 2;
|
||||||
max: 10 99999;
|
}
|
||||||
align: 1 1;
|
rel2 {
|
||||||
rel1.to: "cropper";
|
to: "handle3";
|
||||||
rel1.relative: 1.0 0.0;
|
relative: 0.0 1.0;
|
||||||
rel2.to: "cropper";
|
offset: -4 -2;
|
||||||
rel2.relative: 1.0 1.0;
|
}
|
||||||
|
}
|
||||||
|
description { state: "visible" 0.0;
|
||||||
|
inherit: "default" 0.0;
|
||||||
|
color: 255 255 255 80;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
part { name: "handle3"; type: IMAGE;
|
||||||
part { name: "handle6";
|
repeat_events: 1;
|
||||||
type: RECT;
|
description { state: "default" 0.0;
|
||||||
scale: 1;
|
FIXED_SIZE(22, 22)
|
||||||
mouse_events: 1;
|
rel1.offset: 0 1;
|
||||||
description { state: "default" 0.0;
|
rel2.offset: -2 -1;
|
||||||
color: 0 0 0 255;
|
align: 1.0 0.0;
|
||||||
min: 10 10;
|
color: 255 255 255 0;
|
||||||
max: 99999 10;
|
image.normal: "sel_corner3.png";
|
||||||
align: 1 1;
|
}
|
||||||
rel1.to: "cropper";
|
description { state: "visible" 0.0;
|
||||||
rel1.relative: 0.0 1.0;
|
inherit: "default" 0.0;
|
||||||
rel2.to: "cropper";
|
color: 255 255 255 200;
|
||||||
rel2.relative: 1.0 1.0;
|
}
|
||||||
}
|
}
|
||||||
}
|
part { name: "handle4"; type: RECT;
|
||||||
part { name: "handle8";
|
repeat_events: 1;
|
||||||
type: RECT;
|
description { state: "default" 0.0;
|
||||||
scale: 1;
|
color: 255 255 255 0;
|
||||||
mouse_events: 1;
|
rel1 {
|
||||||
description { state: "default" 0.0;
|
to: "handle3";
|
||||||
color: 0 0 0 255;
|
relative: 0.0 1.0;
|
||||||
min: 10 10;
|
offset: 1 3;
|
||||||
max: 10 99999;
|
}
|
||||||
align: 0 0;
|
rel2 {
|
||||||
rel1.to: "cropper";
|
to: "handle5";
|
||||||
rel1.relative: 0.0 0.0;
|
relative: 1.0 0.0;
|
||||||
rel2.to: "cropper";
|
offset: -3 -4;
|
||||||
rel2.relative: 0.0 1.0;
|
}
|
||||||
|
}
|
||||||
|
description { state: "visible" 0.0;
|
||||||
|
inherit: "default" 0.0;
|
||||||
|
color: 255 255 255 80;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
part { name: "handle5"; type: IMAGE;
|
||||||
part { name: "handle1";
|
repeat_events: 1;
|
||||||
type: RECT;
|
description { state: "default" 0.0;
|
||||||
scale: 1;
|
FIXED_SIZE(22, 22)
|
||||||
mouse_events: 1;
|
rel2.offset: -2 -2;
|
||||||
description { state: "default" 0.0;
|
align: 1.0 1.0;
|
||||||
color: 0 0 0 255;
|
color: 255 255 255 0;
|
||||||
min: 10 10;
|
image.normal: "sel_corner5.png";
|
||||||
max: 99999 10;
|
}
|
||||||
align: 0 0;
|
description { state: "visible" 0.0;
|
||||||
rel1.to: "cropper";
|
inherit: "default" 0.0;
|
||||||
rel1.relative: 0.0 0.0;
|
color: 255 255 255 200;
|
||||||
rel2.to: "cropper";
|
}
|
||||||
rel2.relative: 0.0 0.0;
|
|
||||||
}
|
}
|
||||||
}
|
part { name: "handle6"; type: RECT;
|
||||||
part { name: "handle3";
|
repeat_events: 1;
|
||||||
type: RECT;
|
description { state: "default" 0.0;
|
||||||
scale: 1;
|
rel1 {
|
||||||
mouse_events: 1;
|
to: "handle7";
|
||||||
description { state: "default" 0.0;
|
relative: 1.0 0.0;
|
||||||
color: 0 0 0 255;
|
offset: 3 1;
|
||||||
min: 10 10;
|
}
|
||||||
max: 99999 10;
|
rel2 {
|
||||||
align: 1 0;
|
to: "handle5";
|
||||||
rel1.to: "cropper";
|
relative: 0.0 1.0;
|
||||||
rel1.relative: 1.0 0.0;
|
offset: -4 -3;
|
||||||
rel2.to: "cropper";
|
}
|
||||||
rel2.relative: 1.0 0.0;
|
color: 255 255 255 0;
|
||||||
|
}
|
||||||
|
description { state: "visible" 0.0;
|
||||||
|
inherit: "default" 0.0;
|
||||||
|
color: 255 255 255 80;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
part { name: "handle7"; type: IMAGE;
|
||||||
part { name: "handle5";
|
repeat_events: 1;
|
||||||
type: RECT;
|
description { state: "default" 0.0;
|
||||||
scale: 1;
|
FIXED_SIZE(22, 22)
|
||||||
mouse_events: 1;
|
rel1.offset: 1 0;
|
||||||
description { state: "default" 0.0;
|
rel2.offset: -1 -2;
|
||||||
color: 0 0 0 255;
|
align: 0.0 1.0;
|
||||||
min: 10 10;
|
color: 255 255 255 0;
|
||||||
max: 99999 10;
|
image.normal: "sel_corner7.png";
|
||||||
align: 1 1;
|
}
|
||||||
rel1.to: "cropper";
|
description { state: "visible" 0.0;
|
||||||
rel1.relative: 1.0 1.0;
|
inherit: "default" 0.0;
|
||||||
rel2.to: "cropper";
|
color: 255 255 255 200;
|
||||||
rel2.relative: 1.0 1.0;
|
}
|
||||||
}
|
}
|
||||||
}
|
part { name: "handle8"; type: RECT;
|
||||||
part { name: "handle7";
|
repeat_events: 1;
|
||||||
type: RECT;
|
description { state: "default" 0.0;
|
||||||
scale: 1;
|
rel1 {
|
||||||
mouse_events: 1;
|
to: "handle1";
|
||||||
description { state: "default" 0.0;
|
relative: 0.0 1.0;
|
||||||
color: 0 0 0 255;
|
offset: 2 3;
|
||||||
min: 10 10;
|
}
|
||||||
max: 99999 10;
|
rel2 {
|
||||||
align: 0 1;
|
to: "handle7";
|
||||||
rel1.to: "cropper";
|
relative: 1.0 0.0;
|
||||||
rel1.relative: 0.0 1.0;
|
offset: -2 -4;
|
||||||
rel2.to: "cropper";
|
}
|
||||||
rel2.relative: 0.0 1.0;
|
color: 255 255 255 0;
|
||||||
|
}
|
||||||
|
description { state: "visible" 0.0;
|
||||||
|
inherit: "default" 0.0;
|
||||||
|
color: 255 255 255 80;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
program {
|
||||||
|
signal: "mouse,in"; source: "cropper";
|
||||||
|
action: STATE_SET "visible" 0.0;
|
||||||
|
transition: LINEAR 0.3 ;
|
||||||
|
targets: "handle1" "handle3" "handle5" "handle7";
|
||||||
|
}
|
||||||
|
program {
|
||||||
|
signal: "mouse,out"; source: "cropper";
|
||||||
|
action: STATE_SET "default" 0.0;
|
||||||
|
transition: LINEAR 0.3 ;
|
||||||
|
targets: "handle1" "handle3" "handle5" "handle7";
|
||||||
|
}
|
||||||
|
#define SHOW_HIDE_LATERALS(_NAME_) \
|
||||||
|
program { signal: "mouse,in"; source: _NAME_; \
|
||||||
|
action: STATE_SET "visible" 0.0; \
|
||||||
|
transition: LINEAR 0.3 ; \
|
||||||
|
target: _NAME_; } \
|
||||||
|
program { signal: "mouse,out"; source: _NAME_; \
|
||||||
|
action: STATE_SET "default" 0.0; \
|
||||||
|
transition: LINEAR 0.3 ; \
|
||||||
|
target: _NAME_; }
|
||||||
|
SHOW_HIDE_LATERALS("handle2")
|
||||||
|
SHOW_HIDE_LATERALS("handle4")
|
||||||
|
SHOW_HIDE_LATERALS("handle6")
|
||||||
|
SHOW_HIDE_LATERALS("handle8")
|
||||||
|
#undef SHOW_HIDE_LATERALS
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
Binary file not shown.
After Width: | Height: | Size: 249 B |
Binary file not shown.
After Width: | Height: | Size: 217 B |
Binary file not shown.
After Width: | Height: | Size: 219 B |
Binary file not shown.
After Width: | Height: | Size: 214 B |
Binary file not shown.
After Width: | Height: | Size: 219 B |
Loading…
Reference in New Issue