Back
Overview | Project
(Circle) Dialer / res / edje /

main.edc

  1. /*
  2.  * Copyright (c) 2015 Samsung Electronics Co., Ltd
  3.  *
  4.  * Licensed under the Flora License, Version 1.1 (the "License");
  5.  * you may not use this file except in compliance with the License.
  6.  * You may obtain a copy of the License at
  7.  *
  8.  *     http://floralicense.org/license/
  9.  *
  10.  * Unless required by applicable law or agreed to in writing, software
  11.  * distributed under the License is distributed on an "AS IS" BASIS,
  12.  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
  13.  * See the License for the specific language governing permissions and
  14.  * limitations under the License.
  15.  */ 
  16.  
  17. #define DIALER_BG_COLOR 0 4 8 255
  18.  
  19. #define PART_DIAL_BUTTON(NAME, DIGIT, TXT, POSITION, POSITION_EFFECT) \
  20.    part {\
  21.       name: NAME".digit";\
  22.       type: TEXT;\
  23.       mouse_events: 1;\
  24.       description {\
  25.          state: "default" 0;\
  26.          fixed: 1 1;\
  27.          align: 0.0 0.0;\
  28.          min: 50 45;\
  29.          rel1 { relative: POSITION; to: "sw.button.bg"; }\
  30.          rel2 { relative: POSITION; to: "sw.button.bg"; }\
  31.          text { \
  32.             text: DIGIT;\
  33.             font: "SamsungSansNum-4L:style=regular"; size: 34; align: 0.5 0.5; \
  34.          }\
  35.       }\
  36.    }\
  37.    part {\
  38.       name: NAME".txt";\
  39.       type: TEXT;\
  40.       mouse_events: 0;\
  41.       description {\
  42.          state: "default" 0;\
  43.          fixed: 1 1;\
  44.          align: 0.0 0.0;\
  45.          min: 50 24;\
  46.          rel1 { relative: 0.0 1.0; offset: 0 -8; to: NAME".digit"; }\
  47.          rel2 { relative: 0.0 1.0; offset: 0 -8; to: NAME".digit"; }\
  48.          text { \
  49.             text: TXT;\
  50.             font: "Tizen:style=regular"; size: 18; align: 0.5 0.5; \
  51.          }\
  52.          color : 250 250 250 (255*77/100);\
  53.       }\
  54.    }\
  55.    part {\
  56.       name: NAME".touch_image";\
  57.       type: IMAGE;\
  58.       description {\
  59.          state: "default" 0.0;\
  60.          fixed: 1 1;\
  61.          min: 128 128;\
  62.          visible: 0;\
  63.          rel1 { relative: POSITION_EFFECT; to: "sw.button.bg"; }\
  64.          rel2 { relative: POSITION_EFFECT; to: "sw.button.bg"; }\
  65.          image.normal: "dialer_button_press_circle_bg.png";\
  66.       }\
  67.       description {\
  68.          state: "default" 0.5;\
  69.          inherit: "default" 0.0;\
  70.          visible: 1;\
  71.          color : 250 250 250 (255*10/100);\
  72.       }\
  73.       description {\
  74.          state: "default" 1.0;\
  75.          inherit: "default" 0.0;\
  76.          min: 160 160;\
  77.          visible: 1;\
  78.          color : 250 250 250 (255*10/100);\
  79.       }\
  80.    }
  81.  
  82. #define PART_DIAL_BUTTON_3(NAME, DIGIT, TXT, POSITION, POSITION_EFFECT) \
  83.    PART_DIAL_BUTTON(NAME, DIGIT, TXT, POSITION, POSITION_EFFECT)\
  84.       part {\
  85.          name: NAME".txt.2";\
  86.          type: TEXT;\
  87.          mouse_events: 0;\
  88.          description {\
  89.             state: "default" 0;\
  90.             fixed: 1 1;\
  91.             align: 0.0 0.0;\
  92.             min: 50 26;\
  93.             rel1 { relative: 0.0 1.0; offset: 0 -6; to: NAME".txt"; }\
  94.             rel2 { relative: 0.0 1.0; offset: 0 -6; to: NAME".txt"; }\
  95.             text {\
  96.                   text: "#";\
  97.                   font: "Tizen:style=regular"; size: 20; align: 0.5 0.5; \
  98.             }\
  99.             color : 250 250 250 (255*66/100);\
  100.          }\
  101.       }
  102.  
  103.  
  104. #define PART_DIAL_BUTTON_5(NAME, DIGIT, TXT, POSITION, POSITION_EFFECT) \
  105.    PART_DIAL_BUTTON(NAME, DIGIT, TXT, POSITION, POSITION_EFFECT)\
  106.       part {\
  107.          name: NAME".txt.2";\
  108.          type: TEXT;\
  109.          mouse_events: 0;\
  110.          description {\
  111.             state: "default" 0;\
  112.             fixed: 1 1;\
  113.             align: 0.0 0.0;\
  114.             min: 14 34;\
  115.             rel1 { relative: 1.0 0.0; offset: -14 -6; to: NAME".txt"; }\
  116.             rel2 { relative: 1.0 0.0; offset: -14 -6; to: NAME".txt"; }\
  117.             text {\
  118.                   text: "+";\
  119.                   font: "Tizen:style=regular"; size: 26; align: 0.5 0.5; \
  120.             }\
  121.             color : 250 250 250 (255*66/100);\
  122.          }\
  123.       }
  124.  
  125. #define PART_DIAL_BUTTON_7(NAME, DIGIT, TXT, POSITION, POSITION_EFFECT) \
  126.    PART_DIAL_BUTTON(NAME, DIGIT, TXT, POSITION, POSITION_EFFECT)\
  127.       part {\
  128.          name: NAME".txt.2";\
  129.          type: TEXT;\
  130.          mouse_events: 0;\
  131.          description {\
  132.             state: "default" 0;\
  133.             fixed: 1 1;\
  134.             align: 0.0 0.0;\
  135.             min: 50 26;\
  136.             rel1 { relative: 0.0 1.0; offset: 0 -2; to: NAME".txt"; }\
  137.             rel2 { relative: 0.0 1.0; offset: 0 -2; to: NAME".txt"; }\
  138.             text {\
  139.                   text: "*";\
  140.                   font: "Tizen:style=regular"; size: 30; align: 0.5 0.5; \
  141.             }\
  142.             color : 250 250 250 (255*70/100);\
  143.          }\
  144.       }
  145.  
  146. #define PROGRAM_DIAL_BUTTON_ANIMATION(NAME) \
  147.    program\
  148.    {\
  149.       name: NAME".animation";\
  150.       source: NAME;\
  151.       signal: "button.dial.touch";\
  152.       action: STATE_SET "default" 0.5;\
  153.       target: NAME".touch_image";\
  154.       after: NAME".animation2";\
  155.    }\
  156.    program\
  157.    {\
  158.       name: NAME".animation2";\
  159.       action: STATE_SET "default" 1.0;\
  160.       target: NAME".touch_image";\
  161.       transition: LINEAR 0.2;\
  162.       after: NAME".animation3";\
  163.    }\
  164.    program\
  165.    {\
  166.       name: NAME".animation3";\
  167.       action: STATE_SET "default" 0.0;\
  168.       target: NAME".touch_image";\
  169.    }
  170.  
  171. images
  172. {
  173.     image: "dialer_button_press_circle_bg.png" COMP;
  174.     image: "dialer_fadeout.#.png" COMP;
  175. }
  176.  
  177. collections {
  178.    group { name: "main";
  179.       parts {
  180.          part { name: "bg";
  181.             type: RECT;
  182.             description { state: "default" 0.0;
  183.                rel1 { relative: 0.0 0.0; }
  184.                rel2 { relative: 1.0 1.0; }
  185.                color : DIALER_BG_COLOR;
  186.             }
  187.          }
  188.          part { name: "sw.button.bg";
  189.             type: SWALLOW;
  190.             description { state: "default" 0.0;
  191.                rel1 { relative: 0.0 0.0; }
  192.                rel2 { relative: 1.0 1.0; }
  193.             }
  194.          }
  195.          part { name: "sw.button.call.ef";
  196.             type: SWALLOW;
  197.             description { state: "default" 0.0;
  198.                state: "default" 0;
  199.                fixed: 1 1;
  200.                align: 0.5 0.0;
  201.                min: 92 53;
  202.                rel1 { relative: 0.5 94/360; }
  203.                rel2 { relative: 0.5 94/360; }
  204.             }
  205.          }
  206.          part { name: "sw.button.call";
  207.             type: SWALLOW;
  208.             mouse_events: 1;
  209.             description { state: "default" 0.0;
  210.                state: "default" 0;
  211.                fixed: 1 1;
  212.                align: 0.5 0.0;
  213.                min: 92 53;
  214.                rel1 { relative: 0.5 94/360; }
  215.                rel2 { relative: 0.5 94/360; }
  216.             }
  217.          }
  218.          part { name: "sw.button.delete";
  219.             type: SWALLOW;
  220.             mouse_events: 1;
  221.             description { state: "default" 0.0;
  222.                state: "default" 0;
  223.                fixed: 1 1;
  224.                align: 0.5 0.0;
  225.                min: 92 53;
  226.                rel1 { relative: 0.5 213/360; }
  227.                rel2 { relative: 0.5 213/360; }
  228.             }
  229.          }
  230.          part { name: "sw.image.effect";
  231.             type: IMAGE;
  232.             mouse_events: 0;
  233.             description {
  234.                state: "default" 0;
  235.                fixed: 1 1;
  236.                align: 0.5 0.0;
  237.                min: 220 45;
  238.                rel1 { relative: 0.5 157/360;}
  239.                rel2 { relative: 0.5 157/360;}
  240.                image.normal: "dialer_fadeout.#.png";
  241.                image.border: 17 0 0 0;
  242.             }
  243.          }
  244.          part { name: "sw.entry.dial";
  245.             type: SWALLOW;
  246.             mouse_events: 0;
  247.             clip_to: "sw.image.effect";
  248.             description {
  249.                state: "default" 0;
  250.                fixed: 1 1;
  251.                align: 0.5 0.0;
  252.                min: 220 45;
  253.                rel1 { relative: 0.5 157/360;}
  254.                rel2 { relative: 0.5 157/360;}
  255.             }
  256.          }
  257.          PART_DIAL_BUTTON("button.0",   "0", "",   155/360 12/360,      180/360 35/360);
  258.          PART_DIAL_BUTTON("button.1",   "1", "",   240/360 41/360,      265/360 63/360);
  259.          PART_DIAL_BUTTON("button.2",   "2", "ABC",   292/360 106/360,   318/360 135/360);
  260.          PART_DIAL_BUTTON_3("button.3",   "3", "DEF",   292/360 196/360,    318/360 225/360);
  261.          PART_DIAL_BUTTON("button.4",   "4", "GHI",   240/360 265/360,   265/360 297/360);
  262.          PART_DIAL_BUTTON_5("button.5",   "5", "JKL",   155/360 292/360,    180/360 325/360);
  263.          PART_DIAL_BUTTON("button.6",   "6", "MNO",   70/360 264/360,      95/360 297/360);
  264.          PART_DIAL_BUTTON_7("button.7",   "7", "PQRS",18/360 194/360,      42/360 225/360);
  265.          PART_DIAL_BUTTON("button.8",   "8", "TUV",   18/360 104/360,      42/360 135/360);
  266.          PART_DIAL_BUTTON("button.9",   "9", "WXZ",   70/360 30/360,      95/360 63/360);
  267.       }
  268.       programs 
  269.       {
  270.          PROGRAM_DIAL_BUTTON_ANIMATION("button.0");
  271.          PROGRAM_DIAL_BUTTON_ANIMATION("button.1");
  272.          PROGRAM_DIAL_BUTTON_ANIMATION("button.2");
  273.          PROGRAM_DIAL_BUTTON_ANIMATION("button.3");
  274.          PROGRAM_DIAL_BUTTON_ANIMATION("button.4");
  275.          PROGRAM_DIAL_BUTTON_ANIMATION("button.5");
  276.          PROGRAM_DIAL_BUTTON_ANIMATION("button.6");
  277.          PROGRAM_DIAL_BUTTON_ANIMATION("button.7");
  278.          PROGRAM_DIAL_BUTTON_ANIMATION("button.8");
  279.          PROGRAM_DIAL_BUTTON_ANIMATION("button.9");
  280.       }
  281.    }
  282. }