edje/view/home.edc

   1 /*
   2  * Copyright (c) 2015 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 #include "../../include/defs.h"
  18 group {
  19         name, GRP_HOME;
  20         parts {
  21                 part {
  22                         name, "bg";
  23                         type, RECT;
  24                         scale, 1;
  25                         description {
  26                                 state, "default" 0.0;
  27                                 color, 0 0 0 150;
  28                         }
  29                 }
  30                 part {
  31                         name, "clip.up.arrow";
  32                         type, RECT;
  33                         scale, 1;
  34                         description {
  35                                 state, "default" 0.0;
  36                                 rel2.relative, 1.0 0.0;
  37                                 min, 0 98;
  38                                 align, 0.5 1.0;
  39                                 fixed, 0 1;
  40                                 visible, 0;
  41                         }
  42                         description {
  43                                 state, "show" 0.0;
  44                                 inherit, "default" 0.0;
  45                                 align, 0.5 0.0;
  46                                 visible, 1;
  47                         }
  48                 }
  49                 part {
  50                         name, PART_HOME_UP_ARROW;
  51                         type, SWALLOW;
  52                         scale, 1;
  53                         clip_to, "clip.up.arrow";
  54                         description {
  55                                 state, "default" 0.0;
  56                                 rel1.to, "clip.up.arrow";
  57                                 rel2 {
  58                                         to, "clip.up.arrow";
  59                                         relative, 1.0 0.0;
  60                                 }
  61                                 fixed, 1 1;
  62                                 align, 0.5 0.0;
  63                                 min, 98 98;
  64                         }
  65                 }
  66                 part {
  67                         name, "clip.down.arrow";
  68                         type, RECT;
  69                         scale, 1;
  70                         description {
  71                                 state, "default" 0.0;
  72                                 rel1.relative, 0.0 1.0;
  73                                 min, 0 98;
  74                                 align, 0.5 0.0;
  75                                 fixed, 0 1;
  76                                 visible, 0;
  77                         }
  78                         description {
  79                                 state, "show" 0.0;
  80                                 inherit, "default" 0.0;
  81                                 align, 0.5 1.0;
  82                                 visible, 1;
  83                         }
  84                 }
  85                 part {
  86                         name, PART_HOME_DOWN_ARROW;
  87                         type, SWALLOW;
  88                         scale, 1;
  89                         clip_to, "clip.down.arrow";
  90                         description {
  91                                 state, "default" 0.0;
  92                                 rel1 {
  93                                         to, "clip.down.arrow";
  94                                         relative, 0.0 1.0;
  95                                 }
  96                                 rel2.to, "clip.down.arrow";
  97                                 fixed, 1 1;
  98                                 align, 0.5 1.0;
  99                                 min, 98 98;
 100                         }
 101                 }
 102                 part {
 103                         name, "pad.list";
 104                         type, RECT;
 105                         scale, 1;
 106                         description {
 107                                 state, "default" 0.0;
 108                                 rel1.relative, 0.5 1.0;
 109                                 rel2.relative, 0.5 1.0;
 110                                 fixed, 1 1;
 111                                 align, 0.5 1.0;
 112                                 min, 0 188;
 113                         }
 114                 }
 115                 part {
 116                         name, "clip";
 117                         type, RECT;
 118                         scale, 1;
 119                         description {
 120                                 state, "default" 0.0;
 121                                 color, 0 0 0 0;
 122                         }
 123                         description {
 124                                 state, "show" 0.0;
 125                                 inherit, "default" 0.0;
 126                                 color, 255 255 255 255;
 127                         }
 128                 }
 129                 part {
 130                         name, PART_HOME_MENU_BAR;
 131                         type, SWALLOW;
 132                         clip_to, "clip";
 133                         scale, 1;
 134                         description {
 135                                 state, "default" 0.0;
 136                                 rel1 {
 137                                         relative, 0.0 0.0;
 138                                         to, "pad.list";
 139                                 }
 140                                 rel2 {
 141                                         relative, 0.0 0.0;
 142                                         to, "pad.list";
 143                                 }
 144                                 align, 0.5 1.0;
 145                                 fixed, 1 1;
 146                                 min, 0 158;
 147                         }
 148                         description {
 149                                 state, "show" 0.0;
 150                                 inherit, "default" 0.0;
 151                                 min, 948 158;
 152                         }
 153                 }
 154         }
 155         programs {
 156                 program {
 157                         name, "sig,show";
 158                         signal, SIG_SHOW;
 159                         source, SRC_PROG;
 160                         action, STATE_SET "show" 0.0;
 161                         transition, TRANSITION_DECEL;
 162                         target, "clip";
 163                         target, PART_HOME_MENU_BAR;
 164                         after, "sig,show,done";
 165                 }
 166                 program {
 167                         name, "sig,show,done";
 168                         action, SIGNAL_EMIT SIG_SHOW_DONE SRC_EDJE;
 169                 }
 170                 program {
 171                         name, "sig,hide";
 172                         signal, SIG_HIDE;
 173                         source, SRC_PROG;
 174                         action, STATE_SET "default" 0.0;
 175                         transition, TRANSITION_DECEL;
 176                         target, "clip";
 177                         target, PART_HOME_MENU_BAR;
 178                         after, "sig,hide,done";
 179                 }
 180                 program {
 181                         name, "sig,hide,done";
 182                         action, SIGNAL_EMIT SIG_HIDE_DONE SRC_EDJE;
 183                 }
 184                 program {
 185                         name, "sig,show,navigation";
 186                         signal, SIG_SHOW_NAVIGATION;
 187                         source, SRC_PROG;
 188                         action, STATE_SET "show" 0.0;
 189                         target, "clip.up.arrow";
 190                         target, "clip.down.arrow";
 191                         transition, TRANSITION_DECEL;
 192                 }
 193                 program {
 194                         name, "sig,hide,navigation";
 195                         signal, SIG_HIDE_NAVIGATION;
 196                         source, SRC_PROG;
 197                         action, STATE_SET "default" 0.0;
 198                         target, "clip.up.arrow";
 199                         target, "clip.down.arrow";
 200                         transition, TRANSITION_DECEL;
 201                 }
 202         }
 203 }
 204
 205 group {
 206         name, GRP_HOME_DOWN_ARROW;
 207         images {
 208                 image, "btn_navigation_down.png" COMP;
 209         }
 210         parts {
 211                 part {
 212                         name, "bg";
 213                         type, RECT;
 214                         scale, 1;
 215                         description {
 216                                 state, "default" 0.0;
 217                                 min, 98 98;
 218                                 visible, 0;
 219                         }
 220                 }
 221                 part {
 222                         name, "text";
 223                         type, TEXT;
 224                         scale, 1;
 225                         description {
 226                                 state, "default" 0.0;
 227                                 min, 98 32;
 228                                 rel1.relative, 0.5 0.0;
 229                                 rel2.relative, 0.5 0.0;
 230                                 align, 0.5 0.0;
 231                                 fixed, 1 1;
 232                                 text {
 233                                         size, 31;
 234                                         font, "TizenSans";
 235                                         text, "Recent";
 236                                 }
 237                                 color, 255 255 255 178;
 238                         }
 239                 }
 240                 part {
 241                         name, "pad.arrow";
 242                         type, RECT;
 243                         scale, 1;
 244                         description {
 245                                 state, "default" 0.0;
 246                                 min, 0 10;
 247                                 rel1 {
 248                                         to, "text";
 249                                         relative, 0.0 1.0;
 250                                 }
 251                                 rel2.to, "text";
 252                                 fixed, 0 1;
 253                                 align, 0.5 0.0;
 254                                 visible, 0;
 255                         }
 256                 }
 257                 part {
 258                         name, "focus";
 259                         type, RECT;
 260                         scale, 1;
 261                         description {
 262                                 state, "default" 0.0;
 263                                 rel1 {
 264                                         relative, 0.5 1.0;
 265                                         to, "pad.arrow";
 266                                 }
 267                                 rel2 {
 268                                         relative, 0.5 1.0;
 269                                         to, "pad.arrow";
 270                                 }
 271                                 min, 98 56;
 272                                 fixed, 1 1;
 273                                 align, 0.5 0.0;
 274                                 color, 0 0 0 0;
 275                         }
 276                         description {
 277                                 state, "focus" 0.0;
 278                                 inherit, "default" 0.0;
 279                                 color, 0 119 246 255;
 280                         }
 281                 }
 282                 part {
 283                         name, "bounce.arrow";
 284                         type, RECT;
 285                         scale, 1;
 286                         description {
 287                                 state, "default" 0.0;
 288                                 rel1 {
 289                                         relative, 0.5 1.0;
 290                                         to, "pad.arrow";
 291                                 }
 292                                 rel2 {
 293                                         relative, 0.5 1.0;
 294                                         to, "pad.arrow";
 295                                 }
 296                                 min, 0 0;
 297                                 align, 0.5 0.0;
 298                                 fixed, 1 1;
 299                         }
 300                         description {
 301                                 state, "focus" 0.0;
 302                                 inherit, "default" 0.0;
 303                                 min, 0 5;
 304                         }
 305                 }
 306                 part {
 307                         name, "arrow";
 308                         type, IMAGE;
 309                         scale, 1;
 310                         description {
 311                                 state, "default" 0.0;
 312                                 min, 98 34;
 313                                 rel1 {
 314                                         relative, 0.5 1.0;
 315                                         to, "bounce.arrow";
 316                                 }
 317                                 rel2 {
 318                                         relative, 0.5 1.0;
 319                                         to, "bounce.arrow";
 320                                 }
 321                                 image.normal, "btn_navigation_down.png";
 322                                 align, 0.5 0.0;
 323                                 fixed, 1 1;
 324                         }
 325                 }
 326         }
 327         programs {
 328                 program {
 329                         name, "sig,focus";
 330                         signal, SIG_FOCUS;
 331                         source, SRC_PROG;
 332                         action, STATE_SET "focus" 0.0;
 333                         transition, TRANSITION_DECEL;
 334                         target, "focus";
 335                         target, "bounce.arrow";
 336                 }
 337                 program {
 338                         name, "sig,unfocus";
 339                         signal, SIG_UNFOCUS;
 340                         source, SRC_PROG;
 341                         action, STATE_SET "default" 0.0;
 342                         transition, TRANSITION_DECEL;
 343                         target, "focus";
 344                         target, "bounce.arrow";
 345                 }
 346         }
 347 }
 348
 349 group {
 350         name, GRP_HOME_UP_ARROW;
 351         images {
 352                 image, "btn_navigation_up.png" COMP;
 353         }
 354         parts {
 355                 part {
 356                         name, "bg";
 357                         type, RECT;
 358                         scale, 1;
 359                         description {
 360                                 state, "default" 0.0;
 361                                 min, 98 98;
 362                                 visible, 0;
 363                         }
 364                 }
 365                 part {
 366                         name, "text";
 367                         type, TEXT;
 368                         scale, 1;
 369                         description {
 370                                 state, "default" 0.0;
 371                                 min, 98 32;
 372                                 rel1.relative, 0.5 1.0;
 373                                 rel2.relative, 0.5 1.0;
 374                                 align, 0.5 1.0;
 375                                 fixed, 1 1;
 376                                 text {
 377                                         size, 31;
 378                                         font, "TizenSans";
 379                                         text, "ETG";
 380                                 }
 381                                 color, 255 255 255 178;
 382                         }
 383                 }
 384                 part {
 385                         name, "pad.arrow";
 386                         type, RECT;
 387                         scale, 1;
 388                         description {
 389                                 state, "default" 0.0;
 390                                 min, 0 10;
 391                                 rel1 {
 392                                         to, "text";
 393                                         relative, 0.5 0.0;
 394                                 }
 395                                 rel2 {
 396                                         to, "text";
 397                                         relative, 0.5 0.0;
 398                                 }
 399                                 fixed, 1 1;
 400                                 align, 0.5 1.0;
 401                                 visible, 0;
 402                         }
 403                 }
 404                 part {
 405                         name, "arrow";
 406                         type, IMAGE;
 407                         scale, 1;
 408                         description {
 409                                 state, "default" 0.0;
 410                                 min, 98 34;
 411                                 rel1 {
 412                                         relative, 0.0 0.0;
 413                                         to, "pad.arrow";
 414                                 }
 415                                 rel2 {
 416                                         relative, 0.0 0.0;
 417                                         to, "pad.arrow";
 418                                 }
 419                                 image.normal, "btn_navigation_up.png";
 420                                 align, 0.5 1.0;
 421                                 fixed, 1 1;
 422                         }
 423                 }
 424         }
 425 }
 426
 427 group {
 428         name, GRP_HOME_ITEM;
 429         inherit, GRP_BAR_ITEM;
 430         data.item, TITLE_WIDTH "130";
 431         parts {
 432                 part {
 433                         name, "pad.icon";
 434                         type, RECT;
 435                         scale, 1;
 436                         description {
 437                                 state, "default" 0.0;
 438                                 min, 0 26;
 439                                 rel1.relative, 0.5 0.0;
 440                                 rel2.relative, 0.5 0.0;
 441                                 align, 0.5 0.0;
 442                                 fixed, 1 1;
 443                                 visible, 0;
 444                         }
 445                 }
 446                 part {
 447                         name, PART_BAR_ITEM_ICON;
 448                         type, SWALLOW;
 449                         scale, 1;
 450                         description {
 451                                 state, "default" 0.0;
 452                                 min, 70 70;
 453                                 rel1 {
 454                                         to, "pad.icon";
 455                                         relative, 1.0 1.0;
 456                                 }
 457                                 rel2 {
 458                                         to, "pad.icon";
 459                                         relative, 1.0 1.0;
 460                                 }
 461                                 align, 0.5 0.0;
 462                                 fixed, 1 1;
 463                         }
 464                 }
 465                 part {
 466                         name, "pad.text";
 467                         type, RECT;
 468                         scale, 1;
 469                         description {
 470                                 state, "default" 0.0;
 471                                 min, 0 24;
 472                                 rel1.relative, 0.5 1.0;
 473                                 rel2.relative, 0.5 1.0;
 474                                 align, 0.5 1.0;
 475                                 fixed, 1 1;
 476                                 visible, 0;
 477                         }
 478                 }
 479                 part {
 480                         name, PART_BAR_ITEM_TITLE;
 481                         type, SWALLOW;
 482                         scale, 1;
 483                         description {
 484                                 state, "default" 0.0;
 485                                 rel1 {
 486                                         to, "pad.text";
 487                                         relative, 0.0 0.0;
 488                                 }
 489                                 rel2 {
 490                                         to, "pad.text";
 491                                         relative, 0.0 0.0;
 492                                 }
 493                                 align, 0.5 1.0;
 494                                 fixed, 1 1;
 495                                 min, 130 22;
 496                         }
 497                 }
 498                 part {
 499                         name, PART_BAR_ITEM_TITLE_FOCUS;
 500                         type, SWALLOW;
 501                         scale, 1;
 502                         clip_to, "clip";
 503                         description {
 504                                 state, "default" 0.0;
 505                                 rel1.to, PART_BAR_ITEM_TITLE;
 506                                 rel2.to, PART_BAR_ITEM_TITLE;
 507                         }
 508                 }
 509                 part {
 510                         name, "pad.badge";
 511                         type, RECT;
 512                         scale, 1;
 513                         description {
 514                                 state, "default" 0.0;
 515                                 min, 40 14;
 516                                 rel1.relative, 1.0 0.0;
 517                                 rel2.relative, 1.0 0.0;
 518                                 align, 1.0 0.0;
 519                                 fixed, 1 1;
 520                                 visible, 0;
 521                         }
 522                 }
 523                 part {
 524                         name, PART_BAR_ITEM_BADGE;
 525                         type, SWALLOW;
 526                         scale, 1;
 527                         description {
 528                                 state, "default" 0.0;
 529                                 min, 36 36;
 530                                 rel1 {
 531                                         to, "pad.badge";
 532                                         relative, 0.0 1.0;
 533                                 }
 534                                 rel2 {
 535                                         to, "pad.badge";
 536                                         relative, 0.0 1.0;
 537                                 }
 538                                 align, 1.0 0.0;
 539                                 fixed, 1 1;
 540                         }
 541                 }
 542                 part {
 543                         name, PART_BAR_ITEM_BADGE_COUNT;
 544                         type, TEXT;
 545                         scale, 1;
 546                         description {
 547                                 state, "default" 0.0;
 548                                 rel1.to, PART_BAR_ITEM_BADGE;
 549                                 rel2.to, PART_BAR_ITEM_BADGE;
 550                                 fixed, 1 1;
 551                                 text {
 552                                         size, 24;
 553                                         font, "TizenSans";
 554                                 }
 555                                 color, 255 255 255 255;
 556                         }
 557                 }
 558         }
 559 }