data/changeable/groups/clock_type_layout.edc

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