summaryrefslogtreecommitdiff
path: root/data
diff options
context:
space:
mode:
authorSangHyeon Jade Lee <sh10233.lee@samsung.com>2018-11-20 14:32:31 +0900
committerSangHyeon Jade Lee <sh10233.lee@samsung.com>2018-11-20 14:32:31 +0900
commit4b5304d7f2b400064c0896f7510f31850912e5af (patch)
tree88acf361371894c82f5753a1a200e076177a6994 /data
parent4f9c8d524c77fdd9eed30dc9ce211e0037efb9d4 (diff)
efl_ui_grid : introduce new packable grid widget for Efl.Ui.Widget
Summary: Introduce new packable grid for Efl.Ui.Widget toolkits. most of parts are same as Efl.Ui.List, and it also support Efl.Pack_Linear, although it will not support Efl.Pack_Table, because item must be arranged sequential orders. Test Plan: We will make the tests on efl ui test suite. please test by make check. Reviewers: Hermet, cedric, felipealmeida, eagleeye, woohyun Reviewed By: Hermet, eagleeye Subscribers: CHAN, bu5hm4n, cedric Tags: #efl Differential Revision: https://phab.enlightenment.org/D6985
Diffstat (limited to 'data')
-rw-r--r--data/elementary/themes/default.edc1
-rw-r--r--data/elementary/themes/edc/efl/grid.edc269
2 files changed, 270 insertions, 0 deletions
diff --git a/data/elementary/themes/default.edc b/data/elementary/themes/default.edc
index 40d1920..d0e7126 100644
--- a/data/elementary/themes/default.edc
+++ b/data/elementary/themes/default.edc
@@ -174,6 +174,7 @@ collections {
174// XXX: mobile mode needs invisible scrollers... make signals that do this 174// XXX: mobile mode needs invisible scrollers... make signals that do this
175#include "edc/efl/scroller.edc" 175#include "edc/efl/scroller.edc"
176#include "edc/efl/list.edc" 176#include "edc/efl/list.edc"
177#include "edc/efl/grid.edc"
177// XXX: mobile mode needs different entry setup 178// XXX: mobile mode needs different entry setup
178#include "edc/efl/text.edc" 179#include "edc/efl/text.edc"
179#include "edc/efl/frame.edc" 180#include "edc/efl/frame.edc"
diff --git a/data/elementary/themes/edc/efl/grid.edc b/data/elementary/themes/edc/efl/grid.edc
new file mode 100644
index 0000000..4fa1ee7
--- /dev/null
+++ b/data/elementary/themes/edc/efl/grid.edc
@@ -0,0 +1,269 @@
1group { "efl/grid";
2 inherit: "efl/scroller";
3}
4
5group { "efl/view_grid";
6 inherit: "efl/grid";
7}
8
9group { "efl/grid_item";
10 data.item: "selectraise" "on";
11 data.item: "focusraise" "on";
12 images.image: "bevel_dark_out.png" COMP;
13 images.image: "shadow_rounded_horiz.png" COMP;
14 images.image: "vgrad_med_dark.png" COMP;
15 images.image: "bevel_out.png" COMP;
16 images.image: "shine.png" COMP;
17 parts {
18
19 // BASE PARTS //
20 rect { "event";
21 desc { "default";
22 color: 0 0 0 0;
23 }
24 desc { "disabled";
25 inherit: "default";
26 hid;
27 }
28 }
29 rect { "base"; mouse;
30 desc { "default";
31 }
32 }
33 image { "bevel"; nomouse;
34 desc { "default";
35 image.normal: "bevel_dark_out.png";
36 image.border: 2 2 2 2;
37 image.middle: 0;
38 fill.smooth: 0;
39 }
40 }
41 image { "sel_shadow"; nomouse;
42 desc { "default";
43 image.normal: "shadow_rounded_horiz.png";
44 image.border: 0 0 9 9;
45 rel1.offset: 0 -4;
46 rel2.offset: -1 5;
47 fill.smooth: 0;
48 hid;
49 }
50 desc { "selected";
51 inherit: "default";
52 vis;
53 }
54 }
55 image { "sel_base"; nomouse;
56 desc { "default";
57 image.normal: "vgrad_med_dark.png";
58 fill.smooth: 0;
59 hid;
60 TILED_HORIZ(120)
61 }
62 desc { "selected";
63 inherit: "default";
64 vis;
65 }
66 }
67 image { "sel_bevel"; nomouse;
68 desc { "default";
69 image.normal: "bevel_out.png";
70 image.border: 2 2 2 2;
71 image.middle: 0;
72 fill.smooth: 0;
73 hid;
74 }
75 desc { "selected";
76 inherit: "default";
77 vis;
78 }
79 }
80 // BASE PARTS //
81
82 // TEXT PARTS //
83 text { "efl.text"; nomouse;
84 effect: SHADOW BOTTOM;
85 scale: 1;
86 desc { "default";
87 fixed: 0 1;
88 rel1.relative: 0.0 1.0;
89 rel1.offset: 5 -5;
90 rel2.relative: 1.0 1.0;
91 rel2.offset: -5 -5;
92 color: FN_COL_DEFAULT;
93 color_class: "grid_item";
94 align: 0.5 1.0;
95 text { font: FN; size: 10;
96 min: 0 1;
97 align: 0.5 1.0;
98 text_class: "grid_item";
99 }
100 }
101 desc { "selected";
102 inherit: "default";
103 hid;
104 }
105 desc { "disabled";
106 inherit: "default";
107 hid;
108 }
109 }
110 text { "label2"; nomouse;
111 effect: SHADOW BOTTOM;
112 scale: 1;
113 desc { "default";
114 rel1.to: "efl.text";
115 rel2.to: "efl.text";
116 color: FN_COL_DISABLE;
117 color_class: "grid_item_disabled";
118 text { font: FN; size: 10;
119 text_source: "efl.text";
120 align: 0.5 1.0;
121 text_class: "grid_item";
122 }
123 hid;
124 }
125 desc { "selected";
126 inherit: "default";
127 hid;
128 }
129 desc { "disabled";
130 inherit: "default";
131 vis;
132 }
133 }
134 text { "label3"; nomouse;
135 effect: GLOW;
136 scale: 1;
137 desc { "default";
138 rel1.offset: -2 -2;
139 rel1.to: "efl.text";
140 rel2.offset: 1 0;
141 rel2.to: "efl.text";
142 color: FN_COL_HIGHLIGHT;
143 color_class: "grid_item_selected";
144 text { font: FN; size: 10;
145 text_source: "efl.text";
146 align: 0.5 1.0;
147 text_class: "grid_item";
148 }
149 hid;
150 }
151 desc { "selected";
152 inherit: "default";
153 vis;
154 }
155 desc { "disabled";
156 inherit: "default";
157 hid;
158 }
159 }
160 // TEXT PARTS //
161
162 // CONTENT PARTS //
163 rect { "icon_area";
164 desc { "default";
165 fixed: 1 0;
166 rel1.offset: 2 2;
167 rel2.to_y: "efl.text";
168 rel2.relative: 1.0 0.0;
169 rel2.offset: -3 -3;
170 }
171 desc { "disabled";
172 inherit: "default";
173 color: 255 255 255 64;
174 }
175 }
176 swallow { "efl.icon";
177 clip_to: "icon_area";
178 desc { "default";
179 rel1.to: "icon_area";
180 rel2.to: "icon_area";
181 }
182 }
183 swallow { "efl.end";
184 clip_to: "icon_area";
185 desc { "default";
186 fixed: 1 1;
187 align: 1.0 0.0;
188 rel1.relative: 1.0 0.0;
189 rel1.offset: -3 2;
190 rel2.relative: 1.0 0.0;
191 rel2.offset: -3 2;
192 }
193 }
194 // CONTENT PARTS //
195
196 // TOP PARTS //
197 image { "sel_shine"; nomouse;
198 desc { "default";
199 image.normal: "shine.png";
200 rel1.offset: 0 -2;
201 rel1.to: "sel_base";
202 rel2.relative: 1.0 0.0;
203 rel2.offset: -1 2;
204 rel2.to: "sel_base";
205 hid;
206 FIXED_SIZE(69, 5)
207 }
208 desc { "selected";
209 inherit: "default";
210 vis;
211 }
212 }
213 rect { "event_block";
214 desc { "default";
215 color: 0 0 0 0;
216 hid;
217 }
218 desc { "disabled";
219 inherit: "default";
220 vis;
221 }
222 }
223 // TOP PARTS //
224 }
225 programs {
226 program {
227 signal: "efl,state,selected"; source: "efl";
228 action: STATE_SET "selected";
229 target: "sel_shadow";
230 target: "sel_base";
231 target: "sel_bevel";
232 target: "sel_shine";
233 target: "efl.text";
234 target: "label2";
235 target: "label3";
236 }
237 program {
238 signal: "efl,state,unselected"; source: "efl";
239 action: STATE_SET "default";
240 target: "sel_shadow";
241 target: "sel_base";
242 target: "sel_bevel";
243 target: "sel_shine";
244 target: "efl.text";
245 target: "label2";
246 target: "label3";
247 }
248 program {
249 signal: "efl,state,disabled"; source: "efl";
250 action: STATE_SET "disabled";
251 target: "event";
252 target: "event_block";
253 target: "efl.text";
254 target: "label2";
255 target: "label3";
256 target: "icon_area";
257 }
258 program {
259 signal: "efl,state,enabled"; source: "efl";
260 action: STATE_SET "default";
261 target: "event";
262 target: "event_block";
263 target: "efl.text";
264 target: "label2";
265 target: "label3";
266 target: "icon_area";
267 }
268 }
269}