themes/widgets/colorselector.edc

   1 /*
   2  * Copyright (c) 2010 Samsung Electronics Co., Ltd All Rights Reserved
   3  *
   4  * PROPRIETARY/CONFIDENTIAL
   5  *
   6  * This software is the confidential and proprietary information of SAMSUNG
   7  * ELECTRONICS ("Confidential Information"). You agree and acknowledge that this
   8  * software is owned by Samsung and you shall not disclose such Confidential
   9  * Information and shall use it only in accordance with the terms of the license
  10  * agreement you entered into with SAMSUNG ELECTRONICS. SAMSUNG make no
  11  * representations or warranties about the suitability of the software, either
  12  * express or implied, including but not limited to the implied warranties of
  13  * merchantability, fitness for a particular purpose, or non-infringement.
  14  * SAMSUNG shall not be liable for any damages suffered by licensee arising out
  15  * of or releated to this software.
  16  *
  17  */
  18
  19 group {
  20    name: "elm/colorselector/palette/default";
  21    data.item: "horizontal_pad" COLORSELECTOR_PORTRAIT_HOR_PAD_INC;
  22    data.item: "vertical_pad" COLORSELECTOR_PORTRAIT_VER_PAD_INC;
  23    parts {
  24       part { name: "base";
  25          type: RECT;
  26          scale: 1;
  27          mouse_events: 1;
  28          description { state: "default" 0.0;
  29             visible: 0;
  30             align: 0.0 0.0;
  31          }
  32       }
  33       part { name: "palette";
  34          type: SWALLOW;
  35          scale: 1;
  36          mouse_events: 1;
  37          description { state: "default" 0.0;
  38             align: 0.0 0.0;
  39             rel1 {
  40                relative: 0.0 0.0;
  41                to: "base";
  42             }
  43             rel2 {
  44                relative: 1.0 0.0;
  45                to: "base";
  46             }
  47          }
  48       }
  49       part{ name: "bottom_padding";
  50          type: RECT;
  51          scale: 1;
  52          description { state: "default" 0.0;
  53             visible: 0;
  54             min: 0 20;
  55             fixed: 0 1;
  56             rel1.relative: 0.0 1.0;
  57             rel1.to: "palette";
  58             rel2.to: "palette";
  59             align: 0.0 0.0;
  60          }
  61       }
  62       part { name: "selector";
  63          type: SWALLOW;
  64          scale: 1;
  65          mouse_events: 1;
  66          description { state: "default" 0.0;
  67             align: 0.0 1.0;
  68             rel1 {
  69                relative: 0.0 1.0;
  70                to: "bottom_padding";
  71             }
  72             rel2 {
  73                relative: 1.0 1.0;
  74                to: "base";
  75             }
  76          }
  77       }
  78    }
  79 }
  80
  81 group {
  82    name: "elm/colorselector/palette/landscape";
  83    data.item: "horizontal_pad" COLORSELECTOR_LANDSCAPE_HOR_PAD_INC;
  84    data.item: "vertical_pad" COLORSELECTOR_LANDSCAPE_VER_PAD_INC;
  85    parts {
  86       part { name: "base";
  87          type: RECT;
  88          scale: 1;
  89          mouse_events: 1;
  90          description { state: "default" 0.0;
  91             visible: 0;
  92             align: 0.0 0.0;
  93          }
  94       }
  95       part { name: "palette";
  96          type: SWALLOW;
  97          scale: 1;
  98          mouse_events: 1;
  99          description { state: "default" 0.0;
 100             align: 0.0 0.0;
 101             rel1 {
 102                relative: 0.0 0.0;
 103                to: "base";
 104             }
 105             rel2 {
 106                relative: 1.0 0.0;
 107                to: "base";
 108             }
 109          }
 110       }
 111       part{ name: "bottom_padding";
 112          type: RECT;
 113          scale: 1;
 114          description { state: "default" 0.0;
 115             visible: 0;
 116             min: 0 20;
 117             fixed: 0 1;
 118             rel1.relative: 0.0 1.0;
 119             rel1.to: "palette";
 120             rel2.to: "palette";
 121             align: 0.0 0.0;
 122          }
 123       }
 124       part { name: "selector";
 125          type: SWALLOW;
 126          scale: 1;
 127          mouse_events: 1;
 128          description { state: "default" 0.0;
 129             align: 0.0 1.0;
 130             rel1 {
 131                relative: 0.0 1.0;
 132                to: "bottom_padding";
 133             }
 134             rel2 {
 135                relative: 1.0 1.0;
 136                to: "base";
 137             }
 138          }
 139       }
 140    }
 141 }
 142
 143 group{
 144    name: "elm/colorselector/bg/default";
 145    parts{
 146       part{
 147          name: "bg_rect";
 148          type: RECT;
 149          mouse_events: 1;
 150          scale: 1;
 151          description{
 152             state: "default" 0.0;
 153             min: COLORSELECTOR_MIN_W_INC COLORSELECTOR_MIN_H_INC;
 154             color: 0 0 0 0;
 155          }
 156       }
 157       part{ name: "top_padding";
 158          type: RECT;
 159          scale: 1;
 160          ignore_flags: ON_HOLD;
 161          description {
 162             state: "default" 0.0;
 163             min: 1 1;
 164             fixed: 1 1;
 165             color: COLORSELECTOR_PADDING_COLOR_INC;
 166             rel2.relative: 1.0 0.0;
 167             rel1.to: "bg_rect";
 168             rel2.to: "bg_rect";
 169             align: 0.0 0.0;
 170          }
 171       }
 172       part{
 173          name: "elm.colorbar_0";
 174          type: SWALLOW;
 175          mouse_events: 1;
 176          scale: 1;
 177          description{
 178             state: "default" 0.0;
 179             min: 1 COLORSELECTOR_COLORBAR_HEIGHT;
 180             max: COLORSELECTOR_MAX_W_INC COLORSELECTOR_COLORBAR_HEIGHT;
 181             fixed: 0 1;
 182             rel1.relative: 0.0 1.0;
 183             rel1.to_y: "top_padding";
 184             rel2.to_y: "top_padding";
 185             align: 0.5 0.0;
 186          }
 187       }
 188       part{
 189          name: "bottom_padding";
 190          type: RECT;
 191          scale: 1;
 192          ignore_flags: ON_HOLD;
 193          description {
 194             state: "default" 0.0;
 195             visible: 1;
 196             min: 1 1;
 197             fixed: 1 1;
 198             color: COLORSELECTOR_PADDING_COLOR_INC;
 199             rel1.relative: 0.0 1.0;
 200             rel1.to_y: "elm.colorbar_0";
 201             rel2.to_y: "elm.colorbar_0";
 202             align: 0.0 0.0;
 203          }
 204       }
 205       part{
 206          name: "elm.colorbar_1";
 207          type: SWALLOW;
 208          mouse_events: 1;
 209          scale: 1;
 210          description{
 211             state: "default" 0.0;
 212             min: 1 COLORSELECTOR_COLORBAR_HEIGHT;
 213             max: COLORSELECTOR_MAX_W_INC COLORSELECTOR_COLORBAR_HEIGHT;
 214             fixed: 0 1;
 215             rel1.relative: 0.0 1.0;
 216             rel1.to_y: "bottom_padding";
 217             rel2.to_y: "bottom_padding";
 218             align: 0.5 0.0;
 219          }
 220       }
 221       part {
 222          name: "bottom_padding1";
 223          type: RECT;
 224          scale: 1;
 225          ignore_flags: ON_HOLD;
 226          description {
 227             state: "default" 0.0;
 228             visible: 1;
 229             min: 1 1;
 230             fixed: 1 1;
 231             color: COLORSELECTOR_PADDING_COLOR_INC;
 232             rel1.relative: 0.0 1.0;
 233             rel1.to_y: "elm.colorbar_1";
 234             rel2.to_y: "elm.colorbar_1";
 235             align: 0.0 0.0;
 236          }
 237       }
 238       part{
 239          name: "elm.colorbar_2";
 240          type: SWALLOW;
 241          mouse_events: 1;
 242          scale: 1;
 243          description{
 244             state: "default" 0.0;
 245             min: 1 COLORSELECTOR_COLORBAR_HEIGHT;
 246             max: COLORSELECTOR_MAX_W_INC COLORSELECTOR_COLORBAR_HEIGHT;
 247             fixed: 0 1;
 248             rel1.relative: 0.0 1.0;
 249             rel1.to_y: "bottom_padding1";
 250             rel2.to_y: "bottom_padding1";
 251             align: 0.5 0.0;
 252          }
 253       }
 254       part {
 255          name: "bottom_padding2";
 256          type: RECT;
 257          scale: 1;
 258          ignore_flags: ON_HOLD;
 259          description {
 260             state: "default" 0.0;
 261             visible: 1;
 262             min: 1 1;
 263             fixed: 1 1;
 264             color: COLORSELECTOR_PADDING_COLOR_INC;
 265             rel1.relative: 0.0 1.0;
 266             rel1.to_y: "elm.colorbar_2";
 267             rel2.to_y: "bg_rect";
 268             align: 0.0 0.0;
 269          }
 270       }
 271    }
 272 }
 273
 274 group{
 275    name: "elm/colorselector/base/default";
 276    parts{
 277       part{
 278          name: "bg_rect";
 279          type: RECT;
 280          scale: 1;
 281          mouse_events: 1;
 282          description{
 283             state: "default" 0.0;
 284             color: 0 0 0 0;
 285          }
 286       }
 287       part{
 288          name: "bar_bg_padding_rect_l";
 289          type: RECT;
 290          scale: 1;
 291          description{
 292             state: "default" 0.0;
 293             visible: 0;
 294             min: COLORSELECTOR_COLORBAR_LEFT_PADDING 0;
 295             fixed: 1 0;
 296             rel1.relative: 0.0 0.5;
 297             rel2.relative: 0.0 0.5;
 298             align: 0.0 0.5;
 299          }
 300       }
 301       part{
 302          name: "bar_bg_padding_rect_r";
 303          type: RECT;
 304          scale: 1;
 305          description{
 306             state: "default" 0.0;
 307             visible: 0;
 308             min: COLORSELECTOR_COLORBAR_RIGHT_PADDING 0;
 309             fixed: 1 0;
 310             rel1.relative: 1.0 0.5;
 311             rel2.relative: 1.0 0.5;
 312             align: 1.0 0.5;
 313          }
 314       }
 315       part {
 316          name: "button_top_padding";
 317          type: RECT;
 318          scale: 1;
 319          ignore_flags: ON_HOLD;
 320          description {
 321             state: "default" 0.0;
 322             visible: 0;
 323             min: 0 COLORSELECTOR_BUTTON_TOP_PADDING;
 324             fixed: 1 1;
 325             rel1.relative: 0.0 0.0;
 326             rel2.relative: 1.0 0.0;
 327             align: 0.5 0;
 328          }
 329       }
 330       part{
 331          name: "elm.bar_bg";
 332          type: SWALLOW;
 333          mouse_events: 1;
 334          description{
 335             state: "default" 0.0;
 336             rel1 {relative: 1.0 (16/70); to_x: "bar_bg_padding_rect_l";}
 337             rel2 {relative: 0.0 (54/70); to_x: "bar_bg_padding_rect_r";}
 338          }
 339       }
 340       part{
 341          name: "elm.bar";
 342          type: SWALLOW;
 343          mouse_events: 1;
 344          description{
 345             state: "default" 0.0;
 346             rel1.to: "elm.bar_bg";
 347             rel2.to: "elm.bar_bg";
 348          }
 349       }
 350       part{
 351          name: "arrow_bg_padding_rect_l";
 352          type: RECT;
 353          scale: 1;
 354          description{
 355             state: "default" 0.0;
 356             visible: 0;
 357             min: COLORSELECTOR_ARROW_BG_LEFT_PADDING 0;
 358             fixed: 1 0;
 359             rel2.relative: 0.0 1.0;
 360             align: 0.0 0.5;
 361          }
 362       }
 363       part{
 364          name: "arrow_bg_padding_rect_r";
 365          type: RECT;
 366          scale: 1;
 367          description{
 368             state: "default" 0.0;
 369             visible: 0;
 370             min: COLORSELECTOR_ARROW_BG_RIGHT_PADDING 0;
 371             fixed: 1 0;
 372             rel1.relative: 1.0 0.0;
 373             align: 1.0 0.5;
 374          }
 375       }
 376       part{
 377          name: "elm.arrow_bg";
 378          type: SWALLOW;
 379          mouse_events: 1;
 380          description{
 381             state: "default" 0.0;
 382             rel1 {relative: 1.0 (10/70); to_x: "arrow_bg_padding_rect_l";}
 383             rel2 {relative: 0.0 (60/70); to_x: "arrow_bg_padding_rect_r";}
 384          }
 385       }
 386       part{
 387          name: "elm.arrow";
 388          type: RECT;
 389          mouse_events: 0;
 390          scale: 1;
 391          description{
 392             state: "default" 0.0;
 393             min: COLORSELECTOR_ARROW_MIN_WIDTH COLORSELECTOR_ARROW_MIN_HEIGHT;
 394             fixed: 1 1;
 395             align: 0 0.5;
 396             visible: 0;
 397             rel1 {relative: 0.0 0.0; to_y: "elm.arrow_bg";}
 398             rel2 {relative: 0.0 1.0; to_y: "elm.arrow_bg";}
 399          }
 400          dragable{
 401             confine: "elm.arrow_bg";
 402             x: 1 1 0;
 403             y: 0 0 0;
 404          }
 405       }
 406       part{
 407          name: "elm.arrow_icon";
 408          type: SWALLOW;
 409          mouse_events: 0;
 410          scale: 1;
 411          description{
 412             state: "default" 0.0;
 413             fixed: 1 1;
 414             align: 0.5 0;
 415             rel1 {
 416                to: "elm.arrow";
 417                offset: COLORSELECTOR_ARROW_REL1_OFFSET;
 418             }
 419             rel2 {
 420                to: "elm.arrow";
 421                offset: COLORSELECTOR_ARROW_REL2_OFFSET;
 422             }
 423          }
 424       }
 425       part{
 426          name: "event";
 427          type: RECT;
 428          scale: 1;
 429          description{
 430             state: "default" 0.0;
 431             min: COLORSELECTOR_DRAGGABLE_EVENT_AREA;
 432             fixed: 1 1;
 433             rel1.to: "elm.arrow_icon";
 434             rel2.to: "elm.arrow_icon";
 435             color: 0 0 0 0;
 436          }
 437          dragable{
 438             events: "elm.arrow";
 439          }
 440       }
 441       part{
 442          name: "l_button_padding_rect";
 443          type: RECT;
 444          mouse_events: 0;
 445          scale: 1;
 446          description{
 447             state: "default" 0.0;
 448             visible: 0;
 449             min: COLORSELECTOR_BUTTON_LEFT_PADDING 0;
 450             fixed: 1 0;
 451             rel2.relative: 0.0 1.0;
 452             align: 0.0 0.5;
 453          }
 454       }
 455       part{
 456          name: "r_button_padding_rect";
 457          type: RECT;
 458          mouse_events: 0;
 459          scale: 1;
 460          description{
 461             state: "default" 0.0;
 462             visible: 0;
 463             min: COLORSELECTOR_BUTTON_RIGHT_PADDING 0;
 464             fixed: 1 0;
 465             rel1.relative: 1.0 0.0;
 466             align: 1.0 0.5;
 467          }
 468       }
 469       part{
 470          name: "elm.l_button";
 471          type: SWALLOW;
 472          mouse_events: 1;
 473          scale: 1;
 474          description{
 475             state: "default" 0.0;
 476             min: COLORSELECTOR_BUTTON_WIDTH COLORSELECTOR_BUTTON_HEIGHT;
 477             fixed: 1 1;
 478             rel1 {relative: 1.0 1.0; to_x: "l_button_padding_rect"; to_y: "button_top_padding";}
 479             rel2 {relative: 1.0 1.0; to_x: "l_button_padding_rect"; to_y: "button_top_padding";}
 480             align: 0.0 0.0;
 481          }
 482       }
 483       part{
 484          name: "elm.r_button";
 485          type: SWALLOW;
 486          mouse_events: 1;
 487          scale: 1;
 488          description{
 489             state: "default" 0.0;
 490             min: COLORSELECTOR_BUTTON_WIDTH COLORSELECTOR_BUTTON_HEIGHT;
 491             fixed: 1 1;
 492             rel1 {relative: 0.0 1.0; to_x: "r_button_padding_rect"; to_y: "button_top_padding";}
 493             rel2 {relative: 0.0 1.0; to_x: "r_button_padding_rect"; to_y: "button_top_padding";}
 494             align: 1.0 0.0;
 495          }
 496       }
 497    }
 498 }
 499
 500 group{
 501    name: "elm/colorselector/image/colorbar_0/default";
 502    images{
 503       image: "01_color_picker_color.png" COMP;
 504    }
 505    parts{
 506       part{
 507          name: "bg";
 508          type: RECT;
 509          mouse_events: 1;
 510          scale: 1;
 511          description{
 512             state: "default" 0.0;
 513             visible: 1;
 514             rel1 {relative: 0.0 0.0; offset: 0 0;}
 515             rel2 {relative: 1.0 1.0; offset: 0 0;}
 516             color: 0 0 0 0;
 517          }
 518       }
 519       part{
 520          name: "colorbar_0_image";
 521          type: IMAGE;
 522          mouse_events: 1;
 523          description{
 524             state: "default" 0.0;
 525             visible: 1;
 526             rel1 {relative: 0.0 0.0; offset: 0 0; to: "bg"; }
 527             rel2 {relative: 1.0 1.0; offset: -1 -1; to: "bg"; }
 528             image.normal:  "01_color_picker_color.png";
 529          }
 530       }
 531    }
 532 }
 533
 534 group{
 535    name: "elm/colorselector/image/colorbar_1/default";
 536    images{
 537       image: "01_color_picker_opacity.png" COMP;
 538    }
 539    parts{
 540       part{
 541          name: "bg";
 542          type: RECT;
 543          scale: 1;
 544          mouse_events: 1;
 545          description{
 546             state: "default" 0.0;
 547             visible: 1;
 548             rel1 {relative: 0.0 0.0; offset: 0 0;}
 549             rel2 {relative: 1.0 1.0; offset: 0 0;}
 550             color: 0 0 0 0;
 551          }
 552       }
 553       part{
 554          name: "colorbar_1_image";
 555          type: IMAGE;
 556          mouse_events: 1;
 557          description{
 558             state: "default" 0.0;
 559             visible: 1;
 560             rel1 {relative: 0.0 0.0; offset: 0 0; to: "bg"; }
 561             rel2 {relative: 1.0 1.0; offset: -1 -1; to: "bg"; }
 562             image.normal:  "01_color_picker_opacity.png";
 563          }
 564       }
 565    }
 566 }
 567
 568 group{
 569    name: "elm/colorselector/image/colorbar_2/default";
 570    images{
 571       image: "01_color_picker_brightness.png" COMP;
 572    }
 573    parts{
 574       part{
 575          name: "bg";
 576          type: RECT;
 577          mouse_events: 1;
 578          scale: 1;
 579          description{
 580             state: "default" 0.0;
 581             visible: 1;
 582             rel1 {relative: 0.0 0.0; offset: 0 0;}
 583             rel2 {relative: 1.0 1.0; offset: 0 0;}
 584             color: 0 0 0 0;
 585          }
 586       }
 587       part{
 588          name: "colorbar_2_image";
 589          type: IMAGE;
 590          mouse_events: 1;
 591          description{
 592             state: "default" 0.0;
 593             visible: 1;
 594             rel1 {relative: 0.0 0.0; offset: 0 0; to: "bg"; }
 595             rel2 {relative: 1.0 1.0; offset: -1 -1; to: "bg"; }
 596             image.normal:  "01_color_picker_brightness.png";
 597          }
 598       }
 599    }
 600 }
 601
 602 group{
 603    name: "elm/colorselector/arrow/default";
 604    images{
 605       image:"00_color_picker_focus.png" COMP;
 606    }
 607    parts{
 608       part{
 609          name: arrow_image;
 610          scale: 1;
 611          type: IMAGE;
 612          mouse_events: 1;
 613          description{
 614             state: "default" 0.0;
 615             image.normal: "00_color_picker_focus.png";
 616          }
 617       }
 618    }
 619 }
 620
 621 group {
 622    name: "elm/colorselector/item/default";
 623    images {
 624       image: "00_color_picker_palette_bg.png" COMP;
 625       image: "00_color_picker_palette_focus.png" COMP;
 626    }
 627    parts {
 628       part {
 629          name: "color_bg";
 630          mouse_events:1;
 631          scale: 1;
 632          description {
 633             state: "default" 0.0;
 634             min: COLORSELECTOR_PALETTE_COLORBG_MIN_WIDTH_INC COLORSELECTOR_PALETTE_COLORBG_MIN_HEIGHT_INC;
 635             image.normal: "00_color_picker_palette_bg.png";
 636             image.border: COLORSELECTOR_PALETTE_BORDER_INC;
 637             image.border_scale: 1;
 638          }
 639       }
 640       part { name: "color_obj";
 641          type: SWALLOW;
 642          mouse_events: 1;
 643          scale: 1;
 644          description { state: "default" 0.0;
 645             rel1.to: "color_bg";
 646             rel2.to: "color_bg";
 647          }
 648       }
 649       part {
 650          name: "focus_image";
 651          mouse_events:1;
 652          scale: 1;
 653          description {
 654             state: "default" 0.0;
 655             visible: 0;
 656             min: COLORSELECTOR_PALETTE_COLORBG_FOCUS_MIN_WIDTH_INC COLORSELECTOR_PALETTE_COLORBG_FOCUS_MIN_HEIGHT_INC;
 657             image.normal: "00_color_picker_palette_focus.png";
 658             image.border: COLORSELECTOR_PALETTE_BORDER_INC;
 659             image.border_scale: 1;
 660             rel1.to: "color_bg";
 661             rel2.to: "color_bg";
 662          }
 663          description {
 664             state: "focused" 0.0;
 665             inherit: "default" 0.0;
 666             visible: 1;
 667          }
 668       }
 669    }
 670    programs {
 671       program { name: "item_focus";
 672          source: "elm";
 673          signal: "elm,state,selected";
 674          action: STATE_SET "focused" 0.0;
 675          target: "focus_image";
 676       }
 677       program { name: "item_unfocus";
 678          source: "elm";
 679          signal: "elm,state,unselected";
 680          action: STATE_SET "default" 0.0;
 681          target: "focus_image";
 682       }
 683    }
 684 }
 685
 686 group {
 687    name: "elm/colorselector/item/color/default";
 688    images {
 689       image: "00_color_picker_palette.png" COMP;
 690    }
 691    parts {
 692       part {
 693          name: "color_rect";
 694          type: IMAGE;
 695          mouse_events: 1;
 696          scale: 1;
 697          description{
 698             state: "default" 0.0;
 699             image.normal: "00_color_picker_palette.png";
 700             image.border: COLORSELECTOR_PALETTE_BORDER_INC;
 701             image.border_scale: 1;
 702          }
 703       }
 704    }
 705 }
 706