themes/groups/colorselector.edc

   1 /*
   2  *  nbeat-theme
   3  *
   4  * Copyright (c) 2000 - 2011 Samsung Electronics Co., Ltd. All rights reserved.
   5  *
   6  * Contact: Seokjae Jeong <seok.j.jeong@samsung.com>, Myoungwoon Roy Kim <Myoungwoon.kim@samsung.com>, Jeonghyun Yun <jh0506.yun@samsung.com>, Jaehwan Kim <jae.hwan.kim@samsung.com>, Chuneon Park <chuneon.park@samsung.com>, Juyung Seo <juyung.seo@samsung.com>, Woohyun Jung <wh0705.jung@samsung.com>, Myungjae Lee <mjae.lee@samsung.com>, Hyoyoung Chang <hyoyoung.chang@samsung.com>, IlKook Yun <ilkook.yun@samsung.com>, CinWoo Kim <cinoo.kim@samsung.com> JiYeon Park <jy0703.park@samsung.com>
   7  *
   8  * This library is free software; you can redistribute it and/or modify it under
   9  * the terms of the GNU Lesser General Public License as published by the
  10  * Free Software Foundation; either version 2.1 of the License, or (at your option)
  11  * any later version.
  12  *
  13  * This library is distributed in the hope that it will be useful, but WITHOUT ANY
  14  * WARRANTY; without even the implied warranty of MERCHANTABILITY or
  15  * FITNESS FOR A PARTICULAR PURPOSE. See the GNU Lesser General Public
  16  * License for more details.
  17  *
  18  * You should have received a copy of the GNU Lesser General Public License
  19  * along with this library; if not, write to the Free Software Foundation, Inc., 51
  20  * Franklin Street, Fifth Floor, Boston, MA 02110-1301 USA
  21  *
  22  */
  23    group{
  24       name: "elm/colorselector/bg/default";
  25       parts{
  26          part{
  27             name: "bg_rect";
  28             type: RECT;
  29             mouse_events: 1;
  30             scale: 1;
  31             description{
  32                state: "default" 0.0;
  33                min: COLORSELECTOR_MIN_W_INC COLORSELECTOR_MIN_H_INC;
  34                color: 0 0 0 0;
  35             }
  36          }
  37          part{
  38             name: "colorbar_0_bg";
  39             type: RECT;
  40             mouse_events: 1;
  41             description{
  42                state: "default" 0.0;
  43                rel1.to: "elm.colorbar_0";
  44                rel2.to: "elm.colorbar_0";
  45                color: COLORSELECTOR_BAR_COLOR_INC;
  46             }
  47          }
  48          part{
  49             name: "colorbar_1_bg";
  50             type: RECT;
  51             mouse_events: 1;
  52             description{
  53                state: "default" 0.0;
  54                rel1.to: "elm.colorbar_1";
  55                rel2.to: "elm.colorbar_1";
  56                color: COLORSELECTOR_BAR_COLOR_INC;
  57             }
  58          }
  59          part{
  60             name: "colorbar_2_bg";
  61             type: RECT;
  62             mouse_events: 1;
  63             description{
  64                state: "default" 0.0;
  65                rel1.to: "elm.colorbar_2";
  66                rel2.to: "elm.colorbar_2";
  67                color: COLORSELECTOR_BAR_COLOR_INC;
  68             }
  69          }
  70          part{ name: "top_padding";
  71             type: RECT;
  72             scale: 1;
  73             ignore_flags: ON_HOLD;
  74             description {
  75                state: "default" 0.0;
  76                visible: 0;
  77                min: 1 1;
  78                fixed: 1 1;
  79                rel1.relative: 0.5 0.0;
  80                rel1.to: "bg_rect";
  81                rel2.to: "bg_rect";
  82                rel2.relative: 0.5 0.0;
  83                align: 0.5 0.0;
  84             }
  85          }
  86          part{
  87             name: "elm.colorbar_0";
  88             type: SWALLOW;
  89             mouse_events: 1;
  90             scale: 1;
  91             description{
  92                state: "default" 0.0;
  93                min:1 COLORSELECTOR_COLORBAR_HEIGHT;
  94                fixed:0 1;
  95                rel1.relative: 0.0 1.0;
  96                rel1.to_y: "top_padding";
  97                rel2.to_y: "top_padding";
  98                align: 0.5 0.0;
  99             }
 100          }
 101          part{
 102             name: "bottom_padding";
 103             type: RECT;
 104             scale: 1;
 105             ignore_flags: ON_HOLD;
 106             description {
 107                state: "default" 0.0;
 108                visible: 1;
 109                min: 1 1;
 110                fixed: 1 1;
 111                color: COLORSELECTOR_PADDING_COLOR_INC;
 112                rel1.relative: 0.5 1.0;
 113                rel2.relative: 0.5 1.0;
 114                rel1.to: "elm.colorbar_0";
 115                rel2.to: "elm.colorbar_0";
 116                align: 0.5 0.0;
 117             }
 118          }
 119          part{
 120             name: "elm.colorbar_1";
 121             type: SWALLOW;
 122             mouse_events: 1;
 123             scale: 1;
 124             description{
 125                state: "default" 0.0;
 126                min:1 COLORSELECTOR_COLORBAR_HEIGHT;
 127                fixed:0 1;
 128                rel1.relative: 0.0 1.0;
 129                rel1.relative: 0.0 1.0;
 130                rel1.to_y: "bottom_padding";
 131                rel2.to_y: "bottom_padding";
 132                align: 0.5 0.0;
 133             }
 134          }
 135          part {
 136             name: "bottom_padding1";
 137             type: RECT;
 138             scale: 1;
 139             ignore_flags: ON_HOLD;
 140             description {
 141                state: "default" 0.0;
 142                visible: 1;
 143                min: 1 1;
 144                fixed: 1 1;
 145                color: COLORSELECTOR_PADDING_COLOR_INC;
 146                rel1.relative: 0.5 1.0;
 147                rel2.relative: 0.5 1.0;
 148                rel1.to: "elm.colorbar_1";
 149                rel2.to: "elm.colorbar_1";
 150                align: 0.5 0.0;
 151             }
 152          }
 153          part{
 154             name: "elm.colorbar_2";
 155             type: SWALLOW;
 156             mouse_events: 1;
 157             scale: 1;
 158             description{
 159                state: "default" 0.0;
 160                min:1 COLORSELECTOR_COLORBAR_HEIGHT;
 161                fixed:0 1;
 162                rel1.relative: 0.0 1.0;
 163                rel1.relative: 0.0 1.0;
 164                rel1.to_y: "bottom_padding1";
 165                rel2.to_y: "bottom_padding1";
 166                align: 0.5 0.0;
 167             }
 168          }
 169          part {
 170             name: "bottom_padding2";
 171             type: RECT;
 172             scale: 1;
 173             ignore_flags: ON_HOLD;
 174             description {
 175                state: "default" 0.0;
 176                visible: 1;
 177                min: 1 1;
 178                fixed: 1 1;
 179                color: COLORSELECTOR_PADDING_COLOR_INC;
 180                rel1.relative: 0.5 1.0;
 181                rel2.relative: 0.5 1.0;
 182                rel1.to_y: "elm.colorbar_2";
 183                rel2.to_y: "bg_rect";
 184                align: 0.5 0.0;
 185             }
 186          }
 187       }
 188    }
 189
 190    group{
 191       name: "elm/colorselector/base/default";
 192       parts{
 193          part{
 194             name: "bg_rect";
 195             type: RECT;
 196             scale: 1;
 197             mouse_events: 1;
 198             description{
 199                state: "default" 0.0;
 200                color: 0 0 0 0;
 201             }
 202          }
 203
 204          part{
 205             name: "bar_bg_padding_rect_l";
 206             type: RECT;
 207             scale: 1;
 208             description{
 209                state: "default" 0.0;
 210                visible: 0;
 211                min: COLORSELECTOR_COLORBAR_LEFT_PADDING 0;
 212                fixed: 1 0;
 213                rel1.relative: 0.0 0.5;
 214                rel2.relative: 0.0 0.5;
 215                align: 0.0 0.5;
 216             }
 217          }
 218          part{
 219             name: "bar_bg_padding_rect_r";
 220             type: RECT;
 221             scale: 1;
 222             description{
 223                state: "default" 0.0;
 224                visible: 0;
 225                min: COLORSELECTOR_COLORBAR_RIGHT_PADDING 0;
 226                fixed: 1 0;
 227                rel1.relative: 1.0 0.5;
 228                rel2.relative: 1.0 0.5;
 229                align: 1.0 0.5;
 230             }
 231          }
 232          part {
 233             name: "button_top_padding";
 234             type: RECT;
 235             scale: 1;
 236             ignore_flags: ON_HOLD;
 237             description {
 238                state: "default" 0.0;
 239                visible: 0;
 240                min: 0 COLORSELECTOR_BUTTON_TOP_PADDING;
 241                fixed: 1 1;
 242                rel1.relative: 0.0 0.0;
 243                rel2.relative: 1.0 0.0;
 244                align: 0.5 0;
 245             }
 246          }
 247          part{
 248             name: "elm.bar_bg";
 249             type: SWALLOW;
 250             mouse_events: 1;
 251             description{
 252                state: "default" 0.0;
 253                rel1 {relative: 1.0 (16/70); to_x: "bar_bg_padding_rect_l";}
 254                rel2 {relative: 0.0 (54/70); to_x: "bar_bg_padding_rect_r";}
 255             }
 256          }
 257          part{
 258             name: "elm.bar";
 259             type: SWALLOW;
 260             mouse_events: 1;
 261             description{
 262                state: "default" 0.0;
 263                rel1.to: "elm.bar_bg";
 264                rel2.to: "elm.bar_bg";
 265             }
 266          }
 267          part{
 268             name: "arrow_bg_padding_rect_l";
 269             type: RECT;
 270             scale: 1;
 271             description{
 272                state: "default" 0.0;
 273                visible: 0;
 274                min: COLORSELECTOR_ARROW_BG_LEFT_PADDING 0;
 275                fixed: 1 0;
 276                rel2.relative: 0.0 1.0;
 277                align: 0.0 0.5;
 278             }
 279          }
 280          part{
 281             name: "arrow_bg_padding_rect_r";
 282             type: RECT;
 283             scale: 1;
 284             description{
 285                state: "default" 0.0;
 286                visible: 0;
 287                min: COLORSELECTOR_ARROW_BG_RIGHT_PADDING 0;
 288                fixed: 1 0;
 289                rel1.relative: 1.0 0.0;
 290                align: 1.0 0.5;
 291             }
 292          }
 293          part{
 294             name: "elm.arrow_bg";
 295             type: SWALLOW;
 296             mouse_events: 1;
 297             description{
 298                state: "default" 0.0;
 299                rel1 {relative: 1.0 (10/70); to_x: "arrow_bg_padding_rect_l";}
 300                rel2 {relative: 0.0 (60/70); to_x: "arrow_bg_padding_rect_r";}
 301             }
 302          }
 303          part{
 304             name: "elm.arrow";
 305             type: SWALLOW;
 306             mouse_events: 1;
 307             scale: 1;
 308             description{
 309                state: "default" 0.0;
 310                min: COLORSELECTOR_ARROW_MIN_WIDTH COLORSELECTOR_ARROW_MIN_HEIGHT;
 311                fixed: 1 1;
 312                align: 0 0;
 313                visible: 0;
 314                rel1 {relative: 0.0 0.0; to_y: "elm.arrow_bg";}
 315                rel2 {relative: 0.0 1.0; to_y: "elm.arrow_bg";}
 316             }
 317             dragable{
 318                confine: "elm.arrow_bg";
 319                x: 1 1 0;
 320                y: 0 0 0;
 321             }
 322          }
 323          part{
 324             name: "elm.arrow_icon";
 325             type: SWALLOW;
 326             mouse_events: 1;
 327             scale: 1;
 328             description{
 329                state: "default" 0.0;
 330                fixed: 1 1;
 331                align: 0.5 0;
 332                rel1 {to: "elm.arrow";}
 333                rel2 {to: "elm.arrow";}
 334             }
 335          }
 336          part{
 337             name: "event";
 338             type: RECT;
 339             mouse_events: 1;
 340             scale: 1;
 341             description{
 342                state: "default" 0.0;
 343                rel1 {to_x: "elm.arrow_icon";}
 344                rel2 {to_x: "elm.arrow_icon"; to_y: "elm.arrow_bg";}
 345                color: 0 0 0 0;
 346             }
 347        dragable{
 348                events: "elm.arrow";
 349             }
 350          }
 351          part{
 352             name: "l_button_padding_rect";
 353             type: RECT;
 354             mouse_events: 0;
 355             scale: 1;
 356             description{
 357                state: "default" 0.0;
 358                visible: 0;
 359                min: COLORSELECTOR_BUTTON_LEFT_PADDING 0;
 360                fixed: 1 0;
 361                rel2.relative: 0.0 1.0;
 362                align: 0.0 0.5;
 363             }
 364          }
 365          part{
 366             name: "r_button_padding_rect";
 367             type: RECT;
 368             mouse_events: 0;
 369             scale: 1;
 370             description{
 371                state: "default" 0.0;
 372                visible: 0;
 373                min: COLORSELECTOR_BUTTON_RIGHT_PADDING 0;
 374                fixed: 1 0;
 375                rel1.relative: 1.0 0.0;
 376                align: 1.0 0.5;
 377             }
 378          }
 379          part{
 380             name: "elm.l_button";
 381             type: SWALLOW;
 382             mouse_events: 1;
 383             scale: 1;
 384             description{
 385                state: "default" 0.0;
 386                min: COLORSELECTOR_BUTTON_WIDTH COLORSELECTOR_BUTTON_HEIGHT;
 387                fixed: 1 1;
 388                rel1 {relative: 1.0 1.0; to_x: "l_button_padding_rect"; to_y: "button_top_padding";}
 389                rel2 {relative: 1.0 1.0; to_x: "l_button_padding_rect"; to_y: "button_top_padding";}
 390                align: 0.0 0.0;
 391             }
 392          }
 393          part{
 394             name: "elm.r_button";
 395             type: SWALLOW;
 396             mouse_events: 1;
 397             scale: 1;
 398             description{
 399                state: "default" 0.0;
 400                min: COLORSELECTOR_BUTTON_WIDTH COLORSELECTOR_BUTTON_HEIGHT;
 401                fixed: 1 1;
 402                rel1 {relative: 0.0 1.0; to_x: "r_button_padding_rect"; to_y: "button_top_padding";}
 403                rel2 {relative: 0.0 1.0; to_x: "r_button_padding_rect"; to_y: "button_top_padding";}
 404                align: 1.0 0.0;
 405             }
 406          }
 407       }
 408    }
 409
 410    group{
 411       name: "elm/colorselector/image/colorbar_0";
 412       images{
 413          image: "01_color_picker_color.png" COMP;
 414       }
 415       parts{
 416          part{
 417             name: "bg";
 418             type: RECT;
 419             mouse_events: 1;
 420             scale: 1;
 421             description{
 422                state: "default" 0.0;
 423                visible: 1;
 424                rel1 {relative: 0.0 0.0; offset: 0 0;}
 425                rel2 {relative: 1.0 1.0; offset: 0 0;}
 426                color: 0 0 0 0;
 427             }
 428          }
 429          part{
 430             name: "colorbar_0_image";
 431             type: IMAGE;
 432             mouse_events: 1;
 433             description{
 434                state: "default" 0.0;
 435                visible: 1;
 436                rel1 {relative: 0.0 0.0; offset: 0 0; to: "bg"; }
 437                rel2 {relative: 1.0 1.0; offset: -1 -1; to: "bg"; }
 438                image.normal:  "01_color_picker_color.png";
 439             }
 440          }
 441       }
 442    }
 443
 444    group{
 445       name: "elm/colorselector/image/colorbar_1";
 446       images{
 447          image: "01_color_picker_opacity.png" COMP;
 448       }
 449       parts{
 450          part{
 451             name: "bg";
 452             type: RECT;
 453             scale: 1;
 454             mouse_events: 1;
 455             description{
 456                state: "default" 0.0;
 457                visible: 1;
 458                rel1 {relative: 0.0 0.0; offset: 0 0;}
 459                rel2 {relative: 1.0 1.0; offset: 0 0;}
 460                color: 0 0 0 0;
 461             }
 462          }
 463          part{
 464             name: "colorbar_1_image";
 465             type: IMAGE;
 466             mouse_events: 1;
 467             description{
 468                state: "default" 0.0;
 469                visible: 1;
 470                rel1 {relative: 0.0 0.0; offset: 0 0; to: "bg"; }
 471                rel2 {relative: 1.0 1.0; offset: -1 -1; to: "bg"; }
 472                image.normal:  "01_color_picker_opacity.png";
 473             }
 474          }
 475       }
 476    }
 477    group{
 478       name: "elm/colorselector/image/colorbar_2";
 479       images{
 480          image: "01_color_picker_brightness.png" COMP;
 481       }
 482       parts{
 483          part{
 484             name: "bg";
 485             type: RECT;
 486             mouse_events: 1;
 487             scale: 1;
 488             description{
 489                state: "default" 0.0;
 490                visible: 1;
 491                rel1 {relative: 0.0 0.0; offset: 0 0;}
 492                rel2 {relative: 1.0 1.0; offset: 0 0;}
 493                color: 0 0 0 0;
 494             }
 495          }
 496          part{
 497             name: "colorbar_2_image";
 498             type: IMAGE;
 499             mouse_events: 1;
 500             description{
 501                state: "default" 0.0;
 502                visible: 1;
 503                rel1 {relative: 0.0 0.0; offset: 0 0; to: "bg"; }
 504                rel2 {relative: 1.0 1.0; offset: -1 -1; to: "bg"; }
 505                image.normal:  "01_color_picker_brightness.png";
 506             }
 507          }
 508       }
 509    }
 510
 511    group{
 512       name: "elm/colorselector/image/updown";
 513       images{
 514          image:"00_color_picker_focus.png" COMP;
 515       }
 516       parts{
 517          part{
 518             name: arrow_image;
 519             scale: 1;
 520             type: IMAGE;
 521             mouse_events: 1;
 522             description{
 523                state: "default" 0.0;
 524                image.normal: "00_color_picker_focus.png";
 525             }
 526          }
 527       }
 528    }
 529
 530    group{
 531       name: "elm/colorselector/button/left";
 532       images {
 533          image: "00_color_picker_btn_left.png" COMP;
 534          image: "00_color_picker_btn_left_press.png" COMP;
 535       }
 536       parts{
 537          part{
 538             name: "button_image";
 539             mouse_events: 1;
 540             scale: 1;
 541             description {
 542                state: "default" 0.0;
 543                image.normal: "00_color_picker_btn_left.png";
 544                image.border: COLORSELECTOR_BUTTON_BORDER;
 545                image.border_scale: 1;
 546             }
 547             description {
 548                state: "pressed" 0.0;
 549                inherit: "default" 0.0;
 550                image.normal: "00_color_picker_btn_left_press.png";
 551             }
 552          }
 553       }
 554
 555       programs {
 556          program {
 557             name: "button_down";
 558             signal: "elm,state,left,button,down";
 559             source: "left_button";
 560             action: STATE_SET "pressed" 0.0;
 561             target: "button_image";
 562          }
 563          program {
 564             name: "button_up";
 565             signal: "elm,state,left,button,up";
 566             source: "left_button";
 567             action: STATE_SET "default" 0.0;
 568             target: "button_image";
 569          }
 570       }
 571    }
 572
 573    group {
 574       name: "elm/colorselector/button/right";
 575       images {
 576          image: "00_color_picker_btn_right.png" COMP;
 577          image: "00_color_picker_btn_right_press.png" COMP;
 578       }
 579       parts {
 580          part {
 581             name: "button_image";
 582             mouse_events: 1;
 583             scale: 1;
 584             description {
 585                state: "default" 0.0;
 586                image.normal: "00_color_picker_btn_right.png";
 587                image.border: COLORSELECTOR_BUTTON_BORDER;
 588                image.border_scale: 1;
 589             }
 590             description {
 591                state: "pressed" 0.0;
 592                inherit: "default" 0.0;
 593                image.normal: "00_color_picker_btn_right_press.png";
 594             }
 595          }
 596       }
 597       programs {
 598          program {
 599             name:   "button_down";
 600             signal: "elm,state,right,button,down";
 601             source: "right_button";
 602             action: STATE_SET "pressed" 0.0;
 603             target: "button_image";
 604          }
 605          program {
 606             name:   "button_up";
 607             signal: "elm,state,right,button,up";
 608             source: "right_button";
 609             action: STATE_SET "default" 0.0;
 610             target: "button_image";
 611          }
 612       }
 613    }
 614
 615