data/changeable/groups/clock_type_layout.edc

   1 /*
   2  * Copyright (c) 2010 Samsung Electronics, Inc.
   3  * All rights reserved.
   4  *
   5  * This software is a confidential and proprietary information
   6  * of Samsung Electronics, Inc. ("Confidential Information").  You
   7  * shall not disclose such Confidential Information and shall use
   8  * it only in accordance with the terms of the license agreement
   9  * you entered into with Samsung Electronics.
  10  */
  11 group {
  12         name: "setting-test/clock-type";
  13         parts {
  14                 part {
  15                         name: "bg";
  16                         type: RECT;
  17                         scale: 1;
  18                         description {
  19                                 state: "default" 0.0;
  20                                 rel1 {relative: 0.0 0.0; }
  21                                 rel2 {relative: 1.0 1.0; }
  22                                 color_class: "B101";
  23                         }
  24                 }
  25                 part {
  26                         name: "clock-wallpaper";
  27                         type: SWALLOW;
  28                         scale: 1;
  29                         description {
  30                                 state: "default" 0.0;
  31                                 rel1 {
  32                                         relative: 0.0 0.0;
  33                                         to: "bg";
  34                                 }
  35                                 rel2 {
  36                                         relative: 1.0 1.0;
  37                                         to: "bg";
  38                                 }
  39                         }
  40                 }
  41                 part {
  42                         name: "clock-color";
  43                         type: SWALLOW;
  44                         scale: 1;
  45                         description {
  46                                 state: "default" 0.0;
  47                                 rel1 {
  48                                         relative: 0.0 0.0;
  49                                         to: "bg";
  50                                 }
  51                                 rel2 {
  52                                         relative: 1.0 1.0;
  53                                         to: "bg";
  54                                 }
  55                         }
  56                 }
  57                 part {
  58                         name: "clock-image";
  59                         type: SWALLOW;
  60                         scale: 1;
  61                         description {
  62                                 state: "default" 0.0;
  63                                 rel1 {
  64                                         relative: 0.0 0.0;
  65                                         to: "bg";
  66                                 }
  67                                 rel2 {
  68                                         relative: 1.0 1.0;
  69                                         to: "bg";
  70                                 }
  71                         }
  72                 }
  73         }
  74 }
  75
  76 group {
  77         name: "setting-test/clock-type-home";
  78         parts {
  79                 part {
  80                         name: "bg";
  81                         type: RECT;
  82                         scale: 1;
  83                         description {
  84                                 state: "default" 0.0;
  85                                 rel1 {relative: 0.0 0.0; }
  86                                 rel2 {relative: 1.0 1.0; }
  87                                 color_class: "B101";
  88                                 visible: 1;
  89                         }
  90                         description {
  91                                 state: "image" 0.0;
  92                                 rel1 {relative: 0.0 0.0; }
  93                                 rel2 {relative: 1.0 1.0; }
  94                                 color_class: "B101";
  95                                 visible: 0;
  96                         }
  97                 }
  98                 part {
  99                         name: "bg/image";
 100                         type: IMAGE;
 101                         scale: 1;
 102                         description {
 103                                 state: "default" 0.0;
 104                                 rel1 {relative: 0.0 0.0; }
 105                                 rel2 {relative: 1.0 1.0; }
 106                                 visible: 0;
 107                         }
 108                         description {
 109                                 state: "image" 0.0;
 110                                 rel1 {relative: 0.0 0.0; }
 111                                 rel2 {relative: 1.0 1.0; }
 112                                 visible: 1;
 113                         }
 114                 }
 115                 part {
 116                         name: "clock-wallpaper";
 117                         type: SWALLOW;
 118                         scale: 1;
 119                         description {
 120                                 state: "default" 0.0;
 121                                 rel1 {
 122                                         relative: 0.0 0.0;
 123                                         to: "bg";
 124                                 }
 125                                 rel2 {
 126                                         relative: 1.0 1.0;
 127                                         to: "bg";
 128                                 }
 129                         }
 130                 }
 131                 part {
 132                         name: "clock-color";
 133                         type: SWALLOW;
 134                         scale: 1;
 135                         description {
 136                                 state: "default" 0.0;
 137                                 rel1 {
 138                                         relative: 0.0 0.0;
 139                                         to: "bg";
 140                                 }
 141                                 rel2 {
 142                                         relative: 1.0 1.0;
 143                                         to: "bg";
 144                                 }
 145                         }
 146                 }
 147                 part {
 148                         name: "clock-image";
 149                         type: SWALLOW;
 150                         scale: 1;
 151                         description {
 152                                 state: "default" 0.0;
 153                                 rel1 {
 154                                         relative: 0.0 0.0;
 155                                         to: "bg";
 156                                 }
 157                                 rel2 {
 158                                         relative: 1.0 1.0;
 159                                         to: "bg";
 160                                 }
 161                         }
 162                 }
 163         }
 164
 165 }
 166
 167 group {
 168         name: "setting-test/index-home";
 169         parts {
 170                 part {
 171                         name: "bg/image";
 172                         type: SWALLOW;
 173                         scale: 1;
 174                         description {
 175                                 state: "default" 0.0;
 176                                 rel1 {relative: 0.0 0.0; }
 177                                 rel2 {relative: 1.0 1.0; }
 178                         }
 179                 }
 180                 part {
 181                         name: "bg";
 182                         type: RECT;
 183                         scale: 1;
 184                         description {
 185                                 state: "default" 0.0;
 186                                 rel1 {relative: 0.0 0.0; }
 187                                 rel2 {relative: 1.0 1.0; }
 188                                 color: 0 0 0 50;
 189                         }
 190                 }
 191
 192                 part {
 193                         name: "scroller";
 194                         type: SWALLOW;
 195                         scale: 1;
 196                         description {
 197                                 state: "default" 0.0;
 198                                 rel1 {relative: 0.0 0.0; to: "bg";}
 199                                 rel2 {relative: 1.0 1.0; to: "bg";}
 200                         }
 201                 }
 202         }
 203 }
 204
 205 // Layout - thumbnail
 206 #define BODY_THUMBNAIL_SIZE                            216 288
 207 #define BODY_THUMBNAIL_LAYOUT_SIZE                     248 480
 208 #define BODY_THUMBNAIL_LAYOUT_WIDTH                      248
 209 #define BODY_THUMBNAIL_PADDING_TOP_SIZE                   66
 210 #define BODY_THUMBNAIL_PADDING_LEFT_SIZE                  16
 211 #define BODY_THUMBNAIL_PADDING_RIGHT_SIZE                 16
 212 #define BODY_THUMBNAIL_PADDING_CENTER_SIZE                14
 213 #define BODY_THUMBNAIL_TEXT_SIZE                          36
 214 #define BODY_THUMBNAIL_TEXT_SUB_SIZE                      28
 215 #define BODY_THUMBNAIL_1LINE_TEXT_HEIGHT                  88
 216 #define BODY_THUMBNAIL_2LINE_TEXT_HEIGHT                  44
 217 #define BODY_THUMBNAIL_2LINE_TEXT_SUB_HEIGHT              32
 218 #define BODY_THUMBNAIL_LINE_SIZE                          2
 219
 220 group { name: "setting/layout/body_thumbnail/default";
 221         images {
 222                 image: "edit_clock_btn_bg.#.png" COMP;
 223                 image: "edit_clock_btn_icon.png" COMP;
 224                 image: "edit_clock_btn_line.#.png" COMP;
 225         }
 226
 227    parts {
 228       part { name: "bg";
 229          type: RECT;
 230          scale: 1;
 231          description { state: "default" 0.0;
 232             min: BODY_THUMBNAIL_LAYOUT_SIZE;
 233             max: BODY_THUMBNAIL_LAYOUT_SIZE;
 234             color_class: "W131";
 235          }
 236       }
 237       part { name: "top_padding";
 238          type: SPACER;
 239          scale: 1;
 240          description { state: "default" 0.0;
 241             align: 0.5 0.0;
 242             rel2.relative: 1.0 0.0;
 243             min: 0 BODY_THUMBNAIL_PADDING_TOP_SIZE;
 244             max: -1 BODY_THUMBNAIL_PADDING_TOP_SIZE;
 245          }
 246       }
 247       part { name: "left_padding";
 248          type: SPACER;
 249          scale: 1;
 250          description { state: "default" 0.0;
 251             min: BODY_THUMBNAIL_PADDING_LEFT_SIZE 0;
 252             max: BODY_THUMBNAIL_PADDING_LEFT_SIZE -1;
 253             fixed: 1 0;
 254             align: 0.0 0.5;
 255             rel2.relative: 0.0 1.0;
 256          }
 257       }
 258       part { name: "right_padding";
 259          type: SPACER;
 260          scale: 1;
 261          description { state: "default" 0.0;
 262             min: BODY_THUMBNAIL_PADDING_RIGHT_SIZE 0;
 263             max: BODY_THUMBNAIL_PADDING_RIGHT_SIZE -1;
 264             fixed: 1 0;
 265             align: 1.0 0.5;
 266             rel1.relative: 1.0 0.0;
 267          }
 268       }
 269       part { name: "elm.icon";
 270          type: SWALLOW;
 271          scale: 1;
 272          description { state: "default" 0.0;
 273             rel1.to: "top_padding";
 274             rel1.relative: 0.0 1.0;
 275             rel2.to: "top_padding";
 276             rel2.relative: 1.0 1.0;
 277             align: 0.5 0.0;
 278             min: BODY_THUMBNAIL_SIZE;
 279             max: BODY_THUMBNAIL_SIZE;
 280             fixed: 1 1;
 281          }
 282       }
 283       part { name: "left_line";
 284          type: RECT;
 285          scale: 1;
 286          description { state: "default" 0.0;
 287             fixed: 1 0;
 288             align: 0.0 0.5;
 289             min: BODY_THUMBNAIL_LINE_SIZE 0;
 290             max: BODY_THUMBNAIL_LINE_SIZE -1;
 291             color_class: "W132";
 292             rel1.to: "elm.icon";
 293             rel2.to: "elm.icon";
 294             rel2.relative: 0.0 1.0;
 295          }
 296          description { state: "unfocus" 0.0;
 297             inherit: "default" 0.0;
 298             color_class: "W132D";
 299          }
 300       }
 301       part { name: "right_line";
 302          type: RECT;
 303          scale: 1;
 304          description { state: "default" 0.0;
 305             fixed: 1 0;
 306             align: 1.0 0.5;
 307             min: BODY_THUMBNAIL_LINE_SIZE 0;
 308             max: BODY_THUMBNAIL_LINE_SIZE -1;
 309             color_class: "W132";
 310             rel1.to: "elm.icon";
 311             rel1.relative: 1.0 0.0;
 312             rel2.to: "elm.icon";
 313          }
 314          description { state: "unfocus" 0.0;
 315             inherit: "default" 0.0;
 316             color_class: "W132D";
 317          }
 318       }
 319       part { name: "top_line";
 320          type: RECT;
 321          scale: 1;
 322          description { state: "default" 0.0;
 323             fixed: 0 1;
 324             align: 0.5 0.0;
 325             min: 0 BODY_THUMBNAIL_LINE_SIZE;
 326             max: -1 BODY_THUMBNAIL_LINE_SIZE;
 327             color_class: "W132";
 328             rel1.to: "left_line";
 329             rel1.relative: 1.0 0.0;
 330             rel2.to: "right_line";
 331             rel2.relative: 0.0 0.0;
 332          }
 333          description { state: "unfocus" 0.0;
 334             inherit: "default" 0.0;
 335             color_class: "W132D";
 336          }
 337       }
 338       part { name: "bottom_line";
 339          type: RECT;
 340          scale: 1;
 341          description { state: "default" 0.0;
 342             fixed: 0 1;
 343             align: 0.5 1.0;
 344             min: 0 BODY_THUMBNAIL_LINE_SIZE;
 345             max: -1 BODY_THUMBNAIL_LINE_SIZE;
 346             color_class: "W132";
 347             rel1.to: "left_line";
 348             rel1.relative: 1.0 1.0;
 349             rel2.to: "right_line";
 350             rel2.relative: 0.0 1.0;
 351          }
 352          description { state: "unfocus" 0.0;
 353             inherit: "default" 0.0;
 354             color_class: "W132D";
 355          }
 356       }
 357       part { name: "center_padding";
 358          type: SPACER;
 359          scale: 1;
 360          description { state: "default" 0.0;
 361             align: 0.5 0.0;
 362             min: 0 BODY_THUMBNAIL_PADDING_CENTER_SIZE;
 363             max: -1 BODY_THUMBNAIL_PADDING_CENTER_SIZE;
 364             rel1.to: "bottom_line";
 365             rel1.relative: 0.0 1.0;
 366             rel2.to: "bottom_line";
 367             rel2.relative: 1.0 1.0;
 368          }
 369       }
 370       part { name: "edit.btn.bg";
 371          type: RECT;
 372          scale: 1;
 373          description { state: "default" 0.0;
 374             min: 55 55;
 375             max: 55 55;
 376             align: 0.5 0.0;
 377             rel1 {
 378                to: "center_padding";
 379                relative: 0.0 1.0;
 380             }
 381             rel2 {
 382                to: "center_padding";
 383                relative: 1.0 1.0;
 384             }
 385             color: 8 8 8 125;
 386             visible: 0;
 387          }
 388          description {
 389                  state: "show" 0.0;
 390                  inherit: "default" 0.0;
 391                  visible: 1;
 392          }
 393       }
 394       part { name: "edit.btn.line";
 395          type: IMAGE;
 396          scale: 1;
 397          description { state: "default" 0.0;
 398             min: 55 55;
 399             max: 55 55;
 400             align: 0.5 0.0;
 401             rel1 {
 402                to: "center_padding";
 403                relative: 0.0 1.0;
 404             }
 405             rel2 {
 406                to: "center_padding";
 407                relative: 1.0 1.0;
 408             }
 409             color: 80 80 80 80;
 410             image{
 411                 normal: "edit_clock_btn_line.#.png";
 412             }
 413             visible: 0;
 414          }
 415          description {
 416                  state: "show" 0.0;
 417                  inherit: "default" 0.0;
 418                  visible: 1;
 419          }
 420       }
 421       part { name: "edit.btn";
 422          type: SWALLOW;
 423          scale: 1;
 424          description { state: "default" 0.0;
 425             min: 55 55;
 426             max: 55 55;
 427             align: 0.5 0.0;
 428             rel1 {
 429                to: "center_padding";
 430                relative: 0.0 1.0;
 431             }
 432             rel2 {
 433                to: "center_padding";
 434                relative: 1.0 1.0;
 435             }
 436             visible: 0;
 437          }
 438          description {
 439                  state: "show" 0.0;
 440                  inherit: "default" 0.0;
 441                  visible: 1;
 442          }
 443       }
 444    }
 445    programs {
 446       program {
 447          name: "focus";
 448          signal: "elm,state,thumbnail,focus";
 449          source: "*";
 450          action: STATE_SET "default" 0.0;
 451          target: "left_line";
 452          target: "right_line";
 453          target: "top_line";
 454          target: "bottom_line";
 455       }
 456       program {
 457          name: "unfocus";
 458          signal: "elm,state,thumbnail,unfocus";
 459          source: "*";
 460          action: STATE_SET "unfocus" 0.0;
 461          target: "left_line";
 462          target: "right_line";
 463          target: "top_line";
 464          target: "bottom_line";
 465       }
 466       program {
 467          name: "edit/btn/show";
 468          signal: "edit,btn,show";
 469          source: "*";
 470          action: STATE_SET "show" 0.0;
 471          target: "edit.btn.bg";
 472          target: "edit.btn.line";
 473          target: "edit.btn";
 474       }
 475    }
 476 }
 477
 478 group { name: "setting/layout/body_thumbnail/home";
 479         images {
 480                 image: "edit_clock_btn_bg.#.png" COMP;
 481                 image: "edit_clock_btn_icon.png" COMP;
 482                 image: "edit_clock_btn_line.#.png" COMP;
 483         }
 484
 485    parts {
 486       part { name: "bg";
 487          type: RECT;
 488          scale: 1;
 489          description { state: "default" 0.0;
 490             min: BODY_THUMBNAIL_LAYOUT_SIZE;
 491             max: BODY_THUMBNAIL_LAYOUT_SIZE;
 492             color: 0 0 0 0;
 493          }
 494       }
 495       part { name: "top_padding";
 496          type: SPACER;
 497          scale: 1;
 498          description { state: "default" 0.0;
 499             align: 0.5 0.0;
 500             rel2.relative: 1.0 0.0;
 501             min: 0 BODY_THUMBNAIL_PADDING_TOP_SIZE;
 502             max: -1 BODY_THUMBNAIL_PADDING_TOP_SIZE;
 503          }
 504       }
 505       part { name: "left_padding";
 506          type: SPACER;
 507          scale: 1;
 508          description { state: "default" 0.0;
 509             min: BODY_THUMBNAIL_PADDING_LEFT_SIZE 0;
 510             max: BODY_THUMBNAIL_PADDING_LEFT_SIZE -1;
 511             fixed: 1 0;
 512             align: 0.0 0.5;
 513             rel2.relative: 0.0 1.0;
 514          }
 515       }
 516       part { name: "right_padding";
 517          type: SPACER;
 518          scale: 1;
 519          description { state: "default" 0.0;
 520             min: BODY_THUMBNAIL_PADDING_RIGHT_SIZE 0;
 521             max: BODY_THUMBNAIL_PADDING_RIGHT_SIZE -1;
 522             fixed: 1 0;
 523             align: 1.0 0.5;
 524             rel1.relative: 1.0 0.0;
 525          }
 526       }
 527       part { name: "elm.icon";
 528          type: SWALLOW;
 529          scale: 1;
 530          description { state: "default" 0.0;
 531             rel1.to: "top_padding";
 532             rel1.relative: 0.0 1.0;
 533             rel2.to: "top_padding";
 534             rel2.relative: 1.0 1.0;
 535             align: 0.5 0.0;
 536             min: BODY_THUMBNAIL_SIZE;
 537             max: BODY_THUMBNAIL_SIZE;
 538             fixed: 1 1;
 539          }
 540       }
 541       part { name: "left_line";
 542          type: RECT;
 543          scale: 1;
 544          description { state: "default" 0.0;
 545             fixed: 1 0;
 546             align: 0.0 0.5;
 547             min: BODY_THUMBNAIL_LINE_SIZE 0;
 548             max: BODY_THUMBNAIL_LINE_SIZE -1;
 549             color_class: "AO033";
 550             rel1.to: "elm.icon";
 551             rel2.to: "elm.icon";
 552             rel2.relative: 0.0 1.0;
 553          }
 554          description { state: "unfocus" 0.0;
 555             inherit: "default" 0.0;
 556             color: 255 255 255 80;
 557          }
 558       }
 559       part { name: "right_line";
 560          type: RECT;
 561          scale: 1;
 562          description { state: "default" 0.0;
 563             fixed: 1 0;
 564             align: 1.0 0.5;
 565             min: BODY_THUMBNAIL_LINE_SIZE 0;
 566             max: BODY_THUMBNAIL_LINE_SIZE -1;
 567             color_class: "AO033";
 568             rel1.to: "elm.icon";
 569             rel1.relative: 1.0 0.0;
 570             rel2.to: "elm.icon";
 571          }
 572          description { state: "unfocus" 0.0;
 573             inherit: "default" 0.0;
 574             color: 255 255 255 80;
 575          }
 576       }
 577       part { name: "top_line";
 578          type: RECT;
 579          scale: 1;
 580          description { state: "default" 0.0;
 581             fixed: 0 1;
 582             align: 0.5 0.0;
 583             min: 0 BODY_THUMBNAIL_LINE_SIZE;
 584             max: -1 BODY_THUMBNAIL_LINE_SIZE;
 585             color_class: "AO033";
 586             rel1.to: "left_line";
 587             rel1.relative: 1.0 0.0;
 588             rel2.to: "right_line";
 589             rel2.relative: 0.0 0.0;
 590          }
 591          description { state: "unfocus" 0.0;
 592             inherit: "default" 0.0;
 593             color: 255 255 255 80;
 594          }
 595       }
 596       part { name: "bottom_line";
 597          type: RECT;
 598          scale: 1;
 599          description { state: "default" 0.0;
 600             fixed: 0 1;
 601             align: 0.5 1.0;
 602             min: 0 BODY_THUMBNAIL_LINE_SIZE;
 603             max: -1 BODY_THUMBNAIL_LINE_SIZE;
 604             color_class: "AO033";
 605             rel1.to: "left_line";
 606             rel1.relative: 1.0 1.0;
 607             rel2.to: "right_line";
 608             rel2.relative: 0.0 1.0;
 609          }
 610          description { state: "unfocus" 0.0;
 611             inherit: "default" 0.0;
 612             color: 255 255 255 80;
 613          }
 614       }
 615       part { name: "center_padding";
 616          type: SPACER;
 617          scale: 1;
 618          description { state: "default" 0.0;
 619             align: 0.5 0.0;
 620             min: 0 BODY_THUMBNAIL_PADDING_CENTER_SIZE;
 621             max: -1 BODY_THUMBNAIL_PADDING_CENTER_SIZE;
 622             rel1.to: "bottom_line";
 623             rel1.relative: 0.0 1.0;
 624             rel2.to: "bottom_line";
 625             rel2.relative: 1.0 1.0;
 626          }
 627       }
 628       part { name: "edit.btn.bg";
 629          type: RECT;
 630          scale: 1;
 631          description { state: "default" 0.0;
 632             min: 55 55;
 633             max: 55 55;
 634             align: 0.5 0.0;
 635             rel1 {
 636                to: "center_padding";
 637                relative: 0.0 1.0;
 638             }
 639             rel2 {
 640                to: "center_padding";
 641                relative: 1.0 1.0;
 642             }
 643             color: 8 8 8 125;
 644             visible: 0;
 645          }
 646          description {
 647                  state: "show" 0.0;
 648                  inherit: "default" 0.0;
 649                  visible: 1;
 650          }
 651       }
 652       part { name: "edit.btn.line";
 653          type: IMAGE;
 654          scale: 1;
 655          description { state: "default" 0.0;
 656             min: 55 55;
 657             max: 55 55;
 658             align: 0.5 0.0;
 659             rel1 {
 660                to: "center_padding";
 661                relative: 0.0 1.0;
 662             }
 663             rel2 {
 664                to: "center_padding";
 665                relative: 1.0 1.0;
 666             }
 667             color: 80 80 80 80;
 668             image{
 669                 normal: "edit_clock_btn_line.#.png";
 670             }
 671             visible: 0;
 672          }
 673          description {
 674                  state: "show" 0.0;
 675                  inherit: "default" 0.0;
 676                  visible: 1;
 677          }
 678       }
 679       part { name: "edit.btn";
 680          type: SWALLOW;
 681          scale: 1;
 682          description { state: "default" 0.0;
 683             min: 55 55;
 684             max: 55 55;
 685             align: 0.5 0.0;
 686             rel1 {
 687                to: "center_padding";
 688                relative: 0.0 1.0;
 689             }
 690             rel2 {
 691                to: "center_padding";
 692                relative: 1.0 1.0;
 693             }
 694             visible: 0;
 695          }
 696          description {
 697                  state: "show" 0.0;
 698                  inherit: "default" 0.0;
 699                  visible: 1;
 700          }
 701       }
 702    }
 703    programs {
 704       program {
 705          name: "focus";
 706          signal: "elm,state,thumbnail,focus";
 707          source: "*";
 708          action: STATE_SET "default" 0.0;
 709          target: "left_line";
 710          target: "right_line";
 711          target: "top_line";
 712          target: "bottom_line";
 713       }
 714       program {
 715          name: "unfocus";
 716          signal: "elm,state,thumbnail,unfocus";
 717          source: "*";
 718          action: STATE_SET "unfocus" 0.0;
 719          target: "left_line";
 720          target: "right_line";
 721          target: "top_line";
 722          target: "bottom_line";
 723       }
 724       program {
 725          name: "edit/btn/show";
 726          signal: "edit,btn,show";
 727          source: "*";
 728          action: STATE_SET "show" 0.0;
 729          target: "edit.btn.bg";
 730          target: "edit.btn.line";
 731          target: "edit.btn";
 732       }
 733    }
 734 }