themes/widgets/multibuttonentry.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 ///////////////////////////////////////////////////////////////////////////////////////
  20    group {
  21       name: "elm/multibuttonentry/base/default";
  22       data.item: "closed_button_type" "label"; /* image, label, default : label */
  23       data.item: "closed_height" MULTIBUTTONENTRY_CLOSEDBUTTON_AREA_HEIGHT_INC;
  24
  25       parts {
  26          part {
  27             name: "elm.base";
  28             type: RECT;
  29             scale: 1;
  30             description {
  31                state: "default" 0.0;
  32                align: 0 0;
  33                color: 0 0 0 0;
  34             }
  35          }
  36          part {
  37             name: "top.left.pad";
  38             type: RECT;
  39             scale: 1;
  40             description {
  41                state: "default" 0.0;
  42                min : MULTIBUTTONENTRY_WIDTH_PAD_INC MULTIBUTTONENTRY_HEIGHT_PAD_INC;
  43                fixed: 1 1;
  44                rel1 { relative: 0.0 0.0;to:elm.base; }
  45                rel2 { relative: 0.0 0.0;to:elm.base; }
  46                align: 0 0;
  47                color: 0 0 0 0;
  48             }
  49          }
  50          part {
  51             name: "bottom.right.pad";
  52             type: RECT;
  53             scale: 1;
  54             description {
  55                state: "default" 0.0;
  56                min : MULTIBUTTONENTRY_WIDTH_PAD_INC MULTIBUTTONENTRY_HEIGHT_PAD_INC;
  57                fixed: 1 1;
  58                rel1 { relative: 1.0 1.0;to:elm.base; }
  59                rel2 { relative: 1.0 1.0;to:elm.base; }
  60                align: 1 1;
  61                color: 0 0 0 0;
  62             }
  63          }
  64          part {
  65             name: "box.swallow";
  66             type: SWALLOW;
  67             description {
  68                state: "default" 0.0;
  69                rel1 { relative: 1.0 1.0; to: "top.left.pad"; }
  70                rel2 { relative: 0.0 0.0; to: "bottom.right.pad"; }
  71                align: 0.0 0.0;
  72             }
  73          }
  74       }
  75    }
  76
  77 ///////////////////////////////////////////////////////////////////////////////////////
  78    group {
  79       name: "elm/multibuttonentry/guidetext/default";
  80       parts {
  81          part {
  82             name: "elm.text.bg";
  83             type: RECT;
  84             mouse_events: 0;
  85             scale: 1;
  86             description {
  87                state: "default" 0.0;
  88                color: 0 0 0 0;
  89                visible: 0;
  90                rel1.to: "elm.text";
  91                rel2.to: "elm.text";
  92             }
  93          }
  94          part {
  95             name: "elm.text";
  96             type: TEXT;
  97             mouse_events: 0;
  98             scale: 1;
  99             description {
 100                state: "default" 0.0;
 101                color: MULTIBUTTONENTRY_GUIDETEXT_COLOR_INC;
 102                text {
 103                   font: "SLP:style=Roman";
 104                   size: MULTIBUTTONENTRY_GUIDETEXT_SIZE_INC;
 105                   min: 0 1;
 106                   align: 0.0 0.5;
 107                   text_class: "slp_roman";
 108                }
 109             }
 110          }
 111       }
 112    }
 113
 114 ///////////////////////////////////////////////////////////////////////////////////////
 115    group {
 116       name: "elm/multibuttonentry/btn/default";
 117       images {
 118          image: "00_contacts_button_bg.png" COMP;
 119          image: "00_contacts_button_bg_press.png" COMP;
 120       }
 121       data.item: "button_max_size" MULTIBUTTONENTRY_BUTTON_MAX_SIZE_INC;
 122       styles {
 123          style { name: "multibuttonentry_textblock_style";
 124                       base: "font=SLP:style=Medium align=0.5 font_size="MULTIBUTTONENTRY_BUTTON_TEXT_SIZE_INC" color="MULTIBUTTONENTRY_BUTTON_TEXT_COLOR_INC" text_class=slp_medium ellipsis=1.0";
 125                            tag: "br" "\n";
 126                       tag:  "ps" "ps";
 127                       tag:  "hilight" "+ font=SLP:style=Bold";
 128                            tag: "b" "+ font=SLP:style=Bold";
 129                            tag: "tab" "\t";
 130                    }
 131       }
 132       parts {
 133          part {
 134             name: "elm.base";
 135             type: RECT;
 136             mouse_events: 1;
 137             scale: 1;
 138             description {
 139                state: "default" 0.0;
 140                min: 56 MULTIBUTTONENTRY_BUTTON_BASE_SIZE_INC;
 141                max: 5000 MULTIBUTTONENTRY_BUTTON_BASE_SIZE_INC;
 142                fixed: 1 1;
 143                color: 0 0 0 0;
 144             }
 145          }
 146 //----------------------------------------------------padding
 147          part{
 148             name: "top.padding";
 149             type: RECT;
 150             scale: 1;
 151             description {
 152                state: "default" 0.0;
 153                min: 0 MULTIBUTTONENTRY_BUTTON_TOP_BUTTOM_PAD_INC;
 154                fixed: 1 1;
 155                rel1 { relative: 0.0 0.0;to:elm.base; }
 156                rel2 { relative: 1.0 0.0;to:elm.base; }
 157                color: 0 0 0 0;
 158                align: 0 0;
 159             }
 160          }
 161          part{
 162            name: "bottom.padding";
 163            type: RECT;
 164            scale: 1;
 165            description {
 166               state: "default" 0.0;
 167               min: 0 MULTIBUTTONENTRY_BUTTON_TOP_BUTTOM_PAD_INC;
 168               fixed: 1 1;
 169               rel1 { relative: 0.0 1.0;to:elm.base; }
 170               rel2 { relative: 1.0 1.0;to:elm.base; }
 171               color: 0 0 0 0;
 172               align: 0 1;
 173            }
 174          }
 175          part {
 176             name: "left.padding";
 177             type: RECT;
 178             scale: 1;
 179             description {
 180                state: "default" 0.0;
 181                min : 0 0;
 182                fixed: 0 0;
 183                rel1 { relative: 0.0 0.0; to: "elm.base"; }
 184                rel2 { relative: 0.0 1.0; to: "elm.base"; }
 185                color: 0 0 0 0;
 186                align: 0 0;
 187             }
 188          }
 189          part {
 190             name: "right.padding";
 191             type: RECT;
 192             scale: 1;
 193             description {
 194                state: "default" 0.0;
 195                min: MULTIBUTTONENTRY_BUTTON_RIGHT_PAD_INC 0;
 196                fixed: 0 0;
 197                rel1 { relative: 1.0 0.0; to: "elm.base"; }
 198                rel2 { relative: 1.0 1.0; to: "elm.base"; }
 199                color: 0 0 0 0;
 200                align: 1 1.0;
 201             }
 202          }
 203 //---------------------------------------------------- contents
 204          part {
 205             name: "elm.btn.bg";
 206             type: IMAGE;
 207             mouse_events: 1;
 208             scale: 1;
 209             description {
 210                state: "default" 0.0;
 211                min: 56 56;
 212                max: 500 56;
 213                fixed: 0 0;
 214                rel1 { relative: 1.0 1.0; to_x:"left.padding";to_y:"top.padding";}
 215                rel2 { relative: 0.0 0.0; to_x:"right.padding";to_y:"bottom.padding";}
 216                image {
 217                   normal:"00_contacts_button_bg.png";
 218                   border: MULTIBUTTONENTRY_BUTTON_NINEPATCH_INC;
 219                   border_scale: 1;
 220                }
 221             }
 222             description {
 223                state: "focused" 0.0;
 224                inherit: "default" 0.0;
 225                image {
 226                   normal:"00_contacts_button_bg_press.png";
 227                   border: MULTIBUTTONENTRY_BUTTON_NINEPATCH_INC;
 228                   border_scale: 1;
 229                }
 230             }
 231          }
 232          part {
 233             name: "elm.btn.text";
 234             type: TEXTBLOCK;
 235             mouse_events: 1;
 236             scale:1;
 237             description {
 238                state: "default" 0.0;
 239                min: 10 10;
 240                max: 280 50;
 241                fixed: 0 1;
 242                text {
 243                   text: "Auto Resized textblock";
 244                   style: "multibuttonentry_textblock_style";
 245                   min: 1 1;
 246                   align: 0.5 0.5;
 247                }
 248                rel1.to:"elm.btn.bg";
 249                rel2.to:"elm.btn.bg";
 250                rel1.offset: 10 10;
 251                rel2.offset: -11 -11;
 252
 253                //rel1 { relative: 1.0 1.0; to_x:"left.padding";to_y:"top.padding";}
 254                //rel2 { relative: 0.0 0.0; to_x:"right.padding";to_y:"bottom.padding";}
 255             }
 256          }
 257       }
 258
 259       programs {
 260          program {
 261             name: "clicked";
 262             signal: "mouse,clicked,1";
 263             source: "elm.btn.bg";
 264             action: SIGNAL_EMIT "clicked" "elm";
 265          }
 266          program {
 267             name: "default";
 268             signal: "default";
 269             action: STATE_SET "default" 0.0;
 270             target: "elm.btn.bg";
 271          }
 272          program {
 273             name: "focused";
 274             signal: "focused";
 275             action: STATE_SET "focused" 0.0;
 276             target: "elm.btn.bg";
 277          }
 278       }
 279    }
 280    group {
 281       name: "elm/label/base/extended/multibuttonentry_default";
 282
 283       styles {
 284          style {
 285             name: "textblock_style_multibuttonentry_default";
 286             base: "font=SLP:style=Roman font_size="MULTIBUTTONENTRY_LABEL_TEXT_SIZE_INC" color=#FFFFFF wrap=char text_class=slp_roman";
 287             tag:  "br" "\n";
 288             tag:  "ps" "ps";
 289             tag:  "hilight" "+ font=SLP:style=Bold";
 290             tag:  "b" "+ font=SLP:style=Bold";
 291             tag:  "tab" "\t";
 292          }
 293       }
 294
 295       parts {
 296          part {
 297             name: "label.swallow.background";
 298             type: SWALLOW;
 299             description {
 300                state: "default" 0.0;
 301                visible: 1;
 302                rel1 { relative: 0 0; to: "elm.text"; }
 303                rel2 { relative: 1 1; to: "elm.text"; }
 304             }
 305          }
 306          part {
 307             name: "elm.text";
 308             type: TEXTBLOCK;
 309             mouse_events: 0;
 310             scale: 1;
 311             description {
 312                state: "default" 0.0;
 313                text {
 314                   style: "textblock_style_multibuttonentry_default";
 315                   min: 1 1;
 316                }
 317             }
 318          }
 319       }
 320    }
 321
 322 ///////////////////////////////////////////////////////////////////////////////////////
 323    group {
 324       name: "elm/multibuttonentry/closedbutton/default";
 325       images {
 326          image: "00_mbe_btn_circle_bg_normal.png" COMP;
 327          image: "00_mbe_btn_circle_bg_press.png" COMP;
 328          image: "00_mbe_btn_expand_closed.png" COMP;
 329          image: "00_mbe_btn_expand_closed_press.png" COMP;
 330       }
 331       data.item: "closed_button_height" MULTIBUTTONENTRY_CLOSEDBUTTON_SIZE_INC;
 332       data.item: "closed_button_width" MULTIBUTTONENTRY_CLOSEDBUTTON_SIZE_INC;
 333
 334       parts {
 335          part {
 336             name: "closed_button_bg";
 337             scale: 1;
 338             mouse_events: 0;
 339             type: IMAGE;
 340             description {
 341                state: "default" 0.0;
 342                align: 0.5 0.5;
 343                min: MULTIBUTTONENTRY_CLOSEDBUTTON_SIZE_INC MULTIBUTTONENTRY_CLOSEDBUTTON_SIZE_INC;
 344                max: MULTIBUTTONENTRY_CLOSEDBUTTON_SIZE_INC MULTIBUTTONENTRY_CLOSEDBUTTON_SIZE_INC;
 345                visible: 1;
 346                image.normal: "00_mbe_btn_circle_bg_normal.png";
 347                rel1 { relative: 0.0 0.0; }
 348                rel2 { relative: 1.0 1.0; }
 349             }
 350             description {
 351                state: "clicked" 0.0;
 352                inherit: "default" 0.0;
 353                image.normal: "00_mbe_btn_circle_bg_press.png";
 354             }
 355          }
 356          part {
 357             name: "closed_button";
 358             scale: 1;
 359             mouse_events: 1;
 360             type: IMAGE;
 361             description {
 362                state: "default" 0.0;
 363                align: 0.5 0.5;
 364                min: MULTIBUTTONENTRY_CLOSEDBUTTON_SIZE_INC MULTIBUTTONENTRY_CLOSEDBUTTON_SIZE_INC;
 365                max: MULTIBUTTONENTRY_CLOSEDBUTTON_SIZE_INC MULTIBUTTONENTRY_CLOSEDBUTTON_SIZE_INC;
 366                visible: 1;
 367                image.normal: "00_mbe_btn_expand_closed.png";
 368                rel1 { relative: 0.0 0.0; }
 369                rel2 { relative: 1.0 1.0; }
 370             }
 371             description {
 372                state: "clicked" 0.0;
 373                inherit: "default" 0.0;
 374                image.normal: "00_mbe_btn_expand_closed_press.png";
 375             }
 376          }
 377       }
 378
 379       programs {
 380          program {
 381             name: "button_click";
 382             signal: "mouse,down,1";
 383             source: "closed_button";
 384             action: STATE_SET "clicked" 0.0;
 385             target: "closed_button_bg";
 386             target: "closed_button";
 387          }
 388          program {
 389             name: "button_unclick";
 390             signal: "mouse,up,1";
 391             source: "closed_button";
 392             action: STATE_SET "default" 0.0;
 393             target: "closed_button_bg";
 394             target: "closed_button";
 395          }
 396       }
 397    }
 398
 399    group {
 400       name: "elm/multibuttonentry/label/default";
 401
 402       styles {
 403          style {
 404             name: "multibuttonentry_label_style";
 405             base: "font=SLP:style=Roman font_size="MULTIBUTTONENTRY_LABEL_TEXT_SIZE_INC" color=#FFFFFF wrap=char text_class=slp_roman";
 406             tag:  "br" "\n";
 407             tag:  "ps" "ps";
 408             tag:  "hilight" "+ font=SLP:style=Bold";
 409             tag:  "b" "+ font=SLP:style=Bold";
 410             tag:  "tab" "\t";
 411          }
 412       }
 413
 414       parts {
 415          part {
 416             name: "mbe.label.bg";
 417             type: RECT;
 418             scale: 1;
 419             mouse_events: 0;
 420             description {
 421                state: "default" 0.0;
 422                color: 0 0 0 0;
 423                min: 0 0;
 424                fixed: 1 1;
 425             }
 426             description {
 427                state: "no_text" 0.0;
 428                inherit: "default" 0.0;
 429                visible: 0;
 430             }
 431          }
 432          part {
 433             name: "mbe.label.left.padding";
 434             type: RECT;
 435             mouse_events: 0;
 436             scale: 1;
 437             description {
 438                state: "default" 0.0;
 439                color: 0 0 0 0;
 440                min: 0 0;
 441                fixed: 1 1;
 442                rel1.to: "mbe.label.bg";
 443                rel2 {
 444                   to: "mbe.label.bg";
 445                   relative: 0.0 1.0;
 446                }
 447                align: 0 0.5;
 448             }
 449             description {
 450                state: "no_text" 0.0;
 451                inherit: "default" 0.0;
 452                visible: 0;
 453             }
 454          }
 455          part {
 456             name: "mbe.label.right.padding";
 457             type: RECT;
 458             mouse_events: 0;
 459             scale: 1;
 460             description {
 461                state: "default" 0.0;
 462                color: 0 0 0 0;
 463                min: MULTIBUTTONENTRY_LABEL_RIGHT_PAD_INC 0;
 464                fixed: 1 1;
 465                rel1 {
 466                   to: "mbe.label.bg";
 467                   relative: 1.0 0.0;
 468                }
 469                rel2.to: "mbe.label.bg";
 470                align: 1 1.0;
 471             }
 472             description {
 473                state: "no_text" 0.0;
 474                inherit: "default" 0.0;
 475                visible: 0;
 476             }
 477          }
 478          part {
 479             name: "mbe.label";
 480             type: TEXTBLOCK;
 481             mouse_events: 0;
 482             scale: 1;
 483             description {
 484                state: "default" 0.0;
 485                color: MULTIBUTTONENTRY_LABEL_TEXT_COLOR_INC;
 486                min: 0 MULTIBUTTONENTRY_LABEL_MIN_HEIGHT_INC;
 487                fixed: 1 1;
 488                text {
 489                   style: "multibuttonentry_label_style";
 490                   min: 1 1;
 491                   align: 0.0 0.428;
 492                }
 493                rel1 { relative: 1.0 1.0; to: "mbe.label.left.padding"; }
 494                rel2 { relative: 0.0 0.0; to: "mbe.label.right.padding"; }
 495             }
 496             description {
 497                state: "no_text" 0.0;
 498                inherit: "default" 0.0;
 499                min: 10 50;
 500             }
 501          }
 502       }
 503
 504       programs {
 505          program {
 506             name: "has_text";
 507             signal: "elm,mbe,set_text";
 508             source: "";
 509             action: STATE_SET "default" 0.0;
 510             target: "mbe.label.bg";
 511             target: "mbe.label.left.padding";
 512             target: "mbe.label.right.padding";
 513             target: "mbe.label";
 514          }
 515          program {
 516             name: "no_text";
 517             signal: "elm,mbe,clear_text";
 518             source: "";
 519             action: STATE_SET "no_text" 0.0;
 520             target: "mbe.label.bg";
 521             target: "mbe.label.left.padding";
 522             target: "mbe.label.right.padding";
 523             target: "mbe.label";
 524          }
 525       }
 526    }
 527