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;
 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 {to: "elm.arrow";}
 416             rel2 {to: "elm.arrow";}
 417          }
 418       }
 419       part{
 420          name: "event";
 421          type: RECT;
 422          scale: 1;
 423          description{
 424             state: "default" 0.0;
 425             min: COLORSELECTOR_DRAGGABLE_EVENT_AREA;
 426             fixed: 1 1;
 427             rel1.to: "elm.arrow_icon";
 428             rel2.to: "elm.arrow_icon";
 429             color: 0 0 0 0;
 430          }
 431          dragable{
 432             events: "elm.arrow";
 433          }
 434       }
 435       part{
 436          name: "l_button_padding_rect";
 437          type: RECT;
 438          mouse_events: 0;
 439          scale: 1;
 440          description{
 441             state: "default" 0.0;
 442             visible: 0;
 443             min: COLORSELECTOR_BUTTON_LEFT_PADDING 0;
 444             fixed: 1 0;
 445             rel2.relative: 0.0 1.0;
 446             align: 0.0 0.5;
 447          }
 448       }
 449       part{
 450          name: "r_button_padding_rect";
 451          type: RECT;
 452          mouse_events: 0;
 453          scale: 1;
 454          description{
 455             state: "default" 0.0;
 456             visible: 0;
 457             min: COLORSELECTOR_BUTTON_RIGHT_PADDING 0;
 458             fixed: 1 0;
 459             rel1.relative: 1.0 0.0;
 460             align: 1.0 0.5;
 461          }
 462       }
 463       part{
 464          name: "elm.l_button";
 465          type: SWALLOW;
 466          mouse_events: 1;
 467          scale: 1;
 468          description{
 469             state: "default" 0.0;
 470             min: COLORSELECTOR_BUTTON_WIDTH COLORSELECTOR_BUTTON_HEIGHT;
 471             fixed: 1 1;
 472             rel1 {relative: 1.0 1.0; to_x: "l_button_padding_rect"; to_y: "button_top_padding";}
 473             rel2 {relative: 1.0 1.0; to_x: "l_button_padding_rect"; to_y: "button_top_padding";}
 474             align: 0.0 0.0;
 475          }
 476       }
 477       part{
 478          name: "elm.r_button";
 479          type: SWALLOW;
 480          mouse_events: 1;
 481          scale: 1;
 482          description{
 483             state: "default" 0.0;
 484             min: COLORSELECTOR_BUTTON_WIDTH COLORSELECTOR_BUTTON_HEIGHT;
 485             fixed: 1 1;
 486             rel1 {relative: 0.0 1.0; to_x: "r_button_padding_rect"; to_y: "button_top_padding";}
 487             rel2 {relative: 0.0 1.0; to_x: "r_button_padding_rect"; to_y: "button_top_padding";}
 488             align: 1.0 0.0;
 489          }
 490       }
 491    }
 492 }
 493
 494 group{
 495    name: "elm/colorselector/image/colorbar_0/default";
 496    images{
 497       image: "01_color_picker_color.png" COMP;
 498    }
 499    parts{
 500       part{
 501          name: "bg";
 502          type: RECT;
 503          mouse_events: 1;
 504          scale: 1;
 505          description{
 506             state: "default" 0.0;
 507             visible: 1;
 508             rel1 {relative: 0.0 0.0; offset: 0 0;}
 509             rel2 {relative: 1.0 1.0; offset: 0 0;}
 510             color: 0 0 0 0;
 511          }
 512       }
 513       part{
 514          name: "colorbar_0_image";
 515          type: IMAGE;
 516          mouse_events: 1;
 517          description{
 518             state: "default" 0.0;
 519             visible: 1;
 520             rel1 {relative: 0.0 0.0; offset: 0 0; to: "bg"; }
 521             rel2 {relative: 1.0 1.0; offset: -1 -1; to: "bg"; }
 522             image.normal:  "01_color_picker_color.png";
 523          }
 524       }
 525    }
 526 }
 527
 528 group{
 529    name: "elm/colorselector/image/colorbar_1/default";
 530    images{
 531       image: "01_color_picker_opacity.png" COMP;
 532    }
 533    parts{
 534       part{
 535          name: "bg";
 536          type: RECT;
 537          scale: 1;
 538          mouse_events: 1;
 539          description{
 540             state: "default" 0.0;
 541             visible: 1;
 542             rel1 {relative: 0.0 0.0; offset: 0 0;}
 543             rel2 {relative: 1.0 1.0; offset: 0 0;}
 544             color: 0 0 0 0;
 545          }
 546       }
 547       part{
 548          name: "colorbar_1_image";
 549          type: IMAGE;
 550          mouse_events: 1;
 551          description{
 552             state: "default" 0.0;
 553             visible: 1;
 554             rel1 {relative: 0.0 0.0; offset: 0 0; to: "bg"; }
 555             rel2 {relative: 1.0 1.0; offset: -1 -1; to: "bg"; }
 556             image.normal:  "01_color_picker_opacity.png";
 557          }
 558       }
 559    }
 560 }
 561
 562 group{
 563    name: "elm/colorselector/image/colorbar_2/default";
 564    images{
 565       image: "01_color_picker_brightness.png" COMP;
 566    }
 567    parts{
 568       part{
 569          name: "bg";
 570          type: RECT;
 571          mouse_events: 1;
 572          scale: 1;
 573          description{
 574             state: "default" 0.0;
 575             visible: 1;
 576             rel1 {relative: 0.0 0.0; offset: 0 0;}
 577             rel2 {relative: 1.0 1.0; offset: 0 0;}
 578             color: 0 0 0 0;
 579          }
 580       }
 581       part{
 582          name: "colorbar_2_image";
 583          type: IMAGE;
 584          mouse_events: 1;
 585          description{
 586             state: "default" 0.0;
 587             visible: 1;
 588             rel1 {relative: 0.0 0.0; offset: 0 0; to: "bg"; }
 589             rel2 {relative: 1.0 1.0; offset: -1 -1; to: "bg"; }
 590             image.normal:  "01_color_picker_brightness.png";
 591          }
 592       }
 593    }
 594 }
 595
 596 group{
 597    name: "elm/colorselector/arrow/default";
 598    images{
 599       image:"00_color_picker_focus.png" COMP;
 600    }
 601    parts{
 602       part{
 603          name: arrow_image;
 604          scale: 1;
 605          type: IMAGE;
 606          mouse_events: 1;
 607          description{
 608             state: "default" 0.0;
 609             image.normal: "00_color_picker_focus.png";
 610          }
 611       }
 612    }
 613 }
 614
 615 group {
 616    name: "elm/colorselector/item/default";
 617    images {
 618       image: "00_color_picker_palette_bg.png" COMP;
 619       image: "00_color_picker_palette_focus.png" COMP;
 620    }
 621    parts {
 622       part {
 623          name: "color_bg";
 624          mouse_events:1;
 625          scale: 1;
 626          description {
 627             state: "default" 0.0;
 628             min: COLORSELECTOR_PALETTE_COLORBG_MIN_WIDTH_INC COLORSELECTOR_PALETTE_COLORBG_MIN_HEIGHT_INC;
 629             image.normal: "00_color_picker_palette_bg.png";
 630             image.border: COLORSELECTOR_PALETTE_BORDER_INC;
 631             image.border_scale: 1;
 632          }
 633       }
 634       part { name: "color_obj";
 635          type: SWALLOW;
 636          mouse_events: 1;
 637          scale: 1;
 638          description { state: "default" 0.0;
 639             rel1.to: "color_bg";
 640             rel2.to: "color_bg";
 641          }
 642       }
 643       part {
 644          name: "focus_image";
 645          mouse_events:1;
 646          scale: 1;
 647          description {
 648             state: "default" 0.0;
 649             visible: 0;
 650             min: COLORSELECTOR_PALETTE_COLORBG_FOCUS_MIN_WIDTH_INC COLORSELECTOR_PALETTE_COLORBG_FOCUS_MIN_HEIGHT_INC;
 651             image.normal: "00_color_picker_palette_focus.png";
 652             image.border: COLORSELECTOR_PALETTE_BORDER_INC;
 653             image.border_scale: 1;
 654             rel1.to: "color_bg";
 655             rel2.to: "color_bg";
 656          }
 657          description {
 658             state: "focused" 0.0;
 659             inherit: "default" 0.0;
 660             visible: 1;
 661          }
 662       }
 663    }
 664    programs {
 665       program { name: "item_focus";
 666          source: "elm";
 667          signal: "elm,state,selected";
 668          action: STATE_SET "focused" 0.0;
 669          target: "focus_image";
 670       }
 671       program { name: "item_unfocus";
 672          source: "elm";
 673          signal: "elm,state,unselected";
 674          action: STATE_SET "default" 0.0;
 675          target: "focus_image";
 676       }
 677    }
 678 }
 679
 680 group {
 681    name: "elm/colorselector/item/color/default";
 682    images {
 683       image: "00_color_picker_palette.png" COMP;
 684    }
 685    parts {
 686       part {
 687          name: "color_rect";
 688          type: IMAGE;
 689          mouse_events: 1;
 690          scale: 1;
 691          description{
 692             state: "default" 0.0;
 693             image.normal: "00_color_picker_palette.png";
 694             image.border: COLORSELECTOR_PALETTE_BORDER_INC;
 695             image.border_scale: 1;
 696          }
 697       }
 698    }
 699 }
 700