ug-calendar-picker-efl.edc

   1 #define MAIN_W 480
   2 #define MAIN_H 800
   3
   4 #include "ug-calendar-picker-efl_macro.edc"
   5
   6 collections {
   7         group {
   8                 name: "picker_view";
   9                 //min: MAIN_W MAIN_H;
  10                 images {
  11                         image: "00_calend_picker_panel.png" COMP;
  12                         image: "00_picker_bg_brown.png" COMP;
  13                 }
  14
  15                 parts {
  16                         part { name: "background";
  17                                 type: RECT;
  18                                 mouse_events: 0;
  19                                 description {
  20                                         state: "default" 0.0;
  21                                         visible: 0;
  22                                         rel1 { relative: 0.0 0.0; }
  23                                         rel2 { relative: 1.0 1.0; }
  24                                         color: 0 0 0 0;
  25                                 }
  26                         }
  27
  28                         part { name: "panel";
  29                                 type: IMAGE;
  30                                 scale: 1;
  31                                 mouse_events: 0;
  32                                 description {
  33                                         state: "default" 0.0;
  34                                         visible: 1;
  35                                         min: 0 66;
  36                                         fixed: 0 1;
  37                                         align: 0.0 0.0;
  38                                         rel1 { relative: 0.0 0.0; to: background; }
  39                                         rel2 { relative: 1.0 0.0; to: background; }
  40                                         image.normal: "00_calend_picker_panel.png";
  41                                 }
  42                         }
  43
  44                         PADDING("padding.top", 0, 8, 0, 1, 0.0, 0.0,
  45                                         0.0, 0.0, 1.0, 1.0, panel, panel)
  46                         PADDING("padding.left", 5, 0, 1, 0, 0.0, 0.0,
  47                                         0.0, 0.0, 1.0, 1.0, panel, panel)
  48                         PADDING("padding.right", 5, 0, 1, 0, 1.0, 0.0,
  49                                         0.0, 0.0, 1.0, 1.0, panel, panel)
  50
  51                         part { name: "btn_prev";
  52                                 type: SWALLOW;
  53                                 mouse_events: 1;
  54                                 description {
  55                                         state: "default" 0.0;
  56                                         min: 98 50;
  57                                         max: 98 50;
  58                                         fixed: 1 1;
  59                                         align: 0.0 0.0;
  60                                         rel1 { relative: 1.0 1.0; to_x:padding.left; to_y: padding.top; }
  61                                         rel2 { relative: 1.0 1.0; to_x: padding.left; to_y: padding.top; }
  62                                 }
  63                         }
  64
  65                         PADDING("padding.btn_prev.right", 5, 0, 1, 0, 0.0, 0.0,
  66                                         1.0, 0.0, 1.0, 1.0, btn_prev, btn_prev)
  67
  68                         part { name: "btn_next";
  69                                 type: SWALLOW;
  70                                 mouse_events: 1;
  71                                 description {
  72                                         state: "default" 0.0;
  73                                         min: 98 50;
  74                                         max: 98 50;
  75                                         fixed: 1 1;
  76                                         align: 0.0 0.0;
  77                                         rel1 { relative: 1.0 1.0; to_x: padding.btn_prev.right; to_y: padding.top; }
  78                                         rel2 { relative: 1.0 1.0; to_x: padding.btn_prev.right; to_y: padding.top; }
  79                                 }
  80                         }
  81
  82                         part { name: "btn_done";
  83                                 type: SWALLOW;
  84                                 mouse_events: 1;
  85                                 description {
  86                                         state: "default" 0.0;
  87                                         min: 98 50;
  88                                         max: 98 50;
  89                                         fixed: 1 1;
  90                                         align: 1.0 0.0;
  91                                         rel1 { relative: 0.0 1.0; to_x:padding.right; to_y: padding.top; }
  92                                         rel2 { relative: 0.0 1.0; to_x: padding.right; to_y: padding.top; }
  93                                 }
  94                         }
  95
  96                         part { name: "separation_line";
  97                                 type: RECT;
  98                                 mouse_events: 0;
  99                                 description {
 100                                         state: "default" 0.0;
 101                                         visible: 1;
 102                                         min: 0 2;
 103                                         max: 0 2;
 104                                         fixed: 0 1;
 105                                         align: 0.0 1.0;
 106                                         color: 104 97 92 255;
 107                                         rel1 { relative: 0.0 1.0; to: panel; }
 108                                         rel2 { relative: 1.0 1.0; to: panel; }
 109                             }
 110                         }
 111
 112                         part { name: "list_bg";
 113                                 type: IMAGE;
 114                                 mouse_events: 0;
 115                                 description {
 116                                         state: "default" 0.0;
 117                                         visible: 1;
 118                                         align: 0.0 0.0;
 119                                         rel1 { relative: 0.0 1.0; to: separation_line; }
 120                                         rel2 { relative: 1.0 1.0; to: background; }
 121                                         image.normal: "00_picker_bg_brown.png";
 122                                 }
 123                         }
 124
 125                         part { name: "list_options";
 126                                 type: SWALLOW;
 127                                 mouse_events: 1;
 128                                 description {
 129                                         state: "default" 0.0;
 130                                         align: 0.0 0.0;
 131                                         rel1 { relative: 0.0 0.0; to: list_bg; }
 132                                         rel2 { relative: 1.0 1.0; to: list_bg; }
 133                                 }
 134                         }
 135                 }
 136         }
 137
 138 #define CAL_BTN_W 170
 139 #define CAL_BTN_H 100
 140 #define CAL_PADDING_H 20
 141 #define CAL_SHOW_H 335
 142 #define PICKER_SHOW_H 400
 143 #define CAL_BTN_BASE_H 66
 144 #define CAL_BTN_BASE_NBEAT_H 54
 145
 146         group {
 147       name: "calendar_picker";
 148       images {
 149          image: "00_picker_arrow_left.png" COMP;
 150          image: "00_picker_arrow_left_press.png" COMP;
 151          image: "00_picker_arrow_right.png" COMP;
 152          image: "00_picker_arrow_right_press.png" COMP;
 153          image: "00_calend_picker_bar_button.png" COMP;
 154          image: "00_calend_picker_bar_button_press.png" COMP;
 155          image: "00_picker_btn_normal.png" COMP;
 156          image: "00_picker_btn_press.png" COMP;
 157       }
 158       parts{
 159          part { name: "base";
 160             type: RECT;
 161             scale: 1;
 162             description { state: "default" 0.0;
 163                 rel1 { relative: 0 0; }
 164                 rel2 { relative: 1 1; }
 165                 color: 0 0 0 0;
 166             }
 167          }
 168
 169          part { name: "picker_base";
 170             type: RECT;
 171             scale: 1;
 172             description { state: "default" 0.0;
 173                visible: 0;
 174                min: 0 PICKER_SHOW_H;
 175                fixed: 0 1;
 176                rel1 { relative: 0.0 1.1; to: "base"; }
 177                rel2 { relative: 1.0 1.0; to: "base"; }
 178                align: 0.0 0.0;
 179                color: 255 0 0 0;
 180            }
 181            description {
 182                state: "show" 0.0;
 183                inherit: "default" 0.0;
 184                rel1 { relative: 0.0 350/800; to: "base"; }
 185                rel2 { relative: 1.0 1.0; to: "base"; }
 186                visible: 1;
 187                align: 0.0 1.0;
 188             }
 189          }
 190          part { name: "swallow.calendar";
 191             type: SWALLOW;
 192             scale: 1;
 193             description { state: "default" 0.0;
 194                visible: 0;
 195                min: 0 CAL_SHOW_H;
 196                fixed: 0 1;
 197 //               rel1 { relative: 0.0 1.0; to: "button_base"; }
 198                            rel1 { relative: 0.0 1.0; to: "picker_base"; }
 199                rel2 { relative: 1.0 1.0; to: "picker_base"; }
 200                align: 0.0 1.0;
 201             }
 202             description {
 203                state: "show" 0.0;
 204                inherit: "default" 0.0;
 205                visible: 1;
 206             }
 207          }
 208          part { name: "button_base";
 209             type: RECT;
 210             mouse_events: 1;
 211             scale: 1;
 212             description { state: "default" 0.0;
 213                visible: 0;
 214                min: 24 CAL_BTN_BASE_NBEAT_H;
 215                max: 800 CAL_BTN_BASE_NBEAT_H;
 216                fixed: 1 1;
 217 //               rel2 { relative: 1.0 54/400; to: "picker_base"; }
 218 //                         rel2 { relative: 1.0 0.0; to: "picker_base"; }
 219                            rel1 { relative: 0.0 0.0; to: "swallow.calendar"; }
 220                            rel2 { relative: 1.0 0.0; to: "swallow.calendar"; }
 221                color: 176 176 176 255;
 222 //               align: 0.0 0.0;
 223                            align: 0.0 1.0;
 224             }
 225             description { state: "show" 0.0;
 226                inherit: "default" 0.0;
 227                visible: 1;
 228             }
 229          }
 230          part { name: "btn_prev";
 231             mouse_events: 1;
 232             scale: 1;
 233             description { state: "default" 0.0;
 234                visible: 0;
 235                min: 46 42;
 236                max: 46 42;
 237                fixed: 1 1;
 238                rel1.to: "button_base";
 239                rel1.offset: 6 0;
 240                rel2.to: "button_base";
 241                image {
 242                   normal: "00_picker_btn_normal.png";
 243                   border: 4 4 4 4;
 244                   border_scale: 1;
 245                }
 246                align: 0.0 0.5;
 247             }
 248             description { state: "show" 0.0;
 249                inherit: "default" 0.0;
 250                visible: 1;
 251             }
 252             description { state: "clicked" 0.0;
 253                inherit: "default" 0.0;
 254                visible: 1;
 255                image {
 256                   normal: "00_picker_btn_press.png";
 257                   border: 4 4 4 4;
 258                   border_scale: 1;
 259                }
 260             }
 261          }
 262          part { name: "btn_prev_icon";
 263             repeat_events: 1;
 264             scale: 1;
 265             description { state: "default" 0.0;
 266                visible: 0;
 267                min: 20 20;
 268                max: 20 20;
 269                fixed: 1 1;
 270                rel1.to: "btn_prev";
 271                rel2.to: "btn_prev";
 272                align: 0.5 0.5;
 273                image {
 274                    normal: "00_picker_arrow_left.png";
 275                    border: 4 4 4 4;
 276                    border_scale: 1;
 277                }
 278                fill.smooth : 0;
 279             }
 280             description { state: "show" 0.0;
 281                inherit: "default" 0.0;
 282                visible: 1;
 283             }
 284             description { state: "clicked" 0.0;
 285                inherit: "show" 0.0;
 286                image.normal: "00_picker_arrow_left_press.png";
 287             }
 288          }
 289          part { name: "btn_next";
 290             mouse_events: 1;
 291             scale: 1;
 292             description { state: "default" 0.0;
 293                visible: 0;
 294                min: 46 42;
 295                max: 46 42;
 296                fixed: 1 1;
 297                rel1.to: "btn_prev";
 298                rel1.relative: 1 0;
 299                rel1.offset: 6 0;
 300                rel2.to: "btn_prev";
 301                rel2.relative: 1 1;
 302                image {
 303                   normal: "00_picker_btn_normal.png";
 304                   border: 4 4 4 4;
 305                   border_scale: 1;
 306                }
 307                align: 0.0 0.5;
 308             }
 309             description { state: "show" 0.0;
 310                inherit: "default" 0.0;
 311                visible: 1;
 312             }
 313             description { state: "clicked" 0.0;
 314                inherit: "default" 0.0;
 315                visible: 1;
 316                image {
 317                   normal: "00_picker_btn_press.png";
 318                   border: 4 4 4 4;
 319                   border_scale: 1;
 320                }
 321             }
 322          }
 323          part { name: "btn_next_icon";
 324             repeat_events: 1;
 325             scale: 1;
 326             description { state: "default" 0.0;
 327                visible: 0;
 328                min: 20 20;
 329                max: 20 20;
 330                fixed: 1 1;
 331                rel1.to: "btn_next";
 332                rel2.to: "btn_next";
 333                align: 0.5 0.5;
 334                image {
 335                   normal: "00_picker_arrow_right.png";
 336                   border: 4 4 4 4;
 337                   border_scale: 1;
 338                }
 339                fill.smooth : 0;
 340             }
 341             description { state: "show" 0.0;
 342                inherit: "default" 0.0;
 343                visible: 1;
 344             }
 345             description { state: "clicked" 0.0;
 346                inherit: "show" 0.0;
 347                image.normal: "00_picker_arrow_right_press.png";
 348             }
 349          }
 350          part { name: "btn_done";
 351             mouse_events: 1;
 352             scale: 1;
 353             description { state: "default" 0.0;
 354                visible: 0;
 355                min: 90 42;
 356                max: 90 42;
 357                fixed: 1 1;
 358                rel1.to: "button_base";
 359                rel2.to: "button_base";
 360                rel2.offset: -6 0;
 361                align: 1.0 0.5;
 362                image {
 363                   normal: "00_picker_btn_normal.png";
 364                   border: 4 4 4 4;
 365                   border_scale: 1;
 366                }
 367             }
 368             description { state: "show" 0.0;
 369                inherit: "default" 0.0;
 370                visible: 1;
 371             }
 372             description { state: "clicked" 0.0;
 373                inherit: "default" 0.0;
 374                visible: 1;
 375                image {
 376                   normal: "00_picker_btn_press.png";
 377                   border: 4 4 4 4;
 378                   border_scale: 1;
 379                }
 380             }
 381          }
 382          part { name: "btn_done_text";
 383             type: TEXT;
 384             repeat_events: 1;
 385             scale: 1;
 386             description { state: "default" 0.0;
 387                visible: 0;
 388                fixed: 1 1;
 389                rel1.to: "btn_done";
 390                rel2.to: "btn_done";
 391                color: 0 0 0 255;
 392                text {
 393                   font: "SLP:style=Medium";
 394                   size: 22;
 395                   min: 1 1;
 396                   align: 0.5 0.5;
 397                }
 398             }
 399             description { state: "show" 0.0;
 400                inherit: "default" 0.0;
 401                visible: 1;
 402             }
 403          }
 404       }
 405       programs {
 406          program {
 407             name: "calendar.show.effect";
 408             signal: "calendar.show";
 409             source: "show";
 410             action: STATE_SET "show" 0.0;
 411             target: "button_base";
 412             target: "btn_prev";
 413             target: "btn_prev_icon";
 414             target: "btn_next";
 415             target: "btn_next_icon";
 416             target: "btn_done";
 417             target: "btn_done_text";
 418             target: "swallow.calendar";
 419             after : "calendar.show.transition";
 420          }
 421          program {
 422             name: "calendar.hide.effect";
 423             action: STATE_SET "default" 0.0;
 424             target: "swallow.calendar";
 425             target: "button_base";
 426             target: "btn_prev";
 427             target: "btn_prev_icon";
 428             target: "btn_next";
 429             target: "btn_next_icon";
 430             target: "btn_done";
 431             target: "btn_done_text";
 432          }
 433          program {
 434             name: "calendar.show.transition";
 435             action: STATE_SET "show" 0.0;
 436             target: "picker_base";
 437 //            transition: SINUSOIDAL 0.5;
 438                         transition: DECELERATE 0.5;
 439          }
 440          program {
 441             name: "calendar.hide.transition";
 442             signal: "calendar.hide";
 443             source: "hide";
 444             action: STATE_SET "default" 0.0;
 445             target: "picker_base";
 446             transition: SINUSOIDAL 0.6;
 447             after : "calendar.hide.effect";
 448          }
 449          program {
 450             name:   "prev_bt_click";
 451             signal: "mouse,down,1";
 452             source: "btn_prev";
 453             action: STATE_SET "clicked" 0.0;
 454             target: "btn_prev";
 455          }
 456          program {
 457             name: "prev_bt_unclick";
 458             signal: "mouse,up,1";
 459             source: "btn_prev";
 460             action: STATE_SET "show" 0.0;
 461             target: "btn_prev";
 462          }
 463          program {
 464             name:   "next_bt_click";
 465             signal: "mouse,down,1";
 466             source: "btn_next";
 467             action: STATE_SET "clicked" 0.0;
 468             target: "btn_next";
 469          }
 470          program {
 471             name:   "next_bt_unclick";
 472             signal: "mouse,up,1";
 473             source: "btn_next";
 474             action: STATE_SET "show" 0.0;
 475             target: "btn_next";
 476          }
 477          program {
 478             name:   "done_bt_click";
 479             signal: "mouse,down,1";
 480             source: "btn_done";
 481             action: STATE_SET "clicked" 0.0;
 482             target: "btn_done";
 483          }
 484          program {
 485             name:   "done_bt_unclick";
 486             signal: "mouse,up,1";
 487             source: "btn_done";
 488             action: STATE_SET "show" 0.0;
 489             target: "btn_done";
 490          }
 491       }
 492    }
 493 }