data/view/menu_view.edc

   1 /*
   2  * Copyright (c) 2014 Samsung Electronics Co., Ltd All Rights Reserved
   3  *
   4  * Licensed under the Apache License, Version 2.0 (the License);
   5  * you may not use this file except in compliance with the License.
   6  * You may obtain a copy of the License at
   7  *
   8  * http://www.apache.org/licenses/LICENSE-2.0
   9  *
  10  * Unless required by applicable law or agreed to in writing, software
  11  * distributed under the License is distributed on an AS IS BASIS,
  12  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
  13  * See the License for the specific language governing permissions and
  14  * limitations under the License.
  15  */
  16
  17
  18 #define IMG_MENU_BG     contextual_menu_bg.png
  19 #define COLOR_MENU_BG   0 0 0 (255*0.8)
  20 #define COLOR_SEPARATOR 255 255 255 (255*0.2)
  21 #define COLOR_FOCUS_ITEM_BG 28 36 49 (255*0.8)
  22 #define COLOR_FOCUS_ITEM_TEXT_NAME 255 255 255 255
  23 #define COLOR_FOCUS_ITEM_TEXT_TYPE 157 157 157 255
  24
  25 #define SZ_DEFAULT_MENU_PADDING 96 1080
  26 #define SZ_DEFAULT_MENU_AREA    490 1080
  27 #define SZ_MENU_AREA            490 213
  28 #define SZ_SEPARATOR_AREA       490 2
  29 #define SZ_MENU_BTN_P           0 75
  30 #define SZ_MENU_BTN             103 115
  31 #define SZ_MENU_BTN_BTN_P       26 0
  32
  33 #define SZ_FOCUS_ITEM_AREA      318 405
  34 #define SZ_FOCUS_ITEM_BG        318 320
  35 #define SZ_FOCUS_ITEM_IMG       160 160
  36 #define SZ_FOCUS_ITEM_TEXT_P    318 19
  37 #define SZ_FOCUS_ITEM_TEXT_NAME 318 40
  38 #define SZ_TEXT_NAME            36
  39 #define SZ_FOCUS_ITEM_TEXT_TYPE 318 26
  40 #define SZ_TEXT_TYPE            24
  41
  42 group {
  43         name: GRP_MENU;
  44         images {
  45                 image: IMG_MENU_BG COMP;
  46         }
  47         parts {
  48                 part {
  49                         name: "bg";
  50                         type: RECT;
  51                         scale: 1;
  52                         description {
  53                                 state: "default" 0.0;
  54                                 color: COLOR_MENU_BG;
  55                         }
  56                 }/*part*/
  57                 part {
  58                         name: "img_bg";
  59                         type: IMAGE;
  60                         scale: 1;
  61                         description {
  62                                 state: "default" 0.0;
  63                                 image.normal: IMG_MENU_BG;
  64                                 rel1 {
  65                                         to: "bg";
  66                                         relative: 0.0 0.0;
  67                                 }
  68                                 rel2 {
  69                                         to: "bg";
  70                                         relative: 1.0 1.0;
  71                                 }
  72                         }
  73                 }/*part*/
  74                 part {
  75                         name: "default_menu_padding";
  76                         type: SPACER;
  77                         scale: 1;
  78                         description {
  79                                 state: "default" 0.0;
  80                                 min: SZ_DEFAULT_MENU_PADDING;
  81                                 fixed: 1 1;
  82                                 rel1 {
  83                                         to: "img_bg";
  84                                         relative: 1.0 1.0;
  85                                 }
  86                                 rel2 {
  87                                         to: "img_bg";
  88                                         relative: 1.0 1.0;
  89                                 }
  90                                 align: 1.0 1.0;
  91                         }
  92                 }/*part*/
  93                 part {
  94                         name: "default_menu_area";
  95                         type: SPACER;
  96                         scale: 1;
  97                         description {
  98                                 state: "default" 0.0;
  99
 100                                 min: SZ_DEFAULT_MENU_AREA;
 101                                 fixed: 1 1;
 102                                 rel1 {
 103                                         to: "default_menu_padding";
 104                                         relative: 0.0 1.0;
 105                                 }
 106                                 rel2 {
 107                                         to: "default_menu_padding";
 108                                         relative: 0.0 1.0;
 109                                 }
 110                                 align: 1.0 1.0;
 111                         }
 112                 }/*part*/
 113                 part {
 114                         name: "item_area";
 115                         type: SPACER;
 116                         scale: 1;
 117                         description {
 118                                 state: "default" 0.0;
 119                                 rel1 {
 120                                         to: "bg";
 121                                         relative: 0.0 0.0;
 122                                 }
 123                                 rel2 {
 124                                         to: "default_menu_area";
 125                                         relative: 0.0 1.0;
 126                                 }
 127                                 align: 0.5 0.5;
 128                         }
 129                 }/*part*/
 130
 131                 part {
 132                         name: "focus_item_area";
 133                         type: RECT;
 134                         scale: 1;
 135                         description {
 136                                 state: "default" 0.0;
 137                                 min: SZ_FOCUS_ITEM_AREA;
 138                                 max: SZ_FOCUS_ITEM_AREA;
 139                                 fixed: 1 1;
 140                                 visible: 0;
 141                                 rel1 {
 142                                         to: "item_area";
 143                                         relative: 0.0 0.0;
 144                                 }
 145                                 rel2 {
 146                                         to: "item_area";
 147                                         relative: 1.0 1.0;
 148                                 }
 149                                 align: 0.5 0.5;
 150                                 visible: 0;
 151                         }
 152                 }/*part*/
 153                 part {
 154                         name: "focus_item_bg";
 155                         type: RECT;
 156                         scale: 1;
 157                         description {
 158                                 state: "default" 0.0;
 159                                 min: SZ_FOCUS_ITEM_BG;
 160                                 max: SZ_FOCUS_ITEM_BG;
 161                                 fixed: 1 1;
 162                                 rel1 {
 163                                         to: "focus_item_area";
 164                                         relative: 0.0 0.0;
 165                                 }
 166                                 rel2 {
 167                                         to: "focus_item_area";
 168                                         relative: 1.0 0.0;
 169                                 }
 170                                 align: 1.0 0.0;
 171                                 color: COLOR_FOCUS_ITEM_BG;
 172                                 visible: 1;
 173                         }
 174                 }/*part*/
 175                 part {
 176                         name: PART_FOCUS_ITEM_IMG;
 177                         type: SWALLOW;
 178                         scale: 1;
 179                         description {
 180                                 state: "default" 0.0;
 181                                 min: SZ_FOCUS_ITEM_IMG;
 182                                 max: SZ_FOCUS_ITEM_IMG;
 183                                 fixed: 1 1;
 184                                 rel1 {
 185                                         to: "focus_item_bg";
 186                                         relative: 0.0 0.0;
 187                                 }
 188                                 rel2 {
 189                                         to: "focus_item_bg";
 190                                         relative: 1.0 1.0;
 191                                 }
 192                         }
 193                 }/*part*/
 194                 part {
 195                         name: "focus_item_text_p";
 196                         type: SPACER;
 197                         scale: 1;
 198                         description {
 199                                 state: "default" 0.0;
 200                                 min: SZ_FOCUS_ITEM_TEXT_P;
 201                                 max: SZ_FOCUS_ITEM_TEXT_P;
 202                                 fixed: 1 1;
 203                                 rel1 {
 204                                         to: "focus_item_bg";
 205                                         relative: 0.0 1.0;
 206                                 }
 207                                 rel2 {
 208                                         to: "focus_item_bg";
 209                                         relative: 1.0 1.0;
 210                                 }
 211                                 align: 0.5 0.0;
 212                         }
 213                 }/*part*/
 214                 part {
 215                         name: PART_FOCUS_ITEM_TEXT_NAME;
 216                         type: TEXT;
 217                         scale: 1;
 218                         description {
 219                                 state: "default" 0.0;
 220                                 min: SZ_FOCUS_ITEM_TEXT_NAME;
 221                                 max: SZ_FOCUS_ITEM_TEXT_NAME;
 222                                 fixed: 1 1;
 223                                 rel1 {
 224                                         to: "focus_item_text_p";
 225                                         relative: 0.0 1.0;
 226                                 }
 227                                 rel2 {
 228                                         to: "focus_item_text_p";
 229                                         relative: 1.0 1.0;
 230                                 }
 231                                 text {
 232                                         font: FONT_B;
 233                                         size: SZ_TEXT_NAME;
 234                                         min: 1 1;
 235                                         ellipsis: -1;
 236                                         align: 0.0 0.5;
 237                                 }
 238                                 align: 0.5 0.0;
 239                                 color: COLOR_FOCUS_ITEM_TEXT_NAME;
 240                         }
 241                 }/*part*/
 242                 part {
 243                         name: PART_FOCUS_ITEM_TEXT_TYPE;
 244                         type: TEXT;
 245                         scale: 1;
 246                         description {
 247                                 state: "default" 0.0;
 248                                 min: SZ_FOCUS_ITEM_TEXT_TYPE;
 249                                 max: SZ_FOCUS_ITEM_TEXT_TYPE;
 250                                 fixed: 1 1;
 251                                 align: 0.5 0.0;
 252                                 rel1 {
 253                                         to: "focus_item_text_name";
 254                                         relative: 0.0 1.0;
 255                                 }
 256                                 rel2 {
 257                                         to: "focus_item_text_name";
 258                                         relative: 1.0 1.0;
 259                                 }
 260                                 text {
 261                                         font: FONT_R;
 262                                         size: SZ_TEXT_TYPE;
 263                                         min: 0 0;
 264                                         align: 0.0 0.5;
 265                                 }
 266                                 color: COLOR_FOCUS_ITEM_TEXT_TYPE;
 267                         }
 268                 }/*part*/
 269                 part {
 270                         name: "menu_area";
 271                         type: SPACER;
 272                         scale: 1;
 273                         description {
 274                                 state: "default" 0.0;
 275                                 min: SZ_MENU_AREA;
 276                                 fixed: 1 1;
 277                                 rel1 {
 278                                         to: "default_menu_area";
 279                                         relative: 0.0 0.0;
 280                                 }
 281                                 rel2 {
 282                                         to: "default_menu_area";
 283                                         relative: 0.0 0.0;
 284                                 }
 285                                 align: 0.0 0.0;
 286                         }
 287                 }/*part*/
 288                 part {
 289                         name: "separator_area";
 290                         type: RECT;
 291                         scale: 1;
 292                         description {
 293                                 state: "default" 0.0;
 294                                 color: COLOR_SEPARATOR;
 295                                 min: SZ_SEPARATOR_AREA;
 296                                 fixed: 1 1;
 297                                 rel1 {
 298                                         to: "menu_area";
 299                                         relative: 0.0 1.0;
 300                                 }
 301                                 rel2 {
 302                                         to: "menu_area";
 303                                         relative: 0.0 1.0;
 304                                 }
 305                                 align: 0.0 0.0;
 306                         }
 307                 }/*part*/
 308                 part {
 309                         name: "menu_btn_p";
 310                         type: SPACER;
 311                         scale: 1;
 312                         description {
 313                                 state: "default" 0.0;
 314                                 min: SZ_MENU_BTN_P;
 315                                 fixed: 1 1;
 316                                 rel1 {
 317                                         to: "menu_area";
 318                                         relative: 0.0 0.0;
 319                                 }
 320                                 rel2 {
 321                                         to: "menu_area";
 322                                         relative: 0.0 0.0;
 323                                 }
 324                                 align: 0.0 0.0;
 325                         }
 326                 }/*part*/
 327                 part {
 328                         name: PART_MENU_BTN_1;
 329                         type: SWALLOW;
 330                         scale: 1;
 331                         description {
 332                                 state: "default" 0.0;
 333                                 min: SZ_MENU_BTN;
 334                                 fixed: 1 1;
 335                                 rel1 {
 336                                         to: "menu_btn_p";
 337                                         relative: 0.0 1.0;
 338                                 }
 339                                 rel2 {
 340                                         to: "menu_btn_p";
 341                                         relative: 0.0 1.0;
 342                                 }
 343                                 align: 0.0 0.0;
 344                         }
 345                 }/*part*/
 346
 347                 part {
 348                         name: "menu_btn1_btn2_p";
 349                         type: SPACER;
 350                         scale: 1;
 351                         description {
 352                                 state: "default" 0.0;
 353                                 min: SZ_MENU_BTN_BTN_P;
 354                                 fixed: 1 1;
 355                                 rel1 {
 356                                         to: PART_MENU_BTN_1;
 357                                         relative: 1.0 0.0;
 358                                 }
 359                                 rel2 {
 360                                         to: PART_MENU_BTN_1;
 361                                         relative: 1.0 0.0;
 362                                 }
 363                                 align: 0.0 0.0;
 364                         }
 365                 }/*part*/
 366
 367                 part {
 368                         name: PART_MENU_BTN_2;
 369                         type: SWALLOW;
 370                         scale: 1;
 371                         description {
 372                                 state: "default" 0.0;
 373                                 min: SZ_MENU_BTN;
 374                                 fixed: 1 1;
 375                                 rel1 {
 376                                         to: "menu_btn1_btn2_p";
 377                                         relative: 1.0 0.0;
 378                                 }
 379                                 rel2 {
 380                                         to: "menu_btn1_btn2_p";
 381                                         relative: 1.0 0.0;
 382                                 }
 383                                 align: 0.0 0.0;
 384                         }
 385                 }/*part*/
 386                 part {
 387                         name: "menu_btn2_btn3_p";
 388                         type: SPACER;
 389                         scale: 1;
 390                         description {
 391                                 state: "default" 0.0;
 392                                 min: SZ_MENU_BTN_BTN_P;
 393                                 fixed: 1 1;
 394                                 rel1 {
 395                                         to: PART_MENU_BTN_2;
 396                                         relative: 1.0 0.0;
 397                                 }
 398                                 rel2 {
 399                                         to: PART_MENU_BTN_2;
 400                                         relative: 1.0 0.0;
 401                                 }
 402                                 align: 0.0 0.0;
 403                         }
 404                 }/*part*/
 405                 part {
 406                         name: PART_MENU_BTN_3;
 407                         type: SWALLOW;
 408                         scale: 1;
 409                         description {
 410                                 state: "default" 0.0;
 411                                 min: SZ_MENU_BTN;
 412                                 fixed: 1 1;
 413                                 rel1 {
 414                                         to: "menu_btn2_btn3_p";
 415                                         relative: 1.0 0.0;
 416                                 }
 417                                 rel2 {
 418                                         to: "menu_btn2_btn3_p";
 419                                         relative: 1.0 0.0;
 420                                 }
 421                                 align: 0.0 0.0;
 422                         }
 423                 }/*part*/
 424         }/*parts*/
 425 }/*group*/