ug-lockscreen-setting-efl/res/edje/lockscreen-options-help-themes.edc

   1 /*
   2  * Copyright (c) 2009 - 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
  18
  19 #define HELP_WIDTH 720
  20 #define HELP_HEIGHT 1280
  21
  22 styles {
  23         style {
  24                 name: "guide_text";
  25                 base: "font=Tizen:style=Regular text_class=Tizen font_size=36 align=left color=#000000ff /*style=shadow shadow_color=#00000072*/ wrap=mixed";
  26                 tag: "br" "\n";
  27                 tag: "hilight" "+ color=#ffff";
  28                 tag: "b" "+ color=#ffff";
  29                 tag: "tab" "\t";
  30         }
  31 }
  32
  33 #define HELP_BUBBLE_WIDTH 560
  34
  35 #define BLOCK_CLICKED(block_part) \
  36         program { \
  37                 name : "hlep,clicked"block_part; \
  38                 signal : "mouse,down,*"; \
  39                 source : block_part; \
  40                 action : SIGNAL_EMIT "help,block,mouse,clicked" "*"; \
  41         } \
  42
  43 group {
  44         name : "down_bubble_layout";
  45
  46         images {
  47                 image : "help/B31_help_popup_picker_bg.png" COMP;
  48                 image : "help/B31_help_popup_picker_bottom.png" COMP;
  49         }
  50
  51         parts {
  52                 part {
  53                         name : "rect.bottom.pad";
  54                         type : RECT;
  55                         mouse_events : 0;
  56                         scale : 1;
  57                         description {
  58                                 state : "default" 0.0;
  59                                 min : HELP_BUBBLE_WIDTH 56;
  60                                 fixed : 1 1;
  61                                 align : 0.0 1.0;
  62                                 color : 0 0 0 0;
  63                                 rel1.relative : 0.0 1.0;
  64                                 rel2.relative : 0.0 1.0;
  65                         }
  66                 }
  67                 part {
  68                         name : "rect.left.pad";
  69                         type : RECT;
  70                         mouse_events : 0;
  71                         scale : 1;
  72                         description {
  73                                 state : "default" 0.0;
  74                                 min : 36 0;
  75                                 fixed : 1 0;
  76                                 align : 1.0 0.0;
  77                                 color : 0 0 0 0;
  78                                 rel1 {
  79                                         relative : 0.0 0.0;
  80                                         to_x : "rect.bottom.pad";
  81                                         to_y : "rect.top.pad";
  82                                 }
  83                                 rel2 {
  84                                         relative : 0.0 1.0;
  85                                         to_x : "rect.bottom.pad";
  86                                 }
  87                         }
  88                 }
  89                 part {
  90                         name : "rect.right.pad";
  91                         type : RECT;
  92                         mouse_events : 0;
  93                         scale : 1;
  94                         description {
  95                                 state : "default" 0.0;
  96                                 min : 36 0;
  97                                 fixed : 1 0;
  98                                 align : 1.0 0;
  99                                 color : 0 0 0 0;
 100                                 rel1 {
 101                                         relative : 1.0 0.0;
 102                                         to_x : "rect.bottom.pad";
 103                                         to_y : "rect.top.pad";
 104                                         offset : -36 0;
 105                                 }
 106                                 rel2 {
 107                                         relative : 1.0 1.0;
 108                                         to_x : "rect.bottom.pad";
 109                                         offset : -36 0;
 110                                 }
 111                         }
 112                 }
 113                 part {
 114                         name : "rect.top.pad";
 115                         type : RECT;
 116                         mouse_events : 0;
 117                         scale : 1;
 118                         description {
 119                                 state : "default" 0.0;
 120                                 min : 0 28;
 121                                 fixed : 0 1;
 122                                 align : 0.0 1.0;
 123                                 color : 0 0 0 0;
 124                                 rel1 {
 125                                         relative : 0.0 0.0;
 126                                         to_x : "rect.bottom.pad";
 127                                         to_y : "txt.guide_text";
 128                                 }
 129                                 rel2 {
 130                                         relative : 1.0 0.0;
 131                                         to_x : "rect.bottom.pad";
 132                                         to_y : "txt.guide_text";
 133                                 }
 134                         }
 135                 }
 136                 part {
 137                         name : "rect.text";
 138                         type : RECT;
 139                         scale : 1;
 140                         mouse_events : 0;
 141                         description {
 142                                 state : "default" 0.0;
 143                                 color : 0 0 0 0;
 144                                 rel1.to : "txt.guide_text";
 145                                 rel2.to : "txt.guide_text";
 146                         }
 147                 }
 148                 part {
 149                         name : "img.bubble_bg";
 150                         type : IMAGE;
 151                         scale : 1;
 152                         mouse_events : 1;
 153                         description {
 154                                 state : "default" 0.0;
 155                                 rel1.to : "rect.left.pad";
 156                                 rel1.relative : 0.0 0.0;
 157                                 rel2.to_x : "rect.right.pad";
 158                                 rel2.to_y : "rect.bottom.pad";
 159                                 rel2.offset : 0 -20;
 160                                 image {
 161                                         normal : "help/B31_help_popup_picker_bg.png";
 162                                         border : 23 23 23 23;
 163                                 }
 164                         }
 165                 }
 166                 part {
 167                         name : "img.bubble_pick";
 168                         type : IMAGE;
 169                         scale : 1;
 170                         mouse_events : 1;
 171                         description {
 172                                 state : "default" 0.0;
 173                                 min : 40 34;
 174                                 max : 40 34;
 175                                 fixed : 1 1;
 176                                 align : 0.5 1.0;
 177                                 rel1 {
 178                                         to_x : "txt.guide_text";
 179                                 }
 180                                 rel2 {
 181                                         to_x : "txt.guide_text";
 182                                         to_y : "rect.bottom.pad";
 183                                 }
 184                                 image.normal : "help/B31_help_popup_picker_bottom.png";
 185                         }
 186                 }
 187                 part {
 188                         name : "txt.guide_text";
 189                         type : TEXTBLOCK;
 190                         scale : 1;
 191                         mouse_events : 0;
 192                         description {
 193                                 state : "default" 0.0;
 194                                 align : 0.0 1.0;
 195                                 rel1 {
 196                                         relative : 1.0 0.0;
 197                                         to_x : "rect.left.pad";
 198                                         to_y : "rect.bottom.pad";
 199                                 }
 200                                 rel2 {
 201                                         relative : 0.0 0.0;
 202                                         to_x : "rect.right.pad";
 203                                         to_y : "rect.bottom.pad";
 204                                 }
 205                                 text {
 206                                         style : guide_text;
 207                                         min : 0 1;
 208                                         align : 0.0 1.0;
 209                                 }
 210                         }
 211                 }
 212         }
 213 }
 214
 215 group {
 216         name : "lockscreen.options.help.step1";
 217
 218         images {
 219                 image : "help/B32_help_start_left.png" COMP;
 220                 image : "help/B32_help_start_right.png" COMP;
 221         }
 222
 223         parts {
 224                 part {
 225                         name : "bg";
 226                         type : RECT;
 227                         mouse_events : 0;
 228                         repeat_events : 1;
 229                         description {
 230                                 state : "default" 0.0;
 231                                 color : 0 0 0 0;
 232                         }
 233                 }
 234                 part {
 235                         name : "rect.block_1";
 236                         type : RECT;
 237                         mouse_events : 1;
 238                         repeat_events : 0;
 239                         description {
 240                                 state : "default" 0.0;
 241                                 rel1 {
 242                                         relative : 0.0 0.0;
 243                                         to : "bg";
 244                                 }
 245                                 rel2 {
 246                                         relative : 1.0 156/HELP_HEIGHT;
 247                                         to : "bg";
 248                                 }
 249                                 color : 0 0 0 0;
 250                         }
 251                 }
 252                 part {
 253                         name : "rect.block_2";
 254                         type : RECT;
 255                         mouse_events : 1;
 256                         repeat_events : 0;
 257                         description {
 258                                 state : "default" 0.0;
 259                                 rel1 {
 260                                         relative : 0.0 (HELP_HEIGHT-216)/HELP_HEIGHT;
 261                                         to : "bg";
 262                                 }
 263                                 rel2 {
 264                                         relative : 1.0 1.0;
 265                                         to : "bg";
 266                                 }
 267                                 color : 0 0 0 0;
 268                         }
 269                 }
 270 #if 0
 271                 part {
 272                         name : "rect.arrow";
 273                         type : RECT;
 274                         mouse_events : 1;
 275                         repeat_events : 1;
 276                         description {
 277                                 state : "default" 0.0;
 278                                 color : 0 0 0 0;
 279                                 rel1 {
 280                                         relative : 80/HELP_WIDTH 714/HELP_HEIGHT;
 281                                         to : "bg";
 282                                 }
 283                                 rel2 {
 284                                         relative : (HELP_WIDTH-80)/HELP_WIDTH (714+120)/HELP_HEIGHT;
 285                                         to : "bg";
 286                                 }
 287                         }
 288                 }
 289 #endif
 290                 part {
 291                         name : "img.left";
 292                         type : IMAGE;
 293                         mouse_events : 0;
 294                         repeat_events : 1;
 295                         description {
 296                                 state : "default" 0.0;
 297                                 rel1 {
 298                                         relative : 80/HELP_WIDTH 714/HELP_HEIGHT;
 299                                         to : "bg";
 300                                 }
 301                                 rel2 {
 302                                         relative : (80+239)/HELP_WIDTH (714+120)/HELP_HEIGHT;
 303                                         to : "bg";
 304                                 }
 305                                 image.normal : "help/B32_help_start_left.png";
 306                         }
 307                 }
 308                 part {
 309                         name : "img.right";
 310                         type : IMAGE;
 311                         mouse_events : 0;
 312                         repeat_events : 1;
 313                         description {
 314                                 state : "default" 0.0;
 315                                 rel1 {
 316                                         relative : (HELP_WIDTH-80-239)/HELP_WIDTH 714/HELP_HEIGHT;
 317                                         to : "bg";
 318                                 }
 319                                 rel2 {
 320                                         relative : (HELP_WIDTH-80)/HELP_WIDTH (714+120)/HELP_HEIGHT;
 321                                         to : "bg";
 322                                 }
 323                                 image.normal : "help/B32_help_start_right.png";
 324                         }
 325                 }
 326                 part {
 327                         name : "bubble.guide_text";
 328                         type : SWALLOW;
 329                         scale : 1;
 330                         mouse_events : 0;
 331                         repeat_events : 1;
 332                         description {
 333                                 state : "default" 0.0;
 334                                 rel1 {
 335                                         relative : 116/HELP_WIDTH 0.0;
 336                                         to : "bg";
 337                                 }
 338                                 rel2 {
 339                                         relative : (HELP_WIDTH-116)/HELP_WIDTH (714-68)/HELP_HEIGHT;
 340                                         to : "bg";
 341                                 }
 342                         }
 343                 }
 344         }
 345
 346         programs {
 347                 BLOCK_CLICKED(rect.block_1);
 348                 BLOCK_CLICKED(rect.block_2);
 349         }
 350 }
 351
 352 group {
 353         name : "lockscreen.options.help.step2";
 354
 355         parts {
 356                 part {
 357                         name : "bg";
 358                         type : RECT;
 359                         mouse_events : 0;
 360                         repeat_events : 1;
 361                         description {
 362                                 state : "default" 0.0;
 363                                 color : 0 0 0 0;
 364                         }
 365                 }
 366                 part {
 367                         name : "rect.block_1";
 368                         type : RECT;
 369                         mouse_events : 1;
 370                         repeat_events : 0;
 371                         description {
 372                                 state : "default" 0.0;
 373                                 rel1 {
 374                                         relative : 0.0 0.0;
 375                                         to : "bg";
 376                                 }
 377                                 rel2 {
 378                                         relative : 1.0 (HELP_HEIGHT-216)/HELP_HEIGHT;
 379                                         to : "bg";
 380                                 }
 381                                 color : 0 0 0 0;
 382                         }
 383                 }
 384 #if 0
 385                 part {
 386                         name : "bubble.guide_text";
 387                         type : SWALLOW;
 388                         scale : 1;
 389                         mouse_events : 1;
 390                         repeat_events : 0;
 391                         description {
 392                                 state : "default" 0.0;
 393                                 rel1 {
 394                                         relative : 116/HELP_WIDTH 0.0;
 395                                         to : "bg";
 396                                 }
 397                                 rel2 {
 398                                         relative : (HELP_WIDTH-116)/HELP_WIDTH (HELP_HEIGHT-216-14)/HELP_HEIGHT;
 399                                         to : "bg";
 400                                 }
 401                         }
 402                 }
 403 #endif
 404         }
 405
 406         programs {
 407                 BLOCK_CLICKED(rect.block_1);
 408         }
 409 }
 410
 411 group {
 412         name : "lockscreen.options.help.step3";
 413
 414 #if 0
 415         images {
 416                 image : "help/B31_help_popup_picker_bg.png" COMP;
 417                 image : "help/B31_help_popup_picker_top.png" COMP;
 418         }
 419 #endif
 420
 421         parts {
 422                 part {
 423                         name : "bg";
 424                         type : RECT;
 425                         mouse_events : 0;
 426                         repeat_events : 1;
 427                         description {
 428                                 state : "default" 0.0;
 429                                 color : 0 0 0 0;
 430                         }
 431                 }
 432                 part {
 433                         name : "rect.block_1";
 434                         type : RECT;
 435                         mouse_events : 1;
 436                         repeat_events : 0;
 437                         description {
 438                                 state : "default" 0.0;
 439                                 rel1 {
 440                                         relative : 0.0 0.0;
 441                                         to : "bg";
 442                                 }
 443                                 rel2 {
 444                                         relative : 1.0 (60)/HELP_HEIGHT;
 445                                         to : "bg";
 446                                 }
 447                                 color : 0 0 0 0;
 448                         }
 449                 }
 450                 part {
 451                         name : "rect.block_2";
 452                         type : RECT;
 453                         mouse_events : 1;
 454                         repeat_events : 0;
 455                         description {
 456                                 state : "default" 0.0;
 457                                 rel1 {
 458                                         relative : 0.0 (60)/HELP_HEIGHT;
 459                                         to : "bg";
 460                                 }
 461                                 rel2 {
 462                                         relative : (607)/HELP_WIDTH (60+96)/HELP_HEIGHT;
 463                                         to : "bg";
 464                                 }
 465                                 color : 0 0 0 0;
 466                         }
 467                 }
 468                 part {
 469                         name : "rect.block_3";
 470                         type : RECT;
 471                         mouse_events : 1;
 472                         repeat_events : 0;
 473                         description {
 474                                 state : "default" 0.0;
 475                                 rel1 {
 476                                         relative : 0.0 (60+96)/HELP_HEIGHT;
 477                                         to : "bg";
 478                                 }
 479                                 rel2 {
 480                                         relative : 1.0 1.0;
 481                                         to : "bg";
 482                                 }
 483                                 color : 0 0 0 0;
 484                         }
 485                 }
 486 #if 0
 487                 part {
 488                         name : "img.popup_picker_bg";
 489                         type : IMAGE;
 490                         scale : 1;
 491                         mouse_events : 0;
 492                         description {
 493                                 state : "default" 0.0;
 494                                 rel1 {
 495                                         to : "txt.guide_text";
 496                                         relative : 0.0 0.0;
 497                                         offset : -36 -28;
 498                                 }
 499                                 rel2 {
 500                                         to : "txt.guide_text";
 501                                         relative : 1.0 1.0;
 502                                         offset : 36 36;
 503                                 }
 504                                 image.normal : "help/B31_help_popup_picker_bg.png";
 505                                 image.border : 23 23 23 23;
 506                         }
 507                 }
 508                 part {
 509                         name : "img.bubble_pick";
 510                         type : IMAGE;
 511                         scale : 1;
 512                         mouse_events : 1;
 513                         description {
 514                                 state : "default" 0.0;
 515                                 min : 40 34;
 516                                 max : 40 34;
 517                                 fixed : 1 1;
 518                                 align : 0.5 1.0;
 519                                 rel1 {
 520                                         relative : 607/HELP_WIDTH 0.0;
 521                                         to_x : bg;
 522                                         to_y : "txt.guide_text";
 523                                         offset : 0 -22-34;
 524                                 }
 525                                 rel2 {
 526                                         relative : 1.0 0.0;
 527                                         to_x : bg;
 528                                         to_y : "txt.guide_text";
 529                                         offset : 0 -22;
 530                                 }
 531                                 image.normal : "help/B31_help_popup_picker_top.png";
 532                         }
 533                 }
 534                 part {
 535                         name : "txt.guide_text";
 536                         type : TEXTBLOCK;
 537                         scale : 1;
 538                         mouse_events : 0;
 539                         description {
 540                                 state : "defalut" 0.0;
 541                                 color : 255 255 255 255;
 542                                 rel1 {
 543                                         relative : (148+22)/HELP_WIDTH (156+32+22)/HELP_HEIGHT;
 544                                         to : "bg";
 545                                 }
 546                                 rel2 {
 547                                         relative : (708-22)/HELP_WIDTH (156+32+22)/HELP_HEIGHT;
 548                                         to : "bg";
 549                                 }
 550                                 align : 0.5 0.0;
 551                                 text {
 552                                         style : guide_text;
 553                                         min : 0 1;
 554                                         align : 0.5 0.0;
 555                                 }
 556                         }
 557                 }
 558 #endif
 559         }
 560
 561         programs {
 562                 BLOCK_CLICKED(rect.block_1);
 563                 BLOCK_CLICKED(rect.block_2);
 564                 BLOCK_CLICKED(rect.block_3);
 565         }
 566 }
 567
 568 group {
 569         name : "lockscreen.options.help.step4";
 570
 571 #if 0
 572         images {
 573                 image : "help/B31_help_popup_picker_bg.png" COMP;
 574                 image : "help/B31_help_popup_picker_top.png" COMP;
 575         }
 576 #endif
 577
 578         parts {
 579                 part {
 580                         name : "bg";
 581                         type : RECT;
 582                         mouse_events : 0;
 583                         repeat_events : 1;
 584                         description {
 585                                 state : "default" 0.0;
 586                                 color : 0 0 0 0;
 587                         }
 588                 }
 589
 590                 part {
 591                         name : "rect.block_1";
 592                         type : RECT;
 593                         mouse_events : 1;
 594                         repeat_events : 0;
 595                         description {
 596                                 state : "default" 0.0;
 597                                 rel1 {
 598                                         to : "bg";
 599                                 }
 600                                 rel2 {
 601                                         to : "bg";
 602                                 }
 603                                 color : 0 0 0 0;
 604                         }
 605                 }
 606 #if 0
 607                 part {
 608                         name : "img.popup_picker_bg";
 609                         type : IMAGE;
 610                         scale : 1;
 611                         mouse_events : 0;
 612                         description {
 613                                 state : "default" 0.0;
 614                                 rel1 {
 615                                         to : "txt.guide_text";
 616                                         relative : 0.0 0.0;
 617                                         offset : -36 -28;
 618                                 }
 619                                 rel2 {
 620                                         to : "txt.guide_text";
 621                                         relative : 1.0 1.0;
 622                                         offset : 36 36;
 623                                 }
 624                                 image.normal : "help/B31_help_popup_picker_bg.png";
 625                                 image.border : 23 23 23 23;
 626                         }
 627                 }
 628                 part {
 629                         name : "img.bubble_pick";
 630                         type : IMAGE;
 631                         scale : 1;
 632                         mouse_events : 1;
 633                         description {
 634                                 state : "default" 0.0;
 635                                 min : 40 34;
 636                                 max : 40 34;
 637                                 fixed : 1 1;
 638                                 align : 0.5 1.0;
 639                                 rel1 {
 640                                         relative : 0.0 0.0;
 641                                         to_x : bg;
 642                                         to_y : "txt.guide_text";
 643                                         offset : 0 -22-34;
 644                                 }
 645                                 rel2 {
 646                                         relative : 113/HELP_WIDTH 0.0;
 647                                         to_x : bg;
 648                                         to_y : "txt.guide_text";
 649                                         offset : 0 -22;
 650                                 }
 651                                 image.normal : "help/B31_help_popup_picker_top.png";
 652                         }
 653                 }
 654                 part {
 655                         name : "txt.guide_text";
 656                         type : TEXTBLOCK;
 657                         scale : 1;
 658                         mouse_events : 0;
 659                         description {
 660                                 state : "default" 0.0;
 661                                 color : 255 255 255 255;
 662                                 rel1 {
 663                                         relative : (12+22)/HELP_WIDTH (700+32)/HELP_HEIGHT;
 664                                         to : "bg";
 665                                 }
 666                                 rel2 {
 667                                         relative : (572-22)/HELP_WIDTH (700+32)/HELP_HEIGHT;
 668                                         to : "bg";
 669                                 }
 670                                 align : 0.5 0.0;
 671                                 text {
 672                                         style : guide_text;
 673                                         min : 0 1;
 674                                         align : 0.5 0.0;
 675                                 }
 676                         }
 677                 }
 678 #endif
 679         }
 680
 681         programs {
 682                 BLOCK_CLICKED(rect.block_1);
 683         }
 684 }