hermet pushed a commit to branch master.
http://git.enlightenment.org/tools/enventor.git/commit/?id=fda51136622aa1c4c7ad7161cdaa1a9277a7b8df
commit fda51136622aa1c4c7ad7161cdaa1a9277a7b8df
Author: Bowon Ryu <bowon....@samsung.com>
Date: Tue Jul 19 13:46:48 2016 +0900
templates: updated mobile layout
Summary: This sample similar to general mobile layout.
Test Plan:
1. enventor
2. esc -> New
3. BasicMobileApp
Reviewers: Jaehyun_Cho, herb, Hermet
Differential Revision: https://phab.enlightenment.org/D4161
---
data/images/ENVENTOR_EMBEDDED_ICON_DOCK.png | Bin 0 -> 214 bytes
data/images/ENVENTOR_EMBEDDED_ICON_DOCK_DOWN.png | Bin 0 -> 218 bytes
data/images/Makefile.am | 2 +
data/templates/Makefile.am | 5 +
data/templates/MobileLayout.edc | 557 +++++++++++++++++++++++
5 files changed, 564 insertions(+)
diff --git a/data/images/ENVENTOR_EMBEDDED_ICON_DOCK.png
b/data/images/ENVENTOR_EMBEDDED_ICON_DOCK.png
new file mode 100644
index 0000000..c478f25
Binary files /dev/null and b/data/images/ENVENTOR_EMBEDDED_ICON_DOCK.png differ
diff --git a/data/images/ENVENTOR_EMBEDDED_ICON_DOCK_DOWN.png
b/data/images/ENVENTOR_EMBEDDED_ICON_DOCK_DOWN.png
new file mode 100644
index 0000000..6f1c367
Binary files /dev/null and b/data/images/ENVENTOR_EMBEDDED_ICON_DOCK_DOWN.png
differ
diff --git a/data/images/Makefile.am b/data/images/Makefile.am
index 6f83bcc..34f8b90 100644
--- a/data/images/Makefile.am
+++ b/data/images/Makefile.am
@@ -30,6 +30,8 @@ files_DATA = ENVENTOR_EMBEDDED_IMAGE.png \
ENVENTOR_EMBEDDED_ICON_BADGE_DOWN.png \
ENVENTOR_EMBEDDED_ICON_CLIP.png \
ENVENTOR_EMBEDDED_ICON_CLIP_DOWN.png \
+ ENVENTOR_EMBEDDED_ICON_DOCK.png \
+ ENVENTOR_EMBEDDED_ICON_DOCK_DOWN.png \
ENVENTOR_EMBEDDED_ICON_LOCK.png \
ENVENTOR_EMBEDDED_ICON_LOCK_DOWN.png \
enventor_logo.png
diff --git a/data/templates/Makefile.am b/data/templates/Makefile.am
index 1634a98..a0c77cc 100644
--- a/data/templates/Makefile.am
+++ b/data/templates/Makefile.am
@@ -18,6 +18,8 @@ files_DATA = Basic.edc \
Listitem.edj \
Map.edc \
Map.edj \
+ MobileLayout.edc \
+ MobileLayout.edj \
Proxy.edc \
Proxy.edj \
Rect.edc \
@@ -55,6 +57,9 @@ Empty.edj: Makefile Empty.edc
Map.edj: Makefile Map.edc
$(EDJE_CC) $(EDJE_FLAGS) $(srcdir)/Map.edc $(builddir)/Map.edj
+MobileLayout.edj: Makefile MobileLayout.edc
+ $(EDJE_CC) $(EDJE_FLAGS) $(srcdir)/MobileLayout.edc
$(builddir)/MobileLayout.edj
+
Textblock.edj: Makefile Textblock.edc
$(EDJE_CC) $(EDJE_FLAGS) $(srcdir)/Textblock.edc
$(builddir)/Textblock.edj
diff --git a/data/templates/MobileLayout.edc b/data/templates/MobileLayout.edc
new file mode 100644
index 0000000..469df5c
--- /dev/null
+++ b/data/templates/MobileLayout.edc
@@ -0,0 +1,557 @@
+collections {
+ base_scale: 1.0;
+ group { "main";
+ /* TODO: Please replace embedded image files to your application image
files. */
+ images {
+ image: "ENVENTOR_EMBEDDED_ICON_DOCK.png" COMP;
+ image: "ENVENTOR_EMBEDDED_ICON_DOCK_DOWN.png" COMP;
+ }
+ parts {
+ rect { "base";
+ scale: 1;
+ desc { "default";
+ color: 255 255 255 255;
+ visible: 1;
+ align: 0.5 0.5;
+ rel1.relative: 0.0 0.0;
+ rel2.relative: 1.0 1.0;
+ min: 200 300;
+ }
+ }
+ /* Header */
+ rect { "header";
+ scale: 1;
+ desc { "default";
+ color: 200 0 0 255;
+ visible: 1;
+ align: 0.0 0.0;
+ rel1.to: "base";
+ rel1.relative: 0.0 0.0;
+ rel2.to: "base";
+ rel2.relative: 1.0 0.1;
+ min: 0 40;
+ max: 9999 40;
+ fixed: 0 1;
+ }
+ }
+ spacer { "header_padding";
+ scale: 1;
+ desc { "default";
+ align: 0.0 0.5;
+ rel1.to: "header";
+ rel1.relative: 0.0 0.0;
+ rel2.to: "header";
+ max: 10 20;
+ fixed: 1 1;
+ }
+ }
+ image { "header_button_panel_open";
+ scale: 1;
+ desc { "default";
+ visible: 1;
+ /* TODO: Please replace embedded image files to your
application image files. */
+ image.normal: "ENVENTOR_EMBEDDED_ICON_DOCK.png";
+ //aspect: 1 1;
+ align: 0.0 0.5;
+ rel1.to: "header_padding";
+ rel1.relative: 1.0 0.0;
+ rel2.to: "header_padding";
+ min: 20 20;
+ fixed: 1 1;
+ visible: 1;
+ }
+ desc { "clicked";
+ inherit: "default";
+ visible: 0;
+ }
+ }
+ image { "header_button_panel_close";
+ scale: 1;
+ desc { "default";
+ visible: 1;
+ /* TODO: Please replace embedded image files to your
application image files. */
+ image.normal: "ENVENTOR_EMBEDDED_ICON_DOCK_DOWN.png";
+ //aspect: 1 1;
+ align: 0.0 0.5;
+ rel1.to: "header_padding";
+ rel1.relative: 1.0 0.0;
+ rel2.to: "header_padding";
+ min: 20 20;
+ fixed: 1 1;
+ visible: 0;
+ }
+ desc { "clicked";
+ inherit: "default";
+ visible: 1;
+ }
+ }
+ text { "header_title";
+ scale: 1;
+ desc { "default";
+ color: 255 255 255 255;
+ visible: 1;
+ text {
+ size: 15;
+ font: "Sans";
+ text: "TITLE";
+ align: 0.5 0.5;
+ min: 0 0;
+ }
+ align: 0.5 0.5;
+ rel1.to: "header";
+ rel1.relative: 0.0 0.0;
+ rel2.to: "header";
+ rel2.relative: 1.0 1.0;
+ }
+ }
+ /* Content */
+ spacer { "content_padding_top";
+ scale: 1;
+ desc { "default";
+ align: 0.0 0.0;
+ rel1.to: "header";
+ rel1.relative: 0.0 1.0;
+ rel2.to: "header";
+ min: 0 5;
+ fixed: 0 1;
+ }
+ }
+ rect { "content_main";
+ scale: 1;
+ desc { "default";
+ color: 30 46 93 255;
+ visible: 1;
+ align: 0.5 0.0;
+ rel1.to: "content_padding_top";
+ rel1.relative: 0.0 1.0;
+ rel1.offset: 5 0;
+ rel2.to: "base";
+ rel2.relative: 1.0 0.5;
+ rel2.offset: -5 0;
+ }
+ }
+ text { "content_main_text";
+ scale: 1;
+ desc { "default";
+ color: 255 255 255 255;
+ visible: 1;
+ text {
+ size: 15;
+ font: "Sans";
+ text: "add main content";
+ align: 0.5 0.5;
+ min: 0 0;
+ }
+ align: 0.5 0.5;
+ rel1.to: "content_main";
+ rel1.relative: 0.0 0.0;
+ rel2.to: "content_main";
+ rel2.relative: 1.0 1.0;
+ }
+ }
+ spacer { "content_padding_middle";
+ scale: 1;
+ desc { "default";
+ align: 0.0 0.0;
+ rel1.to: "base";
+ rel1.relative: 0.0 0.5;
+ rel2.to: "base";
+ max: 0 5;
+ }
+ }
+ rect { "content_sub_1";
+ scale: 1;
+ desc { "default";
+ color: 0 136 170 255;
+ visible: 1;
+ align: 0.0 0.0;
+ rel1.to: "content_padding_middle";
+ rel1.relative: 0.0 0.0;
+ rel1.offset: 5 5;
+ rel2.to: "base";
+ rel2.relative: 0.5 0.85;
+ rel2.offset: 0 0;
+ }
+ }
+ text { "content_sub_1_text";
+ scale: 1;
+ desc { "default";
+ color: 255 255 255 255;
+ visible: 1;
+ text {
+ size: 15;
+ font: "Sans";
+ text: "sub 1";
+ align: 0.5 0.5;
+ min: 0 0;
+ }
+ align: 0.5 0.5;
+ rel1.to: "content_sub_1";
+ rel1.relative: 0.0 0.0;
+ rel2.to: "content_sub_1";
+ }
+ }
+ rect { "content_sub_2";
+ scale: 1;
+ desc { "default";
+ color: 66 118 189 255;
+ visible: 1;
+ align: 0.0 0.5;
+ rel1.to: "content_sub_1";
+ rel1.relative: 1.0 0.0;
+ rel1.offset: 5 0;
+ rel2.to_x: "base";
+ rel2.to_y: "content_sub_1";
+ rel2.relative: 1.0 0.5;
+ rel2.offset: -5 0;
+ }
+ }
+ text { "content_sub_2_text";
+ scale: 1;
+ desc { "default";
+ color: 255 255 255 255;
+ visible: 1;
+ text {
+ size: 15;
+ font: "Sans";
+ text: "sub 2";
+ align: 0.5 0.5;
+ min: 0 0;
+ }
+ align: 0.5 0.5;
+ rel1.to: "content_sub_2";
+ rel1.relative: 0.0 0.0;
+ rel2.to: "content_sub_2";
+ }
+ }
+ rect { "content_sub_3";
+ scale: 1;
+ desc { "default";
+ color: 83 66 189 255;
+ visible: 1;
+ align: 0.0 0.5;
+ rel1.to: "content_sub_1";
+ rel1.relative: 1.0 0.5;
+ rel1.offset: 5 5;
+ rel2.to: "base";
+ rel2.relative: 1.0 0.85;
+ rel2.offset: -5 0;
+ }
+ }
+ text { "content_sub_3_text";
+ scale: 1;
+ desc { "default";
+ color: 255 255 255 255;
+ visible: 1;
+ text {
+ size: 15;
+ font: "Sans";
+ text: "sub 3";
+ align: 0.5 0.5;
+ min: 0 0;
+ }
+ align: 0.5 0.5;
+ rel1.to: "content_sub_3";
+ rel1.relative: 0.0 0.0;
+ rel2.to: "content_sub_3";
+ }
+ }
+ rect { "content_bottom";
+ scale: 1;
+ desc { "default";
+ color: 95 95 95 255;
+ visible: 1;
+ align: 0.5 0.5;
+ rel1.to: "content_sub_1";
+ rel1.relative: 0.0 1.0;
+ rel1.offset: 0 5;
+ rel2.to: "base";
+ rel2.relative: 1.0 1.0;
+ rel2.offset: -5 -5;
+ }
+ }
+ text { "content_bottom_text";
+ scale: 1;
+ desc { "default";
+ color: 255 255 255 255;
+ visible: 1;
+ text {
+ size: 15;
+ font: "Sans";
+ text: "add bottom content";
+ align: 0.5 0.5;
+ min: 0 0;
+ }
+ align: 0.5 0.5;
+ rel1.to: "content_bottom";
+ rel1.relative: 0.0 0.0;
+ rel2.to: "content_bottom";
+ }
+ }
+ /* Mask */
+ rect { "mask";
+ scale: 1;
+ desc { "default";
+ color: 0 0 0 155;
+ align: 0.5 0.5;
+ rel1.to: "header";
+ rel1.relative: 0.0 1.0;
+ rel2.to: "base";
+ rel2.relative: 1.0 1.0;
+ visible: 0;
+ }
+ desc { "clicked";
+ inherit: "default";
+ visible: 1;
+ }
+ }
+ /* Panel */
+ rect { "panel_base";
+ scale: 1;
+ desc { "default";
+ color: 255 255 225 255;
+ visible: 1;
+ align: 0.0 0.0;
+ rel1.to: "header";
+ rel1.relative: 0.0 1.0;
+ rel2.to: "base";
+ rel2.relative: 0.7 1.0;
+ visible: 0;
+ }
+ desc { "clicked";
+ inherit: "default";
+ visible: 1;
+ }
+ }
+ rect { "panel_content_1";
+ scale: 1;
+ desc { "default";
+ color: 255 94 0 255;
+ visible: 1;
+ align: 0.5 0.5;
+ rel1.to: "panel_base";
+ rel1.relative: 0.0 0.0;
+ rel1.offset: 0 1;
+ rel2.to: "panel_base";
+ rel2.relative: 1.0 0.15;
+ rel2.offset: -2 0;
+ visible: 0;
+ }
+ desc { "clicked";
+ inherit: "default";
+ visible: 1;
+ }
+ }
+ text { "panel_content_1_text";
+ scale: 1;
+ desc { "default";
+ color: 0 0 0 255;
+ visible: 1;
+ text {
+ size: 14;
+ font: "Sans";
+ text: "Add";
+ align: 0.0 0.5;
+ min: 0 0;
+ }
+ align: 0.5 0.5;
+ rel1.to: "panel_content_1";
+ rel1.relative: 0.1 0.0;
+ rel2.to: "panel_content_1";
+ rel2.relative: 1.0 1.0;
+ visible: 0;
+ }
+ desc { "clicked";
+ inherit: "default";
+ visible: 1;
+ }
+ }
+ rect { "panel_content_2";
+ scale: 1;
+ desc { "default";
+ color: 255 130 36 255;
+ visible: 1;
+ align: 0.5 0.5;
+ rel1.to: "panel_base";
+ rel1.relative: 0.0 0.15;
+ rel1.offset: 0 2;
+ rel2.to: "panel_base";
+ rel2.relative: 1.0 0.30;
+ rel2.offset: -2 0;
+ visible: 0;
+ }
+ desc { "clicked";
+ inherit: "default";
+ visible: 1;
+ }
+ }
+ text { "panel_content_2_text";
+ scale: 1;
+ desc { "default";
+ color: 0 0 0 255;
+ visible: 1;
+ text {
+ size: 14;
+ font: "Sans";
+ text: "Your";
+ align: 0.0 0.5;
+ min: 0 0;
+ }
+ align: 0.5 0.5;
+ rel1.to: "panel_content_2";
+ rel1.relative: 0.1 0.0;
+ rel2.to: "panel_content_2";
+ rel2.relative: 1.0 1.0;
+ visible: 0;
+ }
+ desc { "clicked";
+ inherit: "default";
+ visible: 1;
+ }
+ }
+ rect { "panel_content_3";
+ scale: 1;
+ desc { "default";
+ color: 255 166 72 255;
+ visible: 1;
+ align: 0.5 0.5;
+ rel1.to: "panel_base";
+ rel1.relative: 0.0 0.30;
+ rel1.offset: 0 2;
+ rel2.to: "panel_base";
+ rel2.relative: 1.0 0.45;
+ rel2.offset: -2 0;
+ visible: 0;
+ }
+ desc { "clicked";
+ inherit: "default";
+ visible: 1;
+ }
+ }
+ text { "panel_content_3_text";
+ scale: 1;
+ desc { "default";
+ color: 0 0 0 255;
+ visible: 1;
+ text {
+ size: 14;
+ font: "Sans";
+ text: "Content";
+ align: 0.0 0.5;
+ min: 0 0;
+ }
+ align: 0.5 0.5;
+ rel1.to: "panel_content_3";
+ rel1.relative: 0.1 0.0;
+ rel2.to: "panel_content_3";
+ rel2.relative: 1.0 1.0;
+ visible: 0;
+ }
+ desc { "clicked";
+ inherit: "default";
+ visible: 1;
+ }
+ }
+ rect { "panel_content_4";
+ scale: 1;
+ desc { "default";
+ color: 255 202 108 255;
+ visible: 1;
+ align: 0.5 0.5;
+ rel1.to: "panel_base";
+ rel1.relative: 0.0 0.45;
+ rel1.offset: 0 2;
+ rel2.to: "panel_base";
+ rel2.relative: 1.0 0.60;
+ rel2.offset: -2 0;
+ visible: 0;
+ }
+ desc { "clicked";
+ inherit: "default";
+ visible: 1;
+ }
+ }
+ text { "panel_content_4_text";
+ scale: 1;
+ desc { "default";
+ color: 0 0 0 255;
+ visible: 1;
+ text {
+ size: 14;
+ font: "Sans";
+ text: "in Swallow";
+ align: 0.0 0.5;
+ min: 0 0;
+ }
+ align: 0.5 0.5;
+ rel1.to: "panel_content_4";
+ rel1.relative: 0.1 0.0;
+ rel2.to: "panel_content_4";
+ rel2.relative: 1.0 1.0;
+ visible: 0;
+ }
+ desc { "clicked";
+ inherit: "default";
+ visible: 1;
+ }
+ }
+ swallow { "panel_swallow";
+ scale: 1;
+ desc { "default";
+ visible: 0;
+ align: 0.5 0.5;
+ rel1.to: "panel_base";
+ rel1.relative: 0.0 0.6;
+ rel1.offset: 5 5;
+ rel2.to: "panel_base";
+ rel2.relative: 1.0 1.0;
+ rel2.offset: -5 -5;
+
+ }
+ desc { "clicked";
+ inherit: "default";
+ visible: 1;
+ }
+ }
+ }
+
+ programs {
+ program { "panel_open";
+ signal: "mouse,down,1";
+ source: "header_button_panel_open";
+ action: STATE_SET "clicked";
+ target: "header_button_panel_open";
+ target: "header_button_panel_close";
+ target: "mask";
+ target: "panel_base";
+ target: "panel_content_1";
+ target: "panel_content_1_text";
+ target: "panel_content_2";
+ target: "panel_content_2_text";
+ target: "panel_content_3";
+ target: "panel_content_3_text";
+ target: "panel_content_4";
+ target: "panel_content_4_text";
+ target: "panel_swallow";
+ }
+ program { "panel_close";
+ signal: "mouse,down,1";
+ source: "header_button_panel_close";
+ action: STATE_SET "default";
+ target: "header_button_panel_open";
+ target: "header_button_panel_close";
+ target: "mask";
+ target: "panel_base";
+ target: "panel_content_1";
+ target: "panel_content_1_text";
+ target: "panel_content_2";
+ target: "panel_content_2_text";
+ target: "panel_content_3";
+ target: "panel_content_3_text";
+ target: "panel_content_4";
+ target: "panel_content_4_text";
+ target: "panel_swallow";
+ }
+ }
+ }
+}
\ No newline at end of file
--
