jaehwan pushed a commit to branch master.
commit 83ee35bf07b80d2424b37bba54697072bd3d7c53
Author: Jaehwan Kim <[email protected]>
Date: Mon Jul 22 20:14:01 2013 +0900
theme/dark - +layout
---
edje/dark.edc | 2 +-
edje/edc/elm/layout.edc | 575 ++++++++++++++++++++++++++++++++++++++++++++++++
2 files changed, 576 insertions(+), 1 deletion(-)
diff --git a/edje/dark.edc b/edje/dark.edc
index 895db6c..df314bf 100644
--- a/edje/dark.edc
+++ b/edje/dark.edc
@@ -48,7 +48,7 @@ collections {
//#include "edc/elm/map.edc"
//#include "edc/elm/index.edc"
//#include "edc/elm/calendar.edc"
-//#include "edc/elm/layout.edc"
+#include "edc/elm/layout.edc"
//#include "edc/elm/progress.edc"
//#include "edc/elm/naviframe.edc"
//#include "edc/elm/panel.edc"
diff --git a/edje/edc/elm/layout.edc b/edje/edc/elm/layout.edc
new file mode 100644
index 0000000..37d14ae
--- /dev/null
+++ b/edje/edc/elm/layout.edc
@@ -0,0 +1,575 @@
+/* application with a main content area with a back button and title area */
+group { name: "elm/layout/application/content-back";
+ parts {
+ part { name: "elm.swallow.content";
+ type: SWALLOW;
+ description { state: "default" 0.0;
+ rel1 {
+ to_y: "title_clipper";
+ relative: 0.0 1.0;
+ offset: -1 1;
+ }
+ }
+ }
+ part { name: "title_clipper";
+ type: RECT;
+ description { state: "default" 0.0;
+ visible: 1;
+ rel1.to_y: "back";
+ rel2.to_y: "back";
+ }
+ description { state: "hidden" 0.0;
+ inherit: "default" 0.0;
+ visible: 0;
+ rel2.relative: 1.0 0.0;
+ }
+ }
+ part { name: "back_clipper";
+ type: RECT;
+ clip_to: "title_clipper";
+ description { state: "default" 0.0;
+ visible: 1;
+ }
+ description { state: "hidden" 0.0;
+ visible: 0;
+ }
+ }
+ part { name: "back";
+ type: EXTERNAL;
+ source: "elm/button";
+ clip_to: "back_clipper";
+ description { state: "default" 0.0;
+ align: 0.0 0.0;
+ fixed: 1 1;
+ rel1 {
+ relative: 0.0 0.0;
+ offset: 0 1;
+ }
+ rel2 {
+ relative: 0.0 0.0;
+ offset: 50 32;
+ }
+ params.string: "label" "Back";
+ }
+ }
+ programs {
+ program {
+ signal: "clicked";
+ source: "back";
+ action: SIGNAL_EMIT "elm,action,back" "";
+ }
+ program {
+ signal: "elm,back,hide";
+ source: "elm";
+ action: STATE_SET "hidden" 0.0;
+ target: "back_clipper";
+ }
+ program {
+ signal: "elm,back,show";
+ source: "elm";
+ action: STATE_SET "default" 0.0;
+ target: "back_clipper";
+ }
+ program {
+ signal: "elm,title,hide";
+ source: "elm";
+ action: STATE_SET "hidden" 0.0;
+ transition: LINEAR 0.1;
+ target: "title_clipper";
+ }
+ program {
+ signal: "elm,title,show";
+ source: "elm";
+ action: STATE_SET "default" 0.0;
+ target: "title_clipper";
+ }
+ }
+ part { name: "elm.swallow.end";
+ type: SWALLOW;
+ description { state: "default" 0.0;
+ align: 1.0 0.0;
+ fixed: 1 1;
+ rel1 {
+ relative: 1.0 0.0;
+ offset: -2 1;
+ }
+ rel2 {
+ relative: 1.0 0.0;
+ offset: -1 32;
+ }
+ }
+ }
+ part { name: "elm.text.title";
+ type: TEXT;
+ effect: SOFT_SHADOW;
+ scale: 1;
+ clip_to: "title_clipper";
+ description { state: "default" 0.0;
+ rel1 {
+ to_x: "back";
+ relative: 1.0 0.0;
+ offset: 2 1;
+ }
+ rel2 { to_y: "back";
+ to_x: "elm.swallow.end";
+ relative: 0.0 1.0;
+ offset: -3 -1;
+ }
+ text {
+ font: "Sans:style=Bold";
+ size: 12;
+ }
+ }
+ }
+ }
+}
+
+/* application with a main content area with a back and next buttons and title
area */
+group { name: "elm/layout/application/content-back-next";
+ parts {
+ part { name: "elm.swallow.content";
+ type: SWALLOW;
+ description { state: "default" 0.0;
+ rel1 {
+ to_y: "title_clipper";
+ relative: 0.0 1.0;
+ offset: -1 1;
+ }
+ }
+ }
+ part { name: "title_clipper";
+ type: RECT;
+ description { state: "default" 0.0;
+ visible: 1;
+ rel1.to_y: "back";
+ rel2.to_y: "back";
+ }
+ description { state: "hidden" 0.0;
+ inherit: "default" 0.0;
+ visible: 0;
+ rel2.relative: 1.0 0.0;
+ }
+ }
+ part { name: "back";
+ type: EXTERNAL;
+ source: "elm/button";
+ clip_to: "back_clipper";
+ description { state: "default" 0.0;
+ align: 0.0 0.0;
+ fixed: 1 1;
+ rel1 {
+ relative: 0.0 0.0;
+ offset: 0 1;
+ }
+ rel2 {
+ relative: 0.0 0.0;
+ offset: 50 32;
+ }
+ params.string: "label" "Back";
+ }
+ }
+ part { name: "back_clipper";
+ type: RECT;
+ clip_to: "title_clipper";
+ description { state: "default" 0.0;
+ visible: 1;
+ }
+ description { state: "hidden" 0.0;
+ visible: 0;
+ }
+ }
+ part { name: "next";
+ type: EXTERNAL;
+ source: "elm/button";
+ clip_to: "next_clipper";
+ description { state: "default" 0.0;
+ align: 1.0 0.0;
+ fixed: 1 1;
+ rel1 {
+ relative: 1.0 0.0;
+ offset: -2 1;
+ }
+ rel2 {
+ relative: 1.0 0.0;
+ offset: -1 32;
+ }
+ params.string: "label" "Next";
+ }
+ }
+ part { name: "next_clipper";
+ type: RECT;
+ clip_to: "title_clipper";
+ description { state: "default" 0.0;
+ visible: 1;
+ }
+ description { state: "hidden" 0.0;
+ visible: 0;
+ }
+ }
+ programs {
+ program {
+ signal: "clicked";
+ source: "back";
+ action: SIGNAL_EMIT "elm,action,back" "";
+ }
+ program {
+ signal: "elm,title,hide";
+ source: "elm";
+ action: STATE_SET "hidden" 0.0;
+ transition: LINEAR 0.1;
+ target: "title_clipper";
+ }
+ program {
+ signal: "elm,title,show";
+ source: "elm";
+ action: STATE_SET "default" 0.0;
+ target: "title_clipper";
+ }
+ program {
+ signal: "elm,back,hide";
+ source: "elm";
+ action: STATE_SET "hidden" 0.0;
+ target: "back_clipper";
+ }
+ program {
+ signal: "elm,back,show";
+ source: "elm";
+ action: STATE_SET "default" 0.0;
+ target: "back_clipper";
+ }
+ program {
+ signal: "clicked";
+ source: "next";
+ action: SIGNAL_EMIT "elm,action,next" "";
+ }
+ program {
+ signal: "elm,next,hide";
+ source: "elm";
+ action: STATE_SET "hidden" 0.0;
+ target: "next_clipper";
+ }
+ program {
+ signal: "elm,next,show";
+ source: "elm";
+ action: STATE_SET "default" 0.0;
+ target: "next_clipper";
+ }
+ }
+ part { name: "elm.text.title";
+ type: TEXT;
+ effect: SOFT_SHADOW;
+ scale: 1;
+ clip_to: "title_clipper";
+ description { state: "default" 0.0;
+ rel1 {
+ to_x: "back";
+ relative: 1.0 0.0;
+ offset: 2 1;
+ }
+ rel2 {
+ to_y: "back";
+ to_x: "next";
+ relative: 0.0 1.0;
+ offset: -3 -1;
+ }
+ text {
+ font: "Sans:style=Bold";
+ size: 12;
+ }
+ }
+ }
+ }
+}
+
+/* application with toolbar and main content area */
+group { name: "elm/layout/application/toolbar-content";
+ parts {
+ part { name: "elm.swallow.content";
+ type: SWALLOW;
+ description { state: "default" 0.0;
+ rel1 {
+ to_y: "elm.external.toolbar";
+ relative: 0.0 1.0;
+ offset: -1 1;
+ }
+ }
+ }
+ part { name: "elm.external.toolbar";
+ type: EXTERNAL;
+ source: "elm/toolbar";
+ description { state: "default" 0.0;
+ align: 0.5 0.0;
+ fixed: 0 1;
+ rel2 {
+ relative: 1.0 0.0;
+ offset: -1 47;
+ }
+ }
+ }
+ }
+}
+
+/* application with toolbar and main content area with a back button and title
area */
+group { name: "elm/layout/application/toolbar-content-back";
+ inherit: "elm/layout/application/content-back";
+ parts {
+ part { name: "elm.external.toolbar";
+ type: EXTERNAL;
+ insert_after: "elm.swallow.content";
+ source: "elm/toolbar";
+ description { state: "default" 0.0;
+ fixed: 0 1;
+ align: 0.5 0.0;
+ rel2 {
+ relative: 1.0 0.0;
+ offset: -1 47;
+ }
+ }
+ }
+ part { name: "back";
+ description { state: "default" 0.0;
+ rel1 {
+ to_y: "elm.external.toolbar";
+ relative: 0.0 1.0;
+ }
+ rel2 {
+ to_y: "elm.external.toolbar";
+ relative: 0.0 1.0;
+ }
+ }
+ }
+ part { name: "elm.swallow.end";
+ description { state: "default" 0.0;
+ rel1 {
+ to_y: "elm.external.toolbar";
+ relative: 1.0 1.0;
+ }
+ rel2 {
+ to_y: "elm.external.toolbar";
+ relative: 1.0 1.0;
+ }
+ }
+ }
+ part { name: "elm.text.title";
+ description { state: "default" 0.0;
+ rel1 {
+ to_y: "elm.external.toolbar";
+ relative: 1.0 1.0;
+ }
+ }
+ }
+ }
+}
+
+/* application with toolbar and main content area with a back and next buttons
and title area */
+group { name: "elm/layout/application/toolbar-content-back-next";
+ inherit: "elm/layout/application/content-back-next";
+ parts {
+ part { name: "elm.external.toolbar";
+ type: EXTERNAL;
+ source: "elm/toolbar";
+ description { state: "default" 0.0;
+ fixed: 0 1;
+ align: 0.5 0.0;
+ rel2 {
+ relative: 1.0 0.0;
+ offset: -1 47;
+ }
+ }
+ }
+ part { name: "back";
+ description { state: "default" 0.0;
+ rel1 {
+ to_y: "elm.external.toolbar";
+ relative: 0.0 1.0;
+ }
+ rel2 {
+ to_y: "elm.external.toolbar";
+ relative: 0.0 1.0;
+ }
+ }
+ }
+ part { name: "next";
+ description { state: "default" 0.0;
+ rel1 {
+ to_y: "elm.external.toolbar";
+ relative: 1.0 1.0;
+ }
+ rel2 {
+ to_y: "elm.external.toolbar";
+ relative: 1.0 1.0;
+ }
+ }
+ }
+ part { name: "elm.text.title";
+ description { state: "default" 0.0;
+ rel1 {
+ to_y: "elm.external.toolbar";
+ relative: 1.0 1.0;
+ }
+ }
+ }
+ }
+}
+
+/* application with toolbar and main content area as a vertical box */
+group { name: "elm/layout/application/toolbar-vbox";
+ parts {
+ part { name: "elm.box.content";
+ type: BOX;
+ description { state: "default" 0.0;
+ rel1 {
+ to_y: "elm.external.toolbar";
+ relative: 0.0 1.0;
+ offset: -1 1;
+ }
+ box.layout: "vertical";
+ }
+ }
+ part { name: "elm.external.toolbar";
+ type: EXTERNAL;
+ source: "elm/toolbar";
+ description { state: "default" 0.0;
+ align: 0.5 0.0;
+ fixed: 0 1;
+ rel2 {
+ relative: 1.0 0.0;
+ offset: -1 47;
+ }
+ }
+ }
+ }
+}
+
+/* application with toolbar and main content area as a table */
+group { name: "elm/layout/application/toolbar-table";
+ parts {
+ part { name: "elm.table.content";
+ type: TABLE;
+ description { state: "default" 0.0;
+ rel1 {
+ to_y: "elm.external.toolbar";
+ relative: 0.0 1.0;
+ offset: -1 1;
+ }
+ }
+ }
+ part { name: "elm.external.toolbar";
+ type: EXTERNAL;
+ source: "elm/toolbar";
+ description { state: "default" 0.0;
+ align: 0.5 0.0;
+ fixed: 0 1;
+ rel2 {
+ relative: 1.0 0.0;
+ offset: -1 47;
+ }
+ }
+ }
+ }
+}
+
+/* a simple title layout, with a label and two icons */
+group { name: "elm/layout/application/titlebar";
+ parts {
+ part { name: "elm.swallow.content";
+ type: SWALLOW;
+ description { state: "default" 0.0;
+ rel1 {
+ to_y: "elm.swallow.icon";
+ relative: 0.0 1.0;
+ offset: -1 1;
+ }
+ }
+ }
+ part { name: "elm.swallow.icon";
+ type: SWALLOW;
+ scale: 1;
+ description { state: "default" 0.0;
+ visible: 0;
+ fixed: 1 1;
+ align: 0.0 0.0;
+ rel1 {
+ relative: 0.0 0.0;
+ offset: 4 0;
+ }
+ rel2 {
+ relative: 0.0 0.0;
+ offset: 5 32;
+ }
+ }
+ description { state: "visible" 0.0;
+ inherit: "default" 0.0;
+ visible: 1;
+ }
+ }
+ part { name: "elm.swallow.end";
+ type: SWALLOW;
+ scale: 1;
+ description { state: "default" 0.0;
+ visible: 0;
+ fixed: 1 1;
+ align: 1.0 0.0;
+ rel1 {
+ relative: 1.0 0.0;
+ offset: -5 0;
+ }
+ rel2 {
+ relative: 1.0 0.0;
+ offset: -4 -1;
+ }
+ }
+ description { state: "visible" 0.0;
+ inherit: "default" 0.0;
+ visible: 1;
+ }
+ }
+ programs {
+ program { name: "show_icon";
+ signal: "elm,state,icon,visible";
+ source: "elm";
+ action: STATE_SET "visible" 0.0;
+ target: "elm.swallow.icon";
+ }
+ program { name: "hide_icon";
+ signal: "elm,state,icon,hidden";
+ source: "elm";
+ action: STATE_SET "default" 0.0;
+ target: "elm.swallow.icon";
+ }
+ program { name: "show_end";
+ signal: "elm,state,end,visible";
+ source: "elm";
+ action: STATE_SET "visible" 0.0;
+ target: "elm.swallow.end";
+ }
+ program { name: "hide_end";
+ signal: "elm,state,end,hidden";
+ source: "elm";
+ action: STATE_SET "default" 0.0;
+ target: "elm.swallow.end";
+ }
+ }
+ part { name: "elm.text";
+ type: TEXT;
+ effect: SOFT_SHADOW;
+ scale: 1;
+ description { state: "default" 0.0;
+ rel1 {
+ to: "elm.swallow.icon";
+ relative: 1.0 0.0;
+ }
+ rel2 {
+ to: "elm.swallow.end";
+ relative: 0.0 1.0;
+ }
+ text {
+ font: "Sans";
+ size: 12;
+ }
+ }
+ }
+ }
+
+}
+
--
------------------------------------------------------------------------------
See everything from the browser to the database with AppDynamics
Get end-to-end visibility with application monitoring from AppDynamics
Isolate bottlenecks and diagnose root cause in seconds.
Start your free trial of AppDynamics Pro today!
http://pubads.g.doubleclick.net/gampad/clk?id=48808831&iu=/4140/ostg.clktrk
