Theme for the cropper

This commit is contained in:
Davide Andreoli 2015-02-21 19:55:29 +01:00
parent a55ffcc290
commit e262b5f2e1
6 changed files with 194 additions and 133 deletions

View File

@ -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
} }
} }
} }

BIN
data/themes/sel_border.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 249 B

BIN
data/themes/sel_corner1.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 217 B

BIN
data/themes/sel_corner3.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 219 B

BIN
data/themes/sel_corner5.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 214 B

BIN
data/themes/sel_corner7.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 219 B