data/themes/widgets/colorselector.edc

   1 ////////////////////////////////////////////////////////////////////////////////
   2 // colorselector
   3 ////////////////////////////////////////////////////////////////////////////////
   4    group { name: "elm/colorselector/bg/default";
   5       parts {
   6          part { name: "elm.colorbar_0";
   7             type: SWALLOW;
   8             mouse_events: 1;
   9             description { state: "default" 0.0;
  10                min: 120 30;
  11                rel1.relative: 0.0 0.00653594771;
  12                rel2.relative: 1.0 0.254901961;
  13             }
  14          }
  15          part { name: "elm.colorbar_1";
  16             type: SWALLOW;
  17             mouse_events: 1;
  18             description { state: "default" 0.0;
  19                min: 120 30;
  20                rel1.relative: 0.0 0.254901961;
  21                rel2.relative: 1.0 0.503267974;
  22             }
  23          }
  24          part { name: "elm.colorbar_2";
  25             type: SWALLOW;
  26             mouse_events: 1;
  27             description { state: "default" 0.0;
  28                min: 120 30;
  29                rel1.relative: 0.0 0.503267974;
  30                rel2.relative: 1.0 0.751633987;
  31             }
  32          }
  33          part { name: "elm.colorbar_3";
  34             type: SWALLOW;
  35             mouse_events: 1;
  36             description { state: "default" 0.0;
  37                min: 120 30;
  38                rel1.relative: 0.0 0.751633987;
  39                rel2.relative: 1.0 1.0;
  40             }
  41          }
  42       }
  43    }
  44
  45    group { name: "elm/colorselector/base/default";
  46       parts {
  47          part { name: "elm.bar_bg";
  48             type: SWALLOW;
  49             mouse_events: 0;
  50             description { state: "default" 0.0;
  51                min: 60 22;
  52                rel1 {
  53                   relative: 0.0 0.8;
  54                   to_x: "elm.arrow_bg";
  55                   to_y: "elm.arrow_icon";
  56                   offset: 0 0;
  57                }
  58                rel2 {
  59                   relative: 1.0 0.83;
  60                   to_x: "elm.arrow_bg";
  61                   offset: 0 0;
  62                }
  63             }
  64          }
  65          part { name: "elm.bar";
  66             type: SWALLOW;
  67             mouse_events: 0;
  68             description { state: "default" 0.0;
  69                rel1.to: "elm.bar_bg";
  70                rel2.to: "elm.bar_bg";
  71             }
  72          }
  73          part { name: "elm.arrow_bg";
  74             type: SWALLOW;
  75             mouse_events: 1;
  76             description { state: "default" 0.0;
  77                rel1 {
  78                   relative: 1.0 0.17;
  79                   offset: 3 0;
  80                   to_x: "elm.l_button";
  81                }
  82                rel2 {
  83                   relative: 0.0 0.83;
  84                      offset: -4 0;
  85                   to_x: "elm.r_button";
  86                }
  87             }
  88          }
  89          part { name: "elm.arrow";
  90             type: RECT;
  91             mouse_events: 1;
  92             scale: 1;
  93             description { state: "default" 0.0;
  94                min: 1 1;
  95                fixed: 1 1;
  96                align: 0 0;
  97                rel1 {
  98                   to_x: "elm.arrow_bg";
  99                }
 100                rel2 {
 101                   relative: 0.0 0.17;
 102                   to_x: "elm.arrow_bg";
 103                }
 104                color: 0 0 0 0;
 105                visible: 0;
 106             }
 107             dragable {
 108                confine: "elm.arrow_bg";
 109                x: 1 1 0;
 110                y: 0 0 0;
 111             }
 112          }
 113          part { name: "elm.arrow_icon";
 114             type: SWALLOW;
 115             mouse_events: 0;
 116             description { state: "default" 0.0;
 117                min: 25 15;
 118                max: 25 15;
 119                fixed: 1 1;
 120                align: 0.5 0;
 121                rel1 {
 122                   to_x: "elm.arrow";
 123                }
 124                rel2 {
 125                   relative: 1.0 0.0;
 126                   offset: 0 10;
 127                   to_x: "elm.arrow";
 128                }
 129             }
 130          }
 131          part { name: "event";
 132             type: RECT;
 133             mouse_events: 1;
 134             description { state: "default" 0.0;
 135                rel1 {
 136                   to: "elm.arrow_icon";
 137                }
 138                rel2 {
 139                   to_x: "elm.arrow_icon";
 140                   to_y: "elm.arrow_bg";
 141                   offset: 0 0;
 142                }
 143                color: 0 0 0 0;
 144             }
 145             dragable {
 146                events: "elm.arrow";
 147             }
 148          }
 149          part { name: "elm.l_button";
 150             type: SWALLOW;
 151             mouse_events: 1;
 152             scale: 1;
 153             description { state: "default" 0.0;
 154                min: 24 24;
 155                fixed: 1 1;
 156                rel1 {
 157                   relative: 0.0 0.0;
 158                   to_y: "elm.bar_bg";
 159                }
 160                rel2 {
 161                   relative: 0.0 1.0;
 162                   to_y: "elm.bar_bg";
 163                }
 164                align: 0.0 0.5;
 165             }
 166          }
 167          part { name: "elm.r_button";
 168             type: SWALLOW;
 169             mouse_events: 1;
 170             scale: 1;
 171             description {
 172                state: "default" 0.0;
 173                min: 24 24;
 174                fixed: 1 1;
 175                rel1 {
 176                   relative: 1.0 0.0;
 177                   to_y: "elm.bar_bg";
 178                }
 179                rel2 {
 180                   relative: 1.0 1.0;
 181                   to_y: "elm.bar_bg";
 182                }
 183                align: 1.0 0.5;
 184             }
 185          }
 186       }
 187    }
 188
 189    group{ name: "elm/colorselector/image/colorbar_0";
 190       images {
 191          image: "color_picker_color.png" COMP;
 192       }
 193       parts {
 194          part { name: "colorbar_0_image";
 195             type: IMAGE;
 196             mouse_events: 1;
 197             description { state: "default" 0.0;
 198                rel2.offset: -1 -1;
 199                image.normal: "color_picker_color.png";
 200             }
 201          }
 202       }
 203    }
 204
 205    group { name: "elm/colorselector/image/colorbar_1";
 206       images {
 207          image: "color_picker_opacity.png" COMP;
 208       }
 209       parts {
 210          part { name: "colorbar_1_image";
 211             type: IMAGE;
 212             mouse_events: 1;
 213             description { state: "default" 0.0;
 214                rel2.offset: -1 -1;
 215                image.normal: "color_picker_opacity.png";
 216             }
 217          }
 218       }
 219    }
 220
 221    group { name: "elm/colorselector/image/colorbar_2";
 222       images {
 223          image: "color_picker_brightness.png" COMP;
 224       }
 225       parts {
 226          part { name: "colorbar_2_image";
 227             type: IMAGE;
 228             mouse_events: 1;
 229             description { state: "default" 0.0;
 230                rel2.offset: -1 -1;
 231                image.normal: "color_picker_brightness.png";
 232             }
 233          }
 234       }
 235    }
 236
 237    group { name: "elm/colorselector/image/colorbar_3";
 238       images {
 239          image: "color_picker_alpha.png" COMP;
 240       }
 241       parts {
 242          part { name: "colorbar_3_image";
 243             type: IMAGE;
 244             mouse_events: 1;
 245             description { state: "default" 0.0;
 246                rel2.offset: -1 -1;
 247                image.normal: "color_picker_alpha.png";
 248             }
 249          }
 250       }
 251    }
 252
 253    group { name: "elm/colorselector/bg_image/colorbar_3";
 254       images {
 255          image: "color_picker_alpha_bg.png" COMP;
 256       }
 257       parts {
 258          part { name: "colorbar_3_image";
 259             type: IMAGE;
 260             mouse_events: 1;
 261             description { state: "default" 0.0;
 262                rel2.offset: -1 -1;
 263                image.normal: "color_picker_alpha_bg.png";
 264             }
 265          }
 266       }
 267    }
 268
 269    group { name: "elm/colorselector/image/updown";
 270       images {
 271          image: "icon_arrow_down.png" COMP;
 272       }
 273       parts {
 274          part { name: "bg";
 275             type: RECT;
 276             mouse_events: 1;
 277             description { state: "default" 0.0;
 278                color: 0 0 0 0;
 279             }
 280          }
 281          part { name: "arrow_image";
 282             type: IMAGE;
 283             mouse_events: 1;
 284             description { state: "default" 0.0;
 285                image.normal: "icon_arrow_down.png";
 286             }
 287          }
 288       }
 289    }
 290
 291    group { name: "elm/colorselector/button/left";
 292       images {
 293          image: "bt_base1.png" COMP;
 294          image: "bt_shine.png" COMP;
 295          image: "sp_bt_l.png" COMP;
 296       }
 297       parts {
 298          part { name: "button_image";
 299             mouse_events: 1;
 300             description { state: "default" 0.0;
 301                image.normal: "bt_base1.png";
 302                image.border: 6 6 6 6;
 303                image.middle: SOLID;
 304             }
 305
 306             description { state: "clicked" 0.0;
 307                inherit: "default" 0.0;
 308                image.normal: "bt_shine.png";
 309                image.border: 6 6 6 6;
 310                image.middle: SOLID;
 311             }
 312          }
 313          part { name: "btn_over";
 314             type: IMAGE;
 315             mouse_events: 0;
 316             description { state: "default" 0.0;
 317                rel1.to: "button_image";
 318                rel2 {
 319                   relative: 1.0 0.5;
 320                   to: "button_image";
 321                }
 322                image {
 323                   normal: "bt_hilight.png";
 324                   border: 7 7 7 0;
 325                }
 326             }
 327          }
 328          part { name: "btn_over2";
 329             type: IMAGE;
 330             mouse_events: 1;
 331             repeat_events: 1;
 332             ignore_flags: ON_HOLD;
 333             description { state: "default" 0.0;
 334                rel1.to: "button_image";
 335                rel2.to: "button_image";
 336                image {
 337                   normal: "bt_shine.png";
 338                   border: 7 7 7 7;
 339                }
 340             }
 341          }
 342          part { name: "focus_image";
 343             type: IMAGE;
 344             description { state: "default" 0.0;
 345                color: 255 255 255 0;
 346                rel1.to: "button_image";
 347                rel2.to: "button_image";
 348                image {
 349                   normal: "bt_glow.png";
 350                   border: 12 12 12 12;
 351                }
 352                fill.smooth: 0;
 353
 354             }
 355             description { state: "clicked" 0.0;
 356                inherit: "default" 0.0;
 357                visible: 1;
 358                color: 255 255 255 255;
 359             }
 360          }
 361          part { name: "left_arrow";
 362             mouse_events: 1;
 363             description { state: "default" 0.0;
 364                min: 16 16;
 365                max: 16 16;
 366                image.normal: "sp_bt_l.png";
 367             }
 368          }
 369       }
 370
 371       programs {
 372          program {
 373             name:   "button_down";
 374             signal: "elm,state,left,button,down";
 375             source: "left_button";
 376             action: STATE_SET "clicked" 0.0;
 377             target: "button_image";
 378             target: "focus_image";
 379          }
 380          program {
 381             name:   "button_up";
 382             signal: "elm,state,left,button,up";
 383             source: "left_button";
 384             action: STATE_SET "default" 0.0;
 385             target: "button_image";
 386             target: "focus_image";
 387          }
 388       }
 389    }
 390
 391    group { name: "elm/colorselector/button/right";
 392       images {
 393          image: "bt_base1.png" COMP;
 394          image: "bt_shine.png" COMP;
 395          image: "sp_bt_r.png" COMP;
 396       }
 397       parts {
 398          part { name: "button_image";
 399             mouse_events: 1;
 400             description { state: "default" 0.0;
 401                image.normal: "bt_base1.png";
 402                image.border: 6 6 6 6;
 403                image.middle: SOLID;
 404             }
 405
 406             description { state: "clicked" 0.0;
 407                inherit: "default" 0.0;
 408                image.normal: "bt_shine.png";
 409                image.border: 6 6 6 6;
 410                image.middle: SOLID;
 411             }
 412          }
 413          part { name: "btn_over";
 414             type: IMAGE;
 415             mouse_events: 0;
 416             description { state: "default" 0.0;
 417                rel1.to: "button_image";
 418                rel2 {
 419                   relative: 1.0 0.5;
 420                   to: "button_image";
 421                }
 422                image {
 423                   normal: "bt_hilight.png";
 424                   border: 7 7 7 0;
 425                }
 426             }
 427          }
 428          part { name: "btn_over2";
 429             type: IMAGE;
 430             mouse_events: 1;
 431             repeat_events: 1;
 432             ignore_flags: ON_HOLD;
 433             description { state: "default" 0.0;
 434                rel1.to: "button_image";
 435                rel2.to: "button_image";
 436                image {
 437                   normal: "bt_shine.png";
 438                   border: 7 7 7 7;
 439                }
 440             }
 441          }
 442          part { name: "focus_image";
 443             type: IMAGE;
 444             description { state: "default" 0.0;
 445                color: 255 255 255 0;
 446                rel1.to: "button_image";
 447                rel2.to: "button_image";
 448                image {
 449                   normal: "bt_glow.png";
 450                   border: 12 12 12 12;
 451                }
 452                fill.smooth: 0;
 453
 454             }
 455             description { state: "clicked" 0.0;
 456                inherit: "default" 0.0;
 457                visible: 1;
 458                color: 255 255 255 255;
 459             }
 460          }
 461          part { name: "right_arrow";
 462             mouse_events: 1;
 463             description { state: "default" 0.0;
 464                min: 16 16;
 465                max: 16 16;
 466                image.normal: "sp_bt_r.png";
 467             }
 468          }
 469       }
 470
 471       programs {
 472          program {
 473             name:   "button_down";
 474             signal: "elm,state,right,button,down";
 475             source: "right_button";
 476             action: STATE_SET "clicked" 0.0;
 477             target: "button_image";
 478             target: "focus_image";
 479          }
 480          program {
 481             name:   "button_up";
 482             signal: "elm,state,right,button,up";
 483             source: "right_button";
 484             action: STATE_SET "default" 0.0;
 485             target: "button_image";
 486             target: "focus_image";
 487          }
 488       }
 489    }