themes/groups/navigationbar.edc

   1 /*
   2  *  nBeat-theme
   3  *
   4  * Copyright (c) 2000 - 2010 Samsung Electronics Co., Ltd.
   5  *
   6  * Contact: Seokjae Jeong <seok.j.jeong@samsung.com>, Myoungwoon Roy Kim <Myoungwoon.kim@samsung.com>, Jeonghyun Yun <jh0506.yun@samsung.com>, Jaehwan Kim <jae.hwan.kim@samsung.com>,
   7  *       Chuneon Park <chuneon.park@samsung.com>, Juyung Seo <juyung.seo@samsung.com>, Woohyun Jung <wh0705.jung@samsung.com>, Myungjae Lee <mjae.lee@samsung.com>, Hyoyoung Chang <hyoyoung.chang@samsung.com>,
   8  *    Hyunsil Park <hyunsil.park@samsung.com>, Sohyun Kim <anna1014.kim@samsung.com>, Seunggyun Kim <sgyun.kim@samsung.com>
   9  *
  10  * This library is free software; you can redistribute it and/or modify it under
  11  * the terms of the GNU Lesser General Public License as published by the
  12  * Free Software Foundation; either version 2.1 of the License, or (at your option)
  13  * any later version.
  14  *
  15  * This library is distributed in the hope that it will be useful, but WITHOUT ANY
  16  * WARRANTY; without even the implied warranty of MERCHANTABILITY or
  17  * FITNESS FOR A PARTICULAR PURPOSE. See the GNU Lesser General Public
  18  * License for more details.
  19  *
  20  * You should have received a copy of the GNU Lesser General Public License
  21  * along with this library; if not, write to the Free Software Foundation, Inc., 51
  22  * Franklin Street, Fifth Floor, Boston, MA 02110-1301 USA
  23  *
  24  */
  25
  26 #define NAVIBAR_PADDING 5
  27 #define NAVIBAR_TITLE_ITEM_H 67  //TODO: SHOULD BE 64
  28 #define NAVIBAR_TITLE_ITEM_W 0
  29 #define NAVIBAR_TITLE_ITEM_MAX_W 112
  30 #define NAVIBAR_EXTENDED_FNBTN_TOP_HEIGHT 110
  31 #define NAVIBAR_EXTENDED_H 115
  32 #define NAVIBAR_TITLE_SEPARATOR_H 5
  33 #define NAVIBAR_TITLE_SEPARATOR_SHADOW_H 5
  34 #define NAVIBAR_EXTENDED_COLOR 219 201 174 255
  35
  36 ////////////////////////////////////////////////////////////////////////////////////////
  37 // NavigationBar
  38 ////////////////////////////////////////////////////////////////////////////////////////
  39
  40 group {
  41    name: "elm/navigationbar/base/default";
  42    images {
  43       image: "00_winset_control_top_arrow.png" COMP;
  44       image: "navibar_item_separator.png" COMP;
  45    }
  46    parts {
  47         part { name: "base";
  48            mouse_events: 0;
  49            repeat_events: 1;
  50            description { state: "default" 0.0;
  51               min: 1 (NAVI_BAR_H + NAVIBAR_TITLE_SEPARATOR_SHADOW_H);
  52               align: 0.0 0.0;
  53               fixed: 1 1;
  54               rel2.relative: 1.0 0.0;
  55            }
  56            description { state: "top" 0.0;
  57               inherit: "default" 0.0;
  58               min: 1 0;
  59            }
  60            description { state: "extended" 0.0;
  61               inherit: "default" 0.0;
  62               min: 1 (NAVIBAR_EXTENDED_H + NAVIBAR_TITLE_SEPARATOR_SHADOW_H);
  63            }
  64        }
  65        part { name: "clip_title";
  66           mouse_events: 0;
  67           description { state: "default" 0.0;
  68              rel1.to: "base";
  69              rel2.to: "base";
  70           }
  71        }
  72        part { name: "navigationitem";
  73           type: RECT;
  74           mouse_events: 0;
  75           clip_to: "clip_title";
  76           description { state: "default" 0.0;
  77              min: 1 (NAVI_BAR_H - NAVIBAR_TITLE_SEPARATOR_H);
  78              fixed: 0 1;
  79              rel1 { relative: 0.0 0.0; to:"base"; }
  80              rel2 { relative: 1.0 0.0; to:"base"; }
  81              align: 0.5 0;
  82              color: NAVIBAR_EXTENDED_COLOR;
  83           }
  84        }
  85        part { name: "elm.swallow.btn1";
  86           type: SWALLOW;
  87           clip_to: "clip_title";
  88           scale: 1;
  89           description { state: "default" 0.0;
  90              fixed: 1 1;
  91              align: 0.0 0.5;
  92              rel1 { relative: 0.0 0.0; to: "navigationitem"; }
  93              rel2 { relative: 0.0 1.0; to: "navigationitem"; }
  94           }
  95        }
  96        part { name: "elm.rect.pada";
  97           mouse_events: 0;
  98           description { state: "default" 0.0;
  99              min: 67 0;
 100              fixed: 1 0;
 101              align: 0.0 0.5;
 102              rel1 { relative: 0.0 0.0; to: "navigationitem"; }
 103              rel2 { relative: 0.0 1.0; to: "navigationitem"; }
 104           }
 105        }
 106        part { name: "elm.rect.padb";
 107           mouse_events: 0;
 108           description { state: "default" 0.0;
 109              min: 82 0;
 110              fixed: 1 0;
 111              align: 1.0 0.5;
 112              rel1 { relative: 1.0 0.0; to: "navigationitem"; }
 113              rel2 { relative: 1.0 1.0; to: "navigationitem"; }
 114           }
 115        }
 116        part { name: "elm.text";
 117           type: TEXT;
 118           scale: 1;
 119           clip_to: "clip_title";
 120           description { state: "default" 0.0;
 121              text { font: "SLP:style=Medium";
 122                 size: 22;
 123                 min: 0 0;
 124                 align: 0.5 0.5;
 125                 max: 1 0;
 126              }
 127              color: NAVIGATIONBAR_TITLE_TEXT_COLOR;
 128              align: 0.5 0.5;
 129              rel1 { relative: 1.0 0.0; to: "elm.rect.pada"; }
 130              rel2 { relative: 0.0 1.0; to: "elm.rect.padb"; }
 131           }
 132        }
 133        part {
 134            name: "events";
 135            ignore_flags: ON_HOLD;
 136            description { state: "default" 0.0;
 137               rel1 { to: "elm.rect.pada"; relative: 1.0 0.0; }
 138               rel2 { to: "elm.rect.padb"; relative: 0.0 1.0; }
 139            }
 140        }
 141        part {
 142           name: "elm.swallow.content";
 143           type: SWALLOW;
 144           scale: 1;
 145           description { state: "default" 0.0;
 146              align: 0.0 0.0;
 147              rel1 { relative: 0.0 1.0; to_y: "base"; offset: 0 -10; }
 148              rel2 { relative: 1.0 1.0; }
 149           }
 150           description { state: "top" 0.0;
 151              rel1 { relative: 0.0 0.0; }
 152              rel2 { relative: 1.0 1.0; }
 153           }
 154        }
 155        part { name: "navigationitem_separator";
 156           type: IMAGE;
 157           mouse_events: 0;
 158           description { state: "default" 0.0;
 159              min: 1 (NAVIBAR_TITLE_SEPARATOR_H + NAVIBAR_TITLE_SEPARATOR_SHADOW_H);
 160              fixed: 0 1;
 161              align: 0.5 1;
 162              rel1 { to: "navigationitem"; relative: 0 1; }
 163              rel2 { to: "base"; relative: 1 1; }
 164              image { normal: "navibar_item_separator.png";
 165                 border: 0 0 1 5;
 166                 border_scale: 1;
 167              }
 168           }
 169        }
 170        part { name: "naviarrow";
 171           type: IMAGE;
 172           mouse_events: 0;
 173           scale: 1;
 174           description { state: "default" 0.0;
 175              min: 15 11;
 176              max: 15 11;
 177              fixed: 1 1;
 178              align: 0.5 1;
 179              visible: 0;
 180              rel1 { relative: 0 0; to: "navigationitem_separator"; offset: 0 1; }
 181              rel2 { relative: 1 0; to: "navigationitem_separator"; offset: -1 0; }
 182              image {
 183                 normal: "00_winset_control_top_arrow.png";
 184              }
 185           }
 186           description { state: "extended" 0.0;
 187              inherit: "default" 0.0;
 188              visible: 1;
 189           }
 190        }
 191        part { name: "elm.swallow.title";
 192           type: SWALLOW;
 193           scale: 1;
 194           clip_to: "clip_title";
 195           description { state: "default" 0.0;
 196              min: 0 NAVIBAR_TITLE_ITEM_H;
 197              max: 999999 NAVIBAR_TITLE_ITEM_H;
 198              fixed: 0 1;
 199              align: 0.5 0;
 200              rel1 { to: "navigationitem_separator"; }
 201              rel2 { to: "navigationitem_separator"; }
 202              visible: 0;
 203           }
 204           description { state: "extended" 0.0;
 205              inherit: "default" 0.0;
 206              visible: 1;
 207           }
 208        }
 209        part { name: "elm.rect.blocker";
 210           type: RECT;
 211           description { state: "default" 0.0;
 212              visible: 0;
 213           }
 214           description { state: "enabled" 0.0;
 215              color: 0 0 0 0;
 216              visible: 1;
 217           }
 218        }
 219    } /* end of parts */
 220
 221    programs {
 222       program {
 223          name: "moveup";
 224          signal: "elm,state,item,moveup";
 225          source: "elm";
 226          action: STATE_SET "top" 0.0;
 227          target: "base";
 228          target: "elm.swallow.content";
 229       }
 230       program {
 231          name: "movedown";
 232          signal: "elm,state,item,movedown";
 233          source: "elm";
 234          action: STATE_SET "default" 0.0;
 235          target: "base";
 236          target: "elm.swallow.content";
 237       }
 238       program {
 239          name: "click";
 240          signal: "mouse,up,1";
 241          source: "events";
 242          action: SIGNAL_EMIT "elm,action,clicked" "elm";
 243       }
 244       program {
 245          name: "extended_titlearea";
 246          signal: "elm,state,show,title";
 247          source: "elm";
 248          action: STATE_SET "extended" 0.0;
 249          target: "base";
 250          target: "elm.swallow.title";
 251          transition: LINEAR 0.2;
 252       }
 253       program {
 254          name: "show_extended";
 255          signal: "elm,state,show,extended";
 256          source: "elm";
 257          action: STATE_SET "extended" 0.0;
 258          target: "naviarrow";
 259          target: "elm.swallow.title";
 260          target: "base";
 261       }
 262       program {
 263          name: "hide_extended";
 264          signal: "elm,state,hide,extended";
 265          source: "elm";
 266          action: STATE_SET "default" 0.0;
 267          target: "naviarrow";
 268          target: "elm.swallow.title";
 269          target: "base";
 270       }
 271       program {
 272          name: "default_titlearea";
 273          signal: "elm,state,hide,title";
 274          source: "elm";
 275          action: STATE_SET "default" 0.0;
 276          target: "base";
 277          target: "elm.swallow.title";
 278          transition: LINEAR 0.2;
 279       }
 280       program {
 281          name: "default_titlearea_noanimate";
 282          signal: "elm,state,hide,noanimate,title";
 283          source: "elm";
 284          action: STATE_SET "default" 0.0;
 285          target: "base";
 286          target: "elm.swallow.title";
 287       }
 288       program {
 289          name: "enable_rect";
 290          signal: "elm,state,rect,enabled";
 291          source: "elm";
 292          action: STATE_SET "enabled" 0.0;
 293          target: "elm.rect.blocker";
 294       }
 295       program {
 296          name: "disable_rect";
 297          signal: "elm,state,rect,disabled";
 298          source: "elm";
 299          action: STATE_SET "default" 0.0;
 300          target: "elm.rect.blocker";
 301       }
 302    } /* end of programs */
 303 } /* end of group "navigationbar" */
 304
 305 group {
 306    name: "elm/navigationbar/title/default";
 307
 308    parts {
 309       part {
 310          name: "elm.swallow.title1";
 311          type: SWALLOW;
 312          scale: 1;
 313          description {
 314             fixed: 1 1;
 315             min: 0 NAVIBAR_TITLE_ITEM_H;
 316             state: "default" 0.0;
 317             rel1 { relative: 0.0 0.0; }
 318             rel2 { relative: 0.0 1.0; }
 319             align: 0.0 0.5;
 320          }
 321       }
 322       part {
 323          name: "elm.rect.pad1";
 324          type: RECT;
 325          mouse_events: 0;
 326          scale: 1;
 327          description {
 328             state: "default" 0.0;
 329             min: 0 0;
 330             rel1 { relative: 1.0 0.0; to: "elm.swallow.title1"; }
 331             rel2 { relative: 1.0 1.0; to: "elm.swallow.title1"; }
 332          }
 333          description {
 334             state: "visible" 0.0;
 335             min: NAVIBAR_PADDING 0;
 336             fixed: 1 0;
 337             rel1 { relative: 1.0 0.0; to: "elm.swallow.title1"; }
 338             rel2 { relative: 1.0 1.0; to: "elm.swallow.title1"; }
 339             align: 0.0 0.0;
 340             color: 0 0 0 0;
 341          }
 342       }
 343       part {
 344          name: "elm.swallow.title2";
 345          type: SWALLOW;
 346          scale: 1;
 347          description {
 348             fixed: 1 1;
 349             min: 0 NAVIBAR_TITLE_ITEM_H;
 350             state: "default" 0.0;
 351             rel1 { relative: 1.0 0.0; to: "elm.rect.pad1"; }
 352             rel2 { relative: 1.0 1.0; to: "elm.rect.pad1"; }
 353             align: 0.0 0.5;
 354          }
 355       }
 356       part {
 357          name: "elm.rect.pad2";
 358          type: RECT;
 359          mouse_events: 0;
 360          scale: 1;
 361          description {
 362             state: "default" 0.0;
 363             min: 0 0;
 364             rel1 { relative: 1.0 0.0; to: "elm.swallow.title2"; }
 365             rel2 { relative: 1.0 1.0; to: "elm.swallow.title2"; }
 366          }
 367          description {
 368             state: "visible" 0.0;
 369             min: NAVIBAR_PADDING 0;
 370             fixed: 1 0;
 371             rel1 { relative: 1.0 0.0; to: "elm.swallow.title2"; }
 372             rel2 { relative: 1.0 1.0; to: "elm.swallow.title2"; }
 373             align: 0.0 0.0;
 374             color: 0 0 0 0;
 375          }
 376       }
 377       part {
 378          name: "elm.swallow.title3";
 379          type: SWALLOW;
 380          scale: 1;
 381          description {
 382             fixed: 1 1;
 383             min: 0 NAVIBAR_TITLE_ITEM_H;
 384             state: "default" 0.0;
 385             rel1 { relative: 1.0 0.0; to: "elm.rect.pad2"; }
 386             rel2 { relative: 1.0 1.0; to: "elm.rect.pad2"; }
 387             align: 0.0 0.5;
 388          }
 389       }
 390       part {
 391          name: "elm.rect.pad3";
 392          type: RECT;
 393          mouse_events: 0;
 394          scale: 1;
 395          description {
 396             state: "default" 0.0;
 397             min: 0 0;
 398             rel1 { relative: 1.0 0.0; to: "elm.swallow.title3"; }
 399             rel2 { relative: 1.0 1.0; to: "elm.swallow.title3"; }
 400          }
 401          description {
 402             state: "visible" 0.0;
 403             min: NAVIBAR_PADDING 0;
 404             fixed: 1 0;
 405             rel1 { relative: 1.0 0.0; to: "elm.swallow.title3"; }
 406             rel2 { relative: 1.0 1.0; to: "elm.swallow.title3"; }
 407             align: 0.0 0.0;
 408             color: 0 0 0 0;
 409          }
 410       }
 411       part {
 412          name: "elm.swallow.title4";
 413          type: SWALLOW;
 414          scale: 1;
 415          description {
 416             fixed: 1 1;
 417             min: 0 NAVIBAR_TITLE_ITEM_H;
 418             state: "default" 0.0;
 419             rel1 { relative: 1.0 0.0; to: "elm.rect.pad3"; }
 420             rel2 { relative: 1.0 1.0; to: "elm.rect.pad3"; }
 421             align: 0.0 0.5;
 422          }
 423       }
 424       part {
 425          name: "elm.rect.pad4";
 426          type: RECT;
 427          mouse_events: 0;
 428          scale: 1;
 429          description {
 430             state: "default" 0.0;
 431             min: 0 0;
 432             rel1 { relative: 1.0 0.0; to: "elm.swallow.title4"; }
 433             rel2 { relative: 1.0 1.0; to: "elm.swallow.title4"; }
 434          }
 435          description {
 436             state: "visible" 0.0;
 437             min: NAVIBAR_PADDING 0;
 438             fixed: 1 0;
 439             rel1 { relative: 1.0 0.0; to: "elm.swallow.title4"; }
 440             rel2 { relative: 1.0 1.0; to: "elm.swallow.title4"; }
 441             align: 0.0 0.0;
 442             color: 0 0 0 0;
 443          }
 444       }
 445       part {
 446          name: "elm.swallow.title5";
 447          type: SWALLOW;
 448          scale: 1;
 449          description {
 450             fixed: 1 1;
 451             min: 0 NAVIBAR_TITLE_ITEM_H;
 452             state: "default" 0.0;
 453             rel1 { relative: 1.0 0.0; to: "elm.rect.pad4"; }
 454             rel2 { relative: 1.0 1.0; to: "elm.rect.pad4"; }
 455             align: 0.0 0.5;
 456          }
 457       }
 458    } /* end of parts */
 459
 460    programs {
 461       program {
 462          name: "seconditem";
 463          signal: "elm,state,item,add,2";
 464          source: "elm";
 465          action: STATE_SET "visible" 0.0;
 466          target: "elm.rect.pad1";
 467       }
 468       program {
 469          name: "thirditem";
 470          signal: "elm,state,item,add,3";
 471          source: "elm";
 472          action: STATE_SET "visible" 0.0;
 473          target: "elm.rect.pad2";
 474       }
 475       program {
 476          name: "fourthitem";
 477          signal: "elm,state,item,add,4";
 478          source: "elm";
 479          action: STATE_SET "visible" 0.0;
 480          target: "elm.rect.pad3";
 481       }
 482       program {
 483          name: "fifthitem";
 484          signal: "elm,state,item,add,5";
 485          source: "elm";
 486          action: STATE_SET "visible" 0.0;
 487          target: "elm.rect.pad4";
 488       }
 489    } /* end of programs */
 490 } /* end of group "navigationbar" */
 491
 492
 493 ///////////////////////////////////////////////////////////////////////////////
 494    group { name: "elm/pager/base/navigationbar";
 495       parts {
 496          part {
 497             name: "clip";
 498             type: RECT;
 499             mouse_events: 0;
 500             description {
 501                state: "default" 0.0;
 502                rel1 {
 503                   to: "base";
 504                   offset: -9999 -9999;
 505                }
 506                rel2 {
 507                   to: "base";
 508                   offset: 9999 9999;
 509                }
 510                color: 255 255 255 255;
 511             }
 512             description {
 513                state: "visible" 0.0;
 514                inherit: "default" 0.0;
 515             }
 516             description {
 517                state: "hidden" 0.0;
 518                inherit: "default" 0.0;
 519                color: 255 255 255 0;
 520                visible: 0;
 521             }
 522             description {
 523                state: "hidden2" 0.0;
 524                inherit: "default" 0.0;
 525                color: 255 255 255 0;
 526                visible: 0;
 527             }
 528          }
 529          part {
 530             name: "base";
 531             type: RECT;
 532             mouse_events:  0;
 533             clip_to: "clip";
 534             description {
 535                state: "default" 0.0;
 536                color: 0 0 0 0;
 537             }
 538             description {
 539                state: "hidden" 0.0;
 540                color: 0 0 0 0;
 541                rel1.relative: -1.0 0.0;
 542                rel2.relative: 0.0 1.0;
 543             }
 544             description {
 545                state: "hidden2" 0.0;
 546                color: 0 0 0 0;
 547                rel1.relative: 1.0 0.0;
 548                rel2.relative: 2.0 1.0;
 549             }
 550             description {
 551                state: "visible" 0.0;
 552                color: 0 0 0 0;
 553                rel1.relative: 0.0 0.0;
 554                rel2.relative: 1.0 1.0;
 555             }
 556          }
 557          part {
 558             name: "elm.swallow.content";
 559             type: SWALLOW;
 560             clip_to: "clip";
 561             description {
 562                state: "default" 0.0;
 563                rel1.to: "base";
 564                rel2.to: "base";
 565             }
 566          }
 567       }
 568       programs {
 569          program {
 570             name: "push_start";
 571             signal: "elm,action,push";
 572             source: "elm";
 573             action:  STATE_SET "hidden2" 0.0;
 574             target: "base";
 575             target: "clip";
 576             after: "show_start2";
 577          }
 578          program {
 579             name: "show_start";
 580             signal: "elm,action,show";
 581             source: "elm";
 582             action:  STATE_SET "hidden" 0.0;
 583             target: "base";
 584             target: "clip";
 585             after: "show_start2";
 586          }
 587          program {
 588             name: "show_start2";
 589             action:  STATE_SET "visible" 0.0;
 590             transition: DECELERATE 0.5;
 591             target: "base";
 592             target: "clip";
 593             after: "show_end";
 594          }
 595          program {
 596             name: "show_end";
 597             action: SIGNAL_EMIT "elm,action,show,finished" "";
 598          }
 599          program {
 600             name: "pop_start";
 601             signal: "elm,action,pop";
 602             source: "elm";
 603             action:  STATE_SET "visible" 0.0;
 604             target: "base";
 605             target: "clip";
 606             after: "pop_start2";
 607          }
 608          program {
 609             name: "pop_start2";
 610             action:  STATE_SET "hidden2" 0.0;
 611             transition: DECELERATE 0.5;
 612             target: "base";
 613             target: "clip";
 614             after: "hide_end";
 615          }
 616          program {
 617             name: "hide_start";
 618             signal: "elm,action,hide";
 619             source: "elm";
 620             action:  STATE_SET "visible" 0.0;
 621             target: "base";
 622             target: "clip";
 623             after: "hide_start2";
 624          }
 625          program {
 626             name: "hide_start2";
 627             action:  STATE_SET "hidden" 0.0;
 628             transition: DECELERATE 0.5;
 629             target: "base";
 630             target: "clip";
 631             after: "hide_end";
 632          }
 633          program {
 634             name: "hide_end";
 635             action: SIGNAL_EMIT "elm,action,hide,finished" "";
 636          }
 637          program {
 638             name: "reset";
 639             signal: "elm,action,reset";
 640             source: "elm";
 641             action:  STATE_SET "default" 0.0;
 642             target: "base";
 643             target: "clip";
 644          }
 645          program {
 646             name: "show_firstpage"; /*avoid effect in first page*/
 647             signal: "elm,action,show,noanimate";
 648             source: "elm";
 649             action: STATE_SET "visible" 0.0;
 650             target: "base";
 651             target: "clip";
 652             after: "show_end";
 653          }
 654          program {
 655             name: "hide_firstpage"; /*avoid effect in first page*/
 656             signal: "elm,action,hide,noanimate";
 657             source: "elm";
 658             action: STATE_SET "hidden" 0.0;
 659             target: "base";
 660             target: "clip";
 661             after: "hide_end";
 662          }
 663       }
 664    }