data/themes/widgets/panes.edc

   1 group {
   2    name: "elm/panes/vertical/default";
   3    images {
   4       image: "bt_base1.png" COMP;
   5       image: "bt_base2.png" COMP;
   6       image: "bt_hilight.png" COMP;
   7       image: "bt_shine.png" COMP;
   8       image: "bt_glow.png" COMP;
   9       image: "bt_dis_base.png" COMP;
  10       image: "bt_dis_hilight.png" COMP;
  11       image: "arrow_right.png" COMP;
  12       image: "arrow_left.png" COMP;
  13    }
  14    parts
  15    {
  16       part
  17       {
  18          name: "whole";
  19          type: RECT;
  20          mouse_events: 0;
  21          description
  22          {
  23             state: "default" 0.0;
  24             visible: 0;
  25          }
  26       }
  27
  28       //2 contents
  29       part
  30       {
  31          name: "whole_left";
  32          type: RECT;
  33          mouse_events: 0;
  34          description
  35          {
  36             state: "default" 0.0;
  37             rel2.to_x: "elm.bar";
  38             rel2.relative: 0.0 1.0;
  39             visible: 1;
  40          }
  41       }
  42       part
  43       {
  44          name: "elm.swallow.left";
  45          type: SWALLOW;
  46          clip_to: "whole_left";
  47          description
  48          {
  49             state: "default" 0.0;
  50             rel1.to: "whole_left";
  51             rel2.to: "whole_left";
  52          }
  53       }
  54
  55       part
  56       {
  57          name: "whole_right";
  58          type: RECT;
  59          mouse_events: 0;
  60          description
  61          {
  62             state: "default" 0.0;
  63             rel1.to_x: "elm.bar";
  64             rel1.relative: 1.0 0.0;
  65             visible: 1;
  66          }
  67       }
  68       part
  69       {
  70          name: "elm.swallow.right";
  71          type: SWALLOW;
  72          clip_to: "whole_right";
  73          description
  74          {
  75             state: "default" 0.0;
  76             rel1.to: "whole_right";
  77             rel2.to: "whole_right";
  78          }
  79       }
  80       //BAR
  81       part { name: "elm.bar";
  82          mouse_events: 1;
  83          dragable {
  84             confine: "whole";
  85             x: 1 1 1;
  86             y: 0 0 0;
  87          }
  88          description { state: "default" 0.0;
  89             max: 15 9999;
  90             min: 15 100;
  91             rel1.relative: 0.0 0.5;
  92             rel2.relative: 1.0 0.5;
  93             image {
  94                normal: "bt_base2.png";
  95                border: 7 7 7 7;
  96             }
  97             image.middle: SOLID;
  98          }
  99          description { state: "clicked" 0.0;
 100             inherit: "default" 0.0;
 101             image.normal: "bt_base1.png";
 102             image.middle: SOLID;
 103          }
 104          description { state: "disabled" 0.0;
 105             inherit:  "default" 0.0;
 106             image {
 107                normal: "bt_dis_base.png";
 108                border: 4 4 4 4;
 109             }
 110          }
 111       }
 112       part {          name: "over1";
 113          mouse_events: 0;
 114          description { state: "default" 0.0;
 115             rel1.to: "elm.bar";
 116             rel2.to: "elm.bar";
 117             rel2.relative: 1.0 0.5;
 118             image {
 119                normal: "bt_hilight.png";
 120                border: 7 7 7 0;
 121             }
 122          }
 123          description { state: "disabled" 0.0;
 124             inherit:  "default" 0.0;
 125             image {
 126                normal: "bt_dis_hilight.png";
 127                border: 4 4 4 0;
 128             }
 129          }
 130       }
 131       part { name: "over2";
 132          mouse_events: 1;
 133          repeat_events: 1;
 134          ignore_flags: ON_HOLD;
 135          description { state: "default" 0.0;
 136             rel1.to: "elm.bar";
 137             rel2.to: "elm.bar";
 138             image {
 139                normal: "bt_shine.png";
 140                border: 7 7 7 7;
 141             }
 142          }
 143          description { state: "disabled" 0.0;
 144             inherit:  "default" 0.0;
 145             visible: 0;
 146          }
 147       }
 148       part { name: "over3";
 149          mouse_events: 1;
 150          repeat_events: 1;
 151          description { state: "default" 0.0;
 152             color: 255 255 255 0;
 153             rel1.to: "elm.bar";
 154             rel2.to: "elm.bar";
 155             image {
 156                normal: "bt_glow.png";
 157                border: 12 12 12 12;
 158             }
 159             fill.smooth : 0;
 160          }
 161          description { state: "clicked" 0.0;
 162             inherit:  "default" 0.0;
 163             visible: 1;
 164             color: 255 255 255 255;
 165          }
 166       }
 167
 168       //Arrow
 169       part {
 170          name: "arrow_right";
 171          repeat_events: 1;
 172          description { state: "default" 0.0;
 173             min: 45 45;
 174             max: 45 45;
 175             color: 255 255 255 0;
 176
 177             rel1.relative: 1.0 0.5;
 178             rel1.to_x: "elm.bar";
 179             rel1.offset: 45/2 -45/2;
 180
 181             rel2.relative: 1.0 0.5;
 182             rel2.to_x: "elm.bar";
 183             rel2.offset: 45/2 45/2;
 184
 185             image.normal: "arrow_right.png";
 186
 187             fixed: 1 1;
 188          }
 189          description { state: "default" 0.1;
 190             inherit: "default" 0.0;
 191             image.normal: "arrow_left.png";
 192          }
 193          description { state: "anim_1" 0.0;
 194             inherit: "default" 0.0;
 195             color: 255 255 255 200;
 196             rel1.offset: (45/2 + 10) -45/2;
 197             rel2.offset: (45/2 +10) 45/2;
 198          }
 199          description { state: "anim_1" 0.1;
 200             inherit: "default" 0.0;
 201             image.normal: "arrow_left.png";
 202             color: 255 255 255 200;
 203             rel1.offset: (45/2 + 10) -45/2;
 204             rel2.offset: (45/2 +10) 45/2;
 205          }
 206          description { state: "anim_2" 0.0;
 207             inherit: "default" 0.0;
 208             color: 255 255 255 0;
 209             rel1.offset: (45/2 + 20) -45/2;
 210             rel2.offset: (45/2 + 20) 45/2;
 211          }
 212          description { state: "anim_2" 0.1;
 213             inherit: "default" 0.0;
 214             image.normal: "arrow_left.png";
 215             color: 255 255 255 0;
 216             rel1.offset: (45/2 + 20) -45/2;
 217             rel2.offset: (45/2 + 20) 45/2;
 218          }
 219       }
 220       part {
 221          name: "arrow_left";
 222          repeat_events: 1;
 223          description { state: "default" 0.0;
 224             min: 45 45;
 225             max: 45 45;
 226             color: 255 255 255 0;
 227
 228             rel1.relative: 0.0 0.5;
 229             rel1.to_x: "elm.bar";
 230             rel1.offset: -45/2 -45/2;
 231
 232             rel2.relative: 0.0 0.5;
 233             rel2.to_x: "elm.bar";
 234             rel2.offset: -45/2 45/2;
 235
 236             image.normal: "arrow_left.png";
 237
 238             fixed: 1 1;
 239          }
 240          description { state: "default" 0.1;
 241             inherit: "default" 0.0;
 242             image.normal: "arrow_right.png";
 243          }
 244          description { state: "anim_1" 0.0;
 245             inherit: "default" 0.0;
 246             color: 255 255 255 200;
 247             rel1.offset: (-45/2 - 10) -45/2;
 248             rel2.offset: (-45/2 - 10) 45/2;
 249          }
 250          description { state: "anim_1" 0.1;
 251             inherit: "default" 0.0;
 252             image.normal: "arrow_right.png";
 253             color: 255 255 255 200;
 254             rel1.offset: (-45/2 - 10) -45/2;
 255             rel2.offset: (-45/2 - 10) 45/2;
 256          }
 257          description { state: "anim_2" 0.0;
 258             inherit: "default" 0.0;
 259             color: 255 255 255 0;
 260             rel1.offset: (-45/2 - 20) -45/2;
 261             rel2.offset: (-45/2 - 20) 45/2;
 262          }
 263          description { state: "anim_2" 0.1;
 264             inherit: "default" 0.0;
 265             image.normal: "arrow_right.png";
 266             color: 255 255 255 0;
 267             rel1.offset: (-45/2 - 20) -45/2;
 268             rel2.offset: (-45/2 - 20) 45/2;
 269          }
 270       }
 271
 272    }
 273    programs {
 274       program {
 275          name:   "button_click";
 276          signal: "mouse,down,1";
 277          source: "over2";
 278          action: SIGNAL_EMIT "elm,action,press" "";
 279          after: "button_click_anim";
 280          after: "arrow_anim_start";
 281       }
 282       program {
 283          name:   "button_click_anim";
 284          action: STATE_SET "clicked" 0.0;
 285          target: "elm.bar";
 286       }
 287       program {
 288          name:   "button_unclick";
 289          signal: "mouse,up,1";
 290          source: "over2";
 291          action: SIGNAL_EMIT "elm,action,unpress" "";
 292          after: "button_unclick_anim";
 293          after: "arrow_anim_stop";
 294       }
 295       program {
 296          name:   "button_unclick_anim";
 297          action: STATE_SET "default" 0.0;
 298          target: "elm.bar";
 299       }
 300       program {
 301          name:   "button_click2";
 302          signal: "mouse,down,1";
 303          source: "over3";
 304          action: STATE_SET "clicked" 0.0;
 305          target: "over3";
 306       }
 307       program {
 308          name:   "button_unclick2";
 309          signal: "mouse,up,1";
 310          source: "over3";
 311          action: STATE_SET "default" 0.0;
 312          transition: DECELERATE 0.5;
 313          target: "over3";
 314       }
 315       program {
 316          name:   "button_unclick3";
 317          signal: "mouse,up,1";
 318          source: "over2";
 319          action: SIGNAL_EMIT "elm,action,click" "";
 320       }
 321       program {
 322          name:   "button_down_double";
 323          signal: "mouse,down,1,double";
 324          source: "over3";
 325          action: SIGNAL_EMIT "elm,action,click,double" "";
 326       }
 327
 328       //arrows animation
 329       program {
 330          name: "arrow_anim_start";
 331          script {
 332             new st[31];
 333             new Float:vl;
 334             get_state(PART:"arrow_left", st, 30, vl);
 335             if (vl == 0.0) {
 336                run_program(PROGRAM:"arrow_anim_start_ltr");
 337             }
 338             else {
 339                run_program(PROGRAM:"arrow_anim_start_rtl");
 340             }
 341          }
 342       }
 343       program {
 344          name: "arrow_anim_stop";
 345          script {
 346             new st[31];
 347             new Float:vl;
 348             get_state(PART:"arrow_left", st, 30, vl);
 349             if (vl == 0.0) {
 350                run_program(PROGRAM:"arrow_anim_stop_ltr");
 351             }
 352             else {
 353                run_program(PROGRAM:"arrow_anim_stop_rtl");
 354             }
 355          }
 356       }
 357
 358       program {
 359          name: "arrow_anim_start_ltr";
 360          action: STATE_SET "anim_1" 0.0;
 361          target: "arrow_right";
 362          target: "arrow_left";
 363          transition: LINEAR 0.6;
 364          after: "arrow_anim_1_ltr";
 365       }
 366       program {
 367          name: "arrow_anim_1_ltr";
 368          action: STATE_SET "anim_2" 0.0;
 369          target: "arrow_right";
 370          target: "arrow_left";
 371          transition: LINEAR 0.6;
 372          after: "arrow_anim_2_ltr";
 373       }
 374       program {
 375          name: "arrow_anim_2_ltr";
 376          action: STATE_SET "default" 0.0;
 377          target: "arrow_right";
 378          target: "arrow_left";
 379          after: "arrow_anim_start_ltr";
 380       }
 381       program {
 382          name: "arrow_anim_stop_ltr";
 383          action: ACTION_STOP;
 384          target: "arrow_anim_start_ltr";
 385          target: "arrow_anim_1_ltr";
 386          target: "arrow_anim_2_ltr";
 387          after: "arrow_anim_stop_1_ltr";
 388       }
 389       program {
 390          name: "arrow_anim_stop_1_ltr";
 391          action: STATE_SET "default" 0.0;
 392          target: "arrow_right";
 393          target: "arrow_left";
 394          transition: DECELERATE 0.4;
 395       }
 396       program {
 397          name: "arrow_anim_start_rtl";
 398          action: STATE_SET "anim_1" 0.1;
 399          target: "arrow_right";
 400          target: "arrow_left";
 401          transition: LINEAR 0.6;
 402          after: "arrow_anim_1_rtl";
 403       }
 404       program {
 405          name: "arrow_anim_1_rtl";
 406          action: STATE_SET "anim_2" 0.1;
 407          target: "arrow_right";
 408          target: "arrow_left";
 409          transition: LINEAR 0.6;
 410          after: "arrow_anim_2_rtl";
 411       }
 412       program {
 413          name: "arrow_anim_2_rtl";
 414          action: STATE_SET "default" 0.1;
 415          target: "arrow_right";
 416          target: "arrow_left";
 417          after: "arrow_anim_start_rtl";
 418       }
 419       program {
 420          name: "arrow_anim_stop_rtl";
 421          action: ACTION_STOP;
 422          target: "arrow_anim_start_rtl";
 423          target: "arrow_anim_1_rtl";
 424          target: "arrow_anim_2_rtl";
 425          after: "arrow_anim_stop_1_rtl";
 426       }
 427       program {
 428          name: "arrow_anim_stop_1_rtl";
 429          action: STATE_SET "default" 0.1;
 430          target: "arrow_right";
 431          target: "arrow_left";
 432          transition: DECELERATE 0.4;
 433       }
 434       program { name: "to_rtl";
 435          signal: "edje,state,rtl";
 436          source: "edje";
 437          script {
 438             new st[31];
 439             new Float:vl;
 440             get_state(PART:"arrow_left", st, 30, vl);
 441             if (vl == 0.0) {
 442                set_state(PART:"arrow_left", st, 0.1);
 443             }
 444             get_state(PART:"arrow_right", st, 30, vl);
 445             if (vl == 0.0) {
 446                set_state(PART:"arrow_right", st, 0.1);
 447             }
 448          }
 449       }
 450       program { name: "to_ltr";
 451          signal: "edje,state,ltr";
 452          source: "edje";
 453          script {
 454             new st[31];
 455             new Float:vl;
 456             get_state(PART:"arrow_left", st, 30, vl);
 457             if (vl == 0.1) {
 458                set_state(PART:"arrow_left", st, 0.0);
 459             }
 460             get_state(PART:"arrow_right", st, 30, vl);
 461             if (vl == 0.1) {
 462                set_state(PART:"arrow_right", st, 0.0);
 463             }
 464          }
 465       }
 466    }
 467 }
 468
 469 group {
 470    name: "elm/panes/horizontal/default";
 471    images {
 472       image: "bt_base1.png" COMP;
 473       image: "bt_base2.png" COMP;
 474       image: "bt_hilight.png" COMP;
 475       image: "bt_shine.png" COMP;
 476       image: "bt_glow.png" COMP;
 477       image: "bt_dis_base.png" COMP;
 478       image: "bt_dis_hilight.png" COMP;
 479       image: "arrow_up.png" COMP;
 480       image: "arrow_down.png" COMP;
 481    }
 482    parts
 483    {
 484       part
 485       {
 486          name: "whole";
 487          type: RECT;
 488          mouse_events: 0;
 489          description
 490          {
 491             state: "default" 0.0;
 492             visible: 0;
 493          }
 494       }
 495
 496       //2 contents
 497       part
 498       {
 499          name: "whole_left";
 500          type: RECT;
 501          mouse_events: 0;
 502          description
 503          {
 504             state: "default" 0.0;
 505             rel2.to_y: "elm.bar";
 506             rel2.relative: 1.0 0.0;
 507             visible: 1;
 508          }
 509       }
 510       part
 511       {
 512          name: "elm.swallow.left";
 513          type: SWALLOW;
 514          clip_to: "whole_left";
 515          description
 516          {
 517             state: "default" 0.0;
 518             rel1.to: "whole_left";
 519             rel2.to: "whole_left";
 520          }
 521       }
 522
 523       part
 524       {
 525          name: "whole_right";
 526          type: RECT;
 527          mouse_events: 0;
 528          description
 529          {
 530             state: "default" 0.0;
 531             rel1.to_y: "elm.bar";
 532             rel1.relative: 0.0 1.0;
 533             visible: 1;
 534          }
 535       }
 536       part
 537       {
 538          name: "elm.swallow.right";
 539          type: SWALLOW;
 540          clip_to: "whole_right";
 541          description
 542          {
 543             state: "default" 0.0;
 544             rel1.to: "whole_right";
 545             rel2.to: "whole_right";
 546          }
 547       }
 548       //BAR
 549       part { name: "elm.bar";
 550          mouse_events: 1;
 551          dragable {
 552             confine: "whole";
 553             x: 0 0 0;
 554             y: 1 1 1;
 555          }
 556          description { state: "default" 0.0;
 557             max: 999 15;
 558             min: 100 15;
 559             rel1.relative: 0.5 0.0;
 560             rel2.relative: 0.5 1.0;
 561             image {
 562                normal: "bt_base2.png";
 563                border: 7 7 7 7;
 564             }
 565             image.middle: SOLID;
 566          }
 567          description { state: "clicked" 0.0;
 568             inherit: "default" 0.0;
 569             image.normal: "bt_base1.png";
 570             image.middle: SOLID;
 571          }
 572          description { state: "disabled" 0.0;
 573             inherit:  "default" 0.0;
 574             image {
 575                normal: "bt_dis_base.png";
 576                border: 4 4 4 4;
 577             }
 578          }
 579       }
 580       part {          name: "over1";
 581          mouse_events: 0;
 582          description { state: "default" 0.0;
 583             rel1.to: "elm.bar";
 584             rel2.to: "elm.bar";
 585             rel2.relative: 1.0 0.5;
 586             image {
 587                normal: "bt_hilight.png";
 588                border: 7 7 7 0;
 589             }
 590          }
 591          description { state: "disabled" 0.0;
 592             inherit:  "default" 0.0;
 593             image {
 594                normal: "bt_dis_hilight.png";
 595                border: 4 4 4 0;
 596             }
 597          }
 598       }
 599       part { name: "over2";
 600          mouse_events: 1;
 601          repeat_events: 1;
 602          ignore_flags: ON_HOLD;
 603          description { state: "default" 0.0;
 604             rel1.to: "elm.bar";
 605             rel2.to: "elm.bar";
 606             image {
 607                normal: "bt_shine.png";
 608                border: 7 7 7 7;
 609             }
 610          }
 611          description { state: "disabled" 0.0;
 612             inherit:  "default" 0.0;
 613             visible: 0;
 614          }
 615       }
 616       part { name: "over3";
 617          mouse_events: 1;
 618          repeat_events: 1;
 619          description { state: "default" 0.0;
 620             color: 255 255 255 0;
 621             rel1.to: "elm.bar";
 622             rel2.to: "elm.bar";
 623             image {
 624                normal: "bt_glow.png";
 625                border: 12 12 12 12;
 626             }
 627             fill.smooth : 0;
 628          }
 629          description { state: "clicked" 0.0;
 630             inherit:  "default" 0.0;
 631             visible: 1;
 632             color: 255 255 255 255;
 633          }
 634       }
 635
 636       //Arrow
 637       part {
 638          name: "arrow_right";
 639          repeat_events: 1;
 640          description { state: "default" 0.0;
 641             min: 45 45;
 642             max: 45 45;
 643             color: 255 255 255 0;
 644
 645             rel1.relative: 0.5 1.0;
 646             rel1.to_y: "elm.bar";
 647             rel1.offset: -45/2 45/2;
 648
 649             rel2.relative: 0.5 1.0;
 650             rel2.to_y: "elm.bar";
 651             rel2.offset: 45/2 45/2;
 652
 653             image.normal: "arrow_down.png";
 654
 655             fixed: 1 1;
 656          }
 657          description { state: "anim_1" 0.0;
 658             inherit: "default" 0.0;
 659             color: 255 255 255 200;
 660             rel1.offset: -45/2 (45/2 +10);
 661             rel2.offset: 45/2 (45/2 +10);
 662          }
 663          description { state: "anim_2" 0.0;
 664             inherit: "default" 0.0;
 665             color: 255 255 255 0;
 666             rel1.offset: -45/2 (45/2 + 20);
 667             rel2.offset: 45/2 (45/2 + 20);
 668          }
 669       }
 670       part {
 671          name: "arrow_left";
 672          repeat_events: 1;
 673          description { state: "default" 0.0;
 674             min: 45 45;
 675             max: 45 45;
 676             color: 255 255 255 0;
 677
 678             rel1.relative: 0.5 0.0;
 679             rel1.to_y: "elm.bar";
 680             rel1.offset: -45/2 -45/2;
 681
 682             rel2.relative: 0.5 0.0;
 683             rel2.to_y: "elm.bar";
 684             rel2.offset: 45/2 -45/2;
 685
 686             image.normal: "arrow_up.png";
 687
 688             fixed: 1 1;
 689          }
 690          description { state: "anim_1" 0.0;
 691             inherit: "default" 0.0;
 692             color: 255 255 255 200;
 693             rel1.offset: -45/2 (-45/2 - 10);
 694             rel2.offset: 45/2 (-45/2 - 10);
 695          }
 696          description { state: "anim_2" 0.0;
 697             inherit: "default" 0.0;
 698             color: 255 255 255 0;
 699             rel1.offset: -45/2 (-45/2 - 20);
 700             rel2.offset: 45/2 (-45/2 - 20);
 701          }
 702       }
 703
 704    }
 705    programs {
 706       program {
 707          name:   "button_click";
 708          signal: "mouse,down,1";
 709          source: "over2";
 710          action: SIGNAL_EMIT "elm,action,press" "";
 711          after: "button_click_anim";
 712          after: "arrow_anim_start";
 713       }
 714       program {
 715          name:   "button_click_anim";
 716          action: STATE_SET "clicked" 0.0;
 717          target: "elm.bar";
 718       }
 719       program {
 720          name:   "button_unclick";
 721          signal: "mouse,up,1";
 722          source: "over2";
 723          action: SIGNAL_EMIT "elm,action,unpress" "";
 724          after: "button_unclick_anim";
 725          after: "arrow_anim_stop";
 726       }
 727       program {
 728          name:   "button_unclick_anim";
 729          action: STATE_SET "default" 0.0;
 730          target: "elm.bar";
 731       }
 732       program {
 733          name:   "button_click2";
 734          signal: "mouse,down,1";
 735          source: "over3";
 736          action: STATE_SET "clicked" 0.0;
 737          target: "over3";
 738       }
 739       program {
 740          name:   "button_unclick2";
 741          signal: "mouse,up,1";
 742          source: "over3";
 743          action: STATE_SET "default" 0.0;
 744          transition: DECELERATE 0.5;
 745          target: "over3";
 746       }
 747       program {
 748          name:   "button_unclick3";
 749          signal: "mouse,up,1";
 750          source: "over2";
 751          action: SIGNAL_EMIT "elm,action,click" "";
 752       }
 753       program {
 754          name:   "button_down_double";
 755          signal: "mouse,down,1,double";
 756          source: "over3";
 757          action: SIGNAL_EMIT "elm,action,click,double" "";
 758       }
 759
 760       //arrows animation
 761       program {
 762          name: "arrow_anim_start";
 763          action: STATE_SET "anim_1" 0.0;
 764          target: "arrow_right";
 765          target: "arrow_left";
 766          transition: LINEAR 0.6;
 767          after: "arrow_anim_1";
 768       }
 769       program {
 770          name: "arrow_anim_1";
 771          action: STATE_SET "anim_2" 0.0;
 772          target: "arrow_right";
 773          target: "arrow_left";
 774          transition: LINEAR 0.6;
 775          after: "arrow_anim_2";
 776       }
 777       program {
 778          name: "arrow_anim_2";
 779          action: STATE_SET "default" 0.0;
 780          target: "arrow_right";
 781          target: "arrow_left";
 782          after: "arrow_anim_start";
 783       }
 784       program {
 785          name: "arrow_anim_stop";
 786          action: ACTION_STOP;
 787          target: "arrow_anim_start";
 788          target: "arrow_anim_1";
 789          target: "arrow_anim_2";
 790          after: "arrow_anim_stop_1";
 791       }
 792       program {
 793          name: "arrow_anim_stop_1";
 794          action: STATE_SET "default" 0.0;
 795          target: "arrow_right";
 796          target: "arrow_left";
 797          transition: DECELERATE 0.4;
 798       }
 799    }
 800 }
 801
 802
 803