themes/widgets/gengrid.edc

   1 /*
   2  * efl-theme-tizen
   3  * Copyright (c) 2012-2013 Samsung Electronics Co., Ltd.
   4  *
   5  * Licensed under the Apache License, Version 2.0 (the License);
   6  * you may not use this file except in compliance with the License.
   7  * You may obtain a copy of the License at
   8  *
   9  *     http://www.apache.org/licenses/LICENSE-2.0
  10  *
  11  * Unless required by applicable law or agreed to in writing, software
  12  * distributed under the License is distributed on an AS IS BASIS,
  13  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
  14  * See the License for the specific language governing permissions and
  15  * limitations under the License.
  16  */
  17
  18 \r
  19 \r
  20    styles {\r
  21       style { name: "gengrid_textblock_style";\r
  22          base: "font=Tizen:style=Bold font_size="GENGRID_FONT_STYLE_18_INC" color="GENGRID_PART_TEXTBLOCK_STYLE_COLOR_INC" align=center wrap=mixed ellipsis=1.0 text_class=tizen";\r
  23          tag: "br" "\n";\r
  24          tag: "ps" "ps";\r
  25          tag: "tab" "\t";\r
  26          tag: "b" "+ font=Tizen:style=Bold";\r
  27       }\r
  28    }\r
  29 \r
  30    group { name: "elm/gengrid/item/default_grid/default";\r
  31       data.item: "contents" "elm.swallow.icon elm.swallow.end";\r
  32       images {\r
  33          image : "00_thumbs_line_bg.png" COMP;\r
  34          image : "00_thumbs_bg_focus.png" COMP;\r
  35          image : "00_thumbs_loading_bg.png" COMP;\r
  36       }\r
  37       parts {\r
  38          part { name: "bg";\r
  39             type: RECT;\r
  40             description { state: "default" 0.0;\r
  41                color: GENGRID_PART_BACKGROUND_COLOR_INC;\r
  42             }\r
  43          }\r
  44          part { name: "left_top_padding";\r
  45             type: RECT;\r
  46             scale : 1;\r
  47             description { state: "default" 0.0;\r
  48                min: GENGRID_DEFAULT_LEFT_TOP_PADDING_INC;\r
  49                align: 0.0 0.0;\r
  50                visible: 0;\r
  51                fixed: 1 1;\r
  52                rel1.to: "bg";\r
  53                rel2 {\r
  54                   relative: 0.0 0.0;\r
  55                   to: "bg";\r
  56                }\r
  57             }\r
  58          }\r
  59          part { name: "right_bottom_padding";\r
  60             type: RECT;\r
  61             scale: 1;\r
  62             description { state: "default" 0.0;\r
  63                min: GENGRID_DEFAULT_RIGHT_BOTTOM_PADDING_INC;\r
  64                align: 1.0 1.0;\r
  65                visible: 0;\r
  66                fixed: 1 1;\r
  67                rel1 {\r
  68                   relative: 1.0 1.0;\r
  69                   to: "bg";\r
  70                }\r
  71                rel2.to: "bg";\r
  72             }\r
  73          }\r
  74          part { name: "item_bg";\r
  75             type: IMAGE;\r
  76             description { state: "default" 0.0;\r
  77                rel1 {\r
  78                   relative: 1.0 1.0;\r
  79                   to: "left_top_padding";\r
  80                }\r
  81                rel2 {\r
  82                   relative: 0.0 0.0;\r
  83                   to: "right_bottom_padding";\r
  84                }\r
  85                image.normal: "00_thumbs_line_bg.png";\r
  86                image.border: 1 1 1 1;\r
  87             }\r
  88          }\r
  89          part { name: "item_bg_left_top_padding";\r
  90             type: RECT;\r
  91             scale : 1;\r
  92             description { state: "default" 0.0;\r
  93                min: GENGRID_DEFAULT_ITEM_BG_LEFT_TOP_PADDING_INC;\r
  94                align: 0.0 0.0;\r
  95                visible: 0;\r
  96                fixed: 1 1;\r
  97                rel1.to: "item_bg";\r
  98                rel2 {\r
  99                   relative: 0.0 0.0;\r
 100                   to: "item_bg";\r
 101                }\r
 102             }\r
 103          }\r
 104          part { name: "item_bg_right_bottom_padding";\r
 105             type: RECT;\r
 106             scale : 1;\r
 107             description { state: "default" 0.0;\r
 108                min: GENGRID_DEFAULT_ITEM_BG_RIGHT_BOTTOM_PADDING_INC;\r
 109                align: 1.0 1.0;\r
 110                visible: 0;\r
 111                fixed: 1 1;\r
 112                rel1 {\r
 113                   relative: 1.0 1.0;\r
 114                   to: "item_bg";\r
 115                }\r
 116                rel2.to: "item_bg";\r
 117             }\r
 118          }\r
 119          part { name: "item_real_bg";\r
 120             description { state: "default" 0.0;\r
 121                visible: 0;\r
 122                rel1 {\r
 123                   relative: 1.0 1.0;\r
 124                   to: "item_bg_left_top_padding";\r
 125                }\r
 126                rel2 {\r
 127                   relative: 0.0 0.0;\r
 128                   to: "item_bg_right_bottom_padding";\r
 129                }\r
 130                image.normal: "00_thumbs_loading_bg.png";\r
 131             }\r
 132          }\r
 133          part { name: "item_real_bg_left_top_padding";\r
 134             type: RECT;\r
 135             scale : 1;\r
 136             description { state: "default" 0.0;\r
 137                min: GENGRID_DEFAULT_ITEM_REAL_BG_RIGHT_PADDING_INC;\r
 138                align: 0.0 0.0;\r
 139                visible: 0;\r
 140                fixed: 1 1;\r
 141                rel1.to: "item_real_bg";\r
 142                rel2 {\r
 143                   relative: 0.0 0.0;\r
 144                   to: "item_real_bg";\r
 145                }\r
 146             }\r
 147          }\r
 148          part { name: "item_real_bg_right_bottom_padding";\r
 149             type: RECT;\r
 150             scale : 1;\r
 151             description { state: "default" 0.0;\r
 152                min: GENGRID_DEFAULT_ITEM_REAL_BG_RIGHT_PADDING_INC;\r
 153                align: 1.0 1.0;\r
 154                fixed: 1 1;\r
 155                visible: 0;\r
 156                rel1 {\r
 157                   relative: 1.0 1.0;\r
 158                   to: "item_real_bg";\r
 159                }\r
 160                rel2.to: "item_real_bg";\r
 161             }\r
 162          }\r
 163          part { name: "elm.swallow.icon";\r
 164             type: SWALLOW;\r
 165             description { state: "default" 0.0;\r
 166                rel1 {\r
 167                   relative: 1.0 1.0;\r
 168                   to: "item_real_bg_left_top_padding";\r
 169                }\r
 170                rel2 {\r
 171                   relative: 0.0 0.0;\r
 172                   to: "item_real_bg_right_bottom_padding";\r
 173                }\r
 174             }\r
 175          }\r
 176          part { name: "elm.swallow.end";\r
 177             type: SWALLOW;\r
 178             description { state: "default" 0.0;\r
 179                rel1.to: "elm.swallow.icon";\r
 180                rel2.to: "elm.swallow.icon";\r
 181             }\r
 182          }\r
 183          part { name: "reorder_bg";\r
 184             type: RECT;\r
 185             repeat_events: 1;\r
 186             description { state: "default" 0.0;\r
 187                color: GENGRID_PART_BG_COLOR_INC;\r
 188                rel1.to: "item_bg";\r
 189                rel2.to: "item_bg";\r
 190             }\r
 191             description { state: "enabled" 0.0;\r
 192                inherit: "default" 0.0;\r
 193                color: GENGRID_PART_REORDER_DEFAULT_BG_COLOR_INC;\r
 194             }\r
 195          }\r
 196          part { name: "focus_bg_left_top_padding";\r
 197             type: RECT;\r
 198             scale : 1;\r
 199             description { state: "default" 0.0;\r
 200                min: GENGRID_DEFAULT_LEFT_TOP_FOCUS_PADDING_INC;\r
 201                align: 0.0 0.0;\r
 202                visible: 0;\r
 203                fixed: 1 1;\r
 204                rel1.to: "bg";\r
 205                rel2 {\r
 206                   relative: 0.0 0.0;\r
 207                   to: "bg";\r
 208                }\r
 209             }\r
 210          }\r
 211          part { name: "focus_bg_right_bottom_padding";\r
 212             type: RECT;\r
 213             scale: 1;\r
 214             description { state: "default" 0.0;\r
 215                min: GENGRID_DEFAULT_RIGHT_BOTTOM_FOCUS_PADDING_INC;\r
 216                align: 1.0 1.0;\r
 217                visible: 0;\r
 218                fixed: 1 1;\r
 219                rel1 {\r
 220                   relative: 1.0 1.0;\r
 221                   to: "bg";\r
 222                }\r
 223                rel2.to: "bg";\r
 224             }\r
 225          }\r
 226          part { name: "focus_bg";\r
 227             type: IMAGE;\r
 228             description { state: "default" 0.0;\r
 229                visible: 0;\r
 230                rel1 {\r
 231                   relative: 1.0 1.0;\r
 232                   to: "focus_bg_left_top_padding";\r
 233                }\r
 234                rel2 {\r
 235                   relative: 0.0 0.0;\r
 236                   to: "focus_bg_right_bottom_padding";\r
 237                }\r
 238                image.normal: "00_thumbs_bg_focus.png";\r
 239                image.border: 6 6 6 6;\r
 240             }\r
 241             description { state: "enabled" 0.0;\r
 242                inherit: "default" 0.0;\r
 243                visible: 1;\r
 244             }\r
 245          }\r
 246       }\r
 247       programs {\r
 248          program { name: "go_mouse_down";\r
 249             signal: "mouse,down,1";\r
 250             source: "reorder_bg";\r
 251             action: STATE_SET "enabled" 0.0;\r
 252             target: "focus_bg";\r
 253             transition: ACCELERATE 0.2;\r
 254          }\r
 255          program { name: "go_mouse_up";\r
 256             signal: "mouse,up,1";\r
 257             source: "reorder_bg";\r
 258             action: STATE_SET "default" 0.0;\r
 259             target: "focus_bg";\r
 260             transition: DECELERATE 0.2;\r
 261          }\r
 262          program { name: "go_reorder_disabled";\r
 263             signal: "elm,state,reorder,disabled";\r
 264             source: "elm";\r
 265             action: STATE_SET "default" 0.0;\r
 266             target: "reorder_bg";\r
 267             target: "focus_bg";\r
 268             transition: ACCELERATE 0.3;\r
 269          }\r
 270          program { name: "go_reorder_enabled";\r
 271             signal: "elm,state,reorder,enabled";\r
 272             source: "elm";\r
 273             action: STATE_SET "enabled" 0.0;\r
 274             target: "reorder_bg";\r
 275             target: "focus_bg";\r
 276             transition: DECELERATE 0.3;\r
 277          }\r
 278       }\r
 279    }\r
 280 \r
 281    group { name: "elm/gengrid/item/landscape_grid/default";\r
 282       inherit: "elm/gengrid/item/default_grid/default";\r
 283       parts {\r
 284          part { name: "left_top_padding";\r
 285             description { state: "default" 0.0;\r
 286                min: GENGRID_LANDSCAPE_LEFT_TOP_PADDING_INC;\r
 287             }\r
 288          }\r
 289          part { name: "right_bottom_padding";\r
 290             description { state: "default" 0.0;\r
 291                min: GENGRID_LANDSCAPE_RIGHT_BOTTOM_PADDING_INC;\r
 292             }\r
 293          }\r
 294          part { name: "focus_bg_left_top_padding";\r
 295             description { state: "default" 0.0;\r
 296                min: GENGRID_LANDSCAPE_LEFT_TOP_FOCUS_PADDING_INC;\r
 297             }\r
 298          }\r
 299          part { name: "focus_bg_right_bottom_padding";\r
 300             description { state: "default" 0.0;\r
 301                min: GENGRID_LANDSCAPE_RIGHT_BOTTOM_FOCUS_PADDING_INC;\r
 302             }\r
 303          }\r
 304       }\r
 305    }\r
 306 \r
 307    group { name: "elm/gengrid/item/default_gridtext/default";\r
 308       inherit: "elm/gengrid/item/default_grid/default";\r
 309       data.item: "texts" "elm.text";\r
 310       data.item: "contents" "elm.swallow.icon elm.swallow.block elm.swallow.end";\r
 311       parts {\r
 312          part { name: "left_top_padding";\r
 313             description { state: "default" 0.0;\r
 314                min: GENGRID_GRID_TEXT_LEFT_TOP_PADDING_INC;\r
 315             }\r
 316          }\r
 317          part { name: "right_bottom_padding";\r
 318             description { state: "default" 0.0;\r
 319                min: GENGRID_GRID_TEXT_RIGHT_BOTTOM_PADDING_INC;\r
 320             }\r
 321          }\r
 322          part { name: "elm.text";\r
 323             type: TEXTBLOCK;\r
 324             mouse_events: 0;\r
 325             scale: 1;\r
 326             description { state: "default" 0.0;\r
 327                rel1 {\r
 328                   relative: 1.0 0.0;\r
 329                   to_x: "left_top_padding";\r
 330                   to_y: "right_bottom_padding";\r
 331                }\r
 332                rel2 {\r
 333                   relative: 0.0 1.0;\r
 334                   to: "right_bottom_padding";\r
 335                }\r
 336                text {\r
 337                   style: "gengrid_textblock_style";\r
 338                   min: 0 1;\r
 339                   align: 0.5 0.0;\r
 340                }\r
 341             }\r
 342          }\r
 343          part { name: "elm.swallow.block";\r
 344             type: SWALLOW;\r
 345             mouse_events: 0;\r
 346             description { state: "default" 0.0;\r
 347                rel1.to : "elm.text";\r
 348                rel2.to : "elm.text";\r
 349             }\r
 350          }\r
 351          part { name: "item_bg_left_top_padding";\r
 352             description { state: "default" 0.0;\r
 353                min: GENGRID_GRID_TEXT_ITEM_BG_LEFT_TOP_PADDING_INC;\r
 354             }\r
 355          }\r
 356          part { name: "item_bg_right_bottom_padding";\r
 357             description { state: "default" 0.0;\r
 358                min: GENGRID_GRID_TEXT_ITEM_BG_RIGHT_BOTTOM_PADDING_INC;\r
 359             }\r
 360          }\r
 361          part { name: "item_real_bg_left_top_padding";\r
 362             description { state: "default" 0.0;\r
 363                min: GENGRID_GRID_TEXT_ITEM_REAL_BG_RIGHT_PADDING_INC;\r
 364             }\r
 365          }\r
 366          part { name: "item_real_bg_right_bottom_padding";\r
 367             description { state: "default" 0.0;\r
 368                min: GENGRID_GRID_TEXT_ITEM_REAL_BG_RIGHT_PADDING_INC;\r
 369             }\r
 370          }\r
 371          part { name: "focus_bg_left_top_padding";\r
 372             description { state: "default" 0.0;\r
 373                min: GENGRID_GRID_TEXT_LEFT_TOP_FOCUS_PADDING_INC;\r
 374             }\r
 375          }\r
 376          part { name: "focus_bg_right_bottom_padding";\r
 377             description { state: "default" 0.0;\r
 378                min: GENGRID_GRID_TEXT_RIGHT_BOTTOM_FOCUS_PADDING_INC;\r
 379             }\r
 380          }\r
 381       }\r
 382    }\r
 383 \r
 384    group { name: "elm/gengrid/item/landscape_gridtext/default";\r
 385       inherit: "elm/gengrid/item/default_gridtext/default";\r
 386       parts {\r
 387          part { name: "left_top_padding";\r
 388             description { state: "default" 0.0;\r
 389                min: GENGRID_LANDSCAPE_GRID_TEXT_LEFT_TOP_PADDING_INC;\r
 390             }\r
 391          }\r
 392          part { name: "right_bottom_padding";\r
 393             description { state: "default" 0.0;\r
 394                min: GENGRID_LANDSCAPE_GRID_TEXT_RIGHT_BOTTOM_PADDING_INC;\r
 395             }\r
 396          }\r
 397          part { name: "focus_bg_left_top_padding";\r
 398             description { state: "default" 0.0;\r
 399                min: GENGRID_LANDSCAPE_GRID_TEXT_LEFT_TOP_FOCUS_PADDING_INC;\r
 400             }\r
 401          }\r
 402          part { name: "focus_bg_right_bottom_padding";\r
 403             description { state: "default" 0.0;\r
 404                min: GENGRID_LANDSCAPE_GRID_TEXT_RIGHT_BOTTOM_FOCUS_PADDING_INC;\r
 405             }\r
 406          }\r
 407       }\r
 408    }\r
 409 \r
 410    group { name: "elm/gengrid/item/default_gridtext2/default";\r
 411       inherit: "elm/gengrid/item/default_gridtext/default";\r
 412       parts {\r
 413          part { name: "left_top_padding";\r
 414             description { state: "default" 0.0;\r
 415                min: GENGRID_GRID_TEXT2_LEFT_TOP_PADDING_INC;\r
 416             }\r
 417          }\r
 418          part { name: "right_bottom_padding";\r
 419             description { state: "default" 0.0;\r
 420                min: GENGRID_GRID_TEXT2_RIGHT_BOTTOM_PADDING_INC;\r
 421             }\r
 422          }\r
 423          part { name: "elm.text";\r
 424             description { state: "default" 0.0;\r
 425                rel1 {\r
 426                   to: "left_top_padding";\r
 427                }\r
 428                rel2 {\r
 429                   to_x: "right_bottom_padding";\r
 430                   to_y: "left_top_padding";\r
 431                }\r
 432                text {\r
 433                   align: 0.5 1.0;\r
 434                }\r
 435             }\r
 436          }\r
 437          part { name: "item_bg_left_top_padding";\r
 438             description { state: "default" 0.0;\r
 439                min: GENGRID_GRID_TEXT2_ITEM_BG_LEFT_TOP_PADDING_INC;\r
 440             }\r
 441          }\r
 442          part { name: "item_bg_right_bottom_padding";\r
 443             description { state: "default" 0.0;\r
 444                min: GENGRID_GRID_TEXT2_ITEM_BG_RIGHT_BOTTOM_PADDING_INC;\r
 445             }\r
 446          }\r
 447          part { name: "item_real_bg_left_top_padding";\r
 448             description { state: "default" 0.0;\r
 449                min: GENGRID_GRID_TEXT2_ITEM_REAL_BG_RIGHT_PADDING_INC;\r
 450             }\r
 451          }\r
 452          part { name: "item_real_bg_right_bottom_padding";\r
 453             description { state: "default" 0.0;\r
 454                min: GENGRID_GRID_TEXT2_ITEM_REAL_BG_RIGHT_PADDING_INC;\r
 455             }\r
 456          }\r
 457          part { name: "focus_bg_left_top_padding";\r
 458             description { state: "default" 0.0;\r
 459                min: GENGRID_GRID_TEXT2_LEFT_TOP_FOCUS_PADDING_INC;\r
 460             }\r
 461          }\r
 462          part { name: "focus_bg_right_bottom_padding";\r
 463             description { state: "default" 0.0;\r
 464                min: GENGRID_GRID_TEXT2_RIGHT_BOTTOM_FOCUS_PADDING_INC;\r
 465             }\r
 466          }\r
 467       }\r
 468    }\r
 469 \r
 470    group { name: "elm/gengrid/item/block/default";\r
 471       parts {\r
 472          part { name: "bg";\r
 473             type: RECT;\r
 474             description { state: "default" 0.0;\r
 475                color: 0 0 0 0;\r
 476             }\r
 477          }\r
 478       }\r
 479    }\r