Commit d095b044ce636d820bd1ca62d857f1c6c3cd44f2

Authored by Adeel Kazmi
1 parent 2f2567c2

(Scripting) Added a music library & contacts example

Change-Id: I251f6752e7eddd590e2e692adc629f97e5d3803e
demo/images/contacts-add.png 0 → 100644

1.59 KB

demo/images/contacts-background.png 0 → 100644

1.4 MB

demo/images/contacts-circle.png 0 → 100644

1.49 KB

demo/images/contacts-email.png 0 → 100644

3.54 KB

demo/images/contacts-home.png 0 → 100644

3.04 KB

demo/images/contacts-image.png 0 → 100644

4.51 KB

demo/images/contacts-main.png 0 → 100644

38.1 KB

demo/images/contacts-messenger.png 0 → 100644

2.34 KB

demo/images/contacts-mobile.png 0 → 100644

3.19 KB

demo/images/contacts-plain.png 0 → 100644

772 Bytes

demo/images/contacts-text.png 0 → 100644

1.19 KB

demo/images/music-libray-arrow.png 0 → 100644

1.19 KB

demo/images/music-libray-circle.png 0 → 100644

1.39 KB

demo/images/music-libray-foxtrot-oscar.png 0 → 100644

4.17 KB

demo/images/music-libray-main-screen.png 0 → 100644

355 KB

demo/images/music-libray-menu.png 0 → 100644

166 Bytes

demo/images/music-libray-pause.png 0 → 100644

328 Bytes

demo/images/music-libray-record-cover.png 0 → 100644

444 KB

demo/images/music-libray-rectangle.png 0 → 100644

545 Bytes

demo/images/music-libray-star.png 0 → 100644

2.34 KB

demo/images/music-libray-the-solars.png 0 → 100644

6.51 KB

demo/images/music-libray-triangle.png 0 → 100644

1.38 KB

demo/scripts/contacts.json 0 → 100644
  1 +{
  2 + "stage": [
  3 + {
  4 + "type": "Control",
  5 + "background-color": [ 1, 1, 1, 1 ],
  6 + "parent-origin": "TOP_LEFT",
  7 + "anchor-point": "TOP_LEFT",
  8 + "draw-mode": "STENCIL",
  9 + "size": [ 360, 630, 0 ]
  10 + },
  11 + {
  12 + "type": "ImageActor",
  13 + "actors": [],
  14 + "name": "Image 1",
  15 + "position": [
  16 + 181,
  17 + 317,
  18 + -1
  19 + ],
  20 + "inherit-position": true,
  21 + "size": [
  22 + 360,
  23 + 640,
  24 + 1
  25 + ],
  26 + "sizeAspectRatio": false,
  27 + "image": {
  28 + "filename": "{DALI_IMAGE_DIR}contacts-main.png",
  29 + "width": 361,
  30 + "height": 640,
  31 + "load-policy": "IMMEDIATE",
  32 + "release-policy": "NEVER"
  33 + },
  34 + "signals": [
  35 + {
  36 + "name": "touched",
  37 + "action": "play",
  38 + "animation": "Animation_1"
  39 + }
  40 + ]
  41 + },
  42 + {
  43 + "type": "ImageActor",
  44 + "actors": [],
  45 + "name": "Image 2",
  46 + "position": [
  47 + 541,
  48 + 139,
  49 + 0
  50 + ],
  51 + "inherit-position": true,
  52 + "size": [
  53 + 360,
  54 + 282,
  55 + 1
  56 + ],
  57 + "sizeAspectRatio": false,
  58 + "image": {
  59 + "filename": "{DALI_IMAGE_DIR}contacts-background.png",
  60 + "width": 360,
  61 + "height": 282,
  62 + "load-policy": "IMMEDIATE",
  63 + "release-policy": "NEVER"
  64 + }
  65 + },
  66 + {
  67 + "type": "Control",
  68 + "actors": [],
  69 + "name": "Container 1",
  70 + "position": [
  71 + 179.51602487416508,
  72 + 824.0520479877184,
  73 + 0
  74 + ],
  75 + "inherit-position": true,
  76 + "size": [
  77 + 393.04,
  78 + 378.08,
  79 + 1
  80 + ],
  81 + "sizeAspectRatio": false,
  82 + "background-color": [
  83 + 1,
  84 + 1,
  85 + 1,
  86 + 1
  87 + ],
  88 + "color": [
  89 + 1,
  90 + 1,
  91 + 1,
  92 + 0.815
  93 + ]
  94 + },
  95 + {
  96 + "type": "ImageActor",
  97 + "actors": [],
  98 + "name": "Image 7",
  99 + "position": [
  100 + 43.50213893798224,
  101 + 402.004657366638,
  102 + 1
  103 + ],
  104 + "inherit-position": true,
  105 + "size": [
  106 + 53,
  107 + 52,
  108 + 1
  109 + ],
  110 + "sizeAspectRatio": false,
  111 + "image": {
  112 + "filename": "{DALI_IMAGE_DIR}contacts-image.png",
  113 + "width": 53,
  114 + "height": 52,
  115 + "load-policy": "IMMEDIATE",
  116 + "release-policy": "NEVER"
  117 + }
  118 + },
  119 + {
  120 + "type": "ImageActor",
  121 + "actors": [],
  122 + "name": "Textinput 1",
  123 + "position": [
  124 + 151,
  125 + 405,
  126 + 1
  127 + ],
  128 + "inherit-position": true,
  129 + "size": [
  130 + 152.89,
  131 + 24.33,
  132 + 1
  133 + ],
  134 + "sizeAspectRatio": false,
  135 + "markup-enabled": true,
  136 + "color": [
  137 + 0.2,
  138 + 0.2,
  139 + 0.2,
  140 + 1
  141 + ],
  142 + "image": {
  143 + "filename": "{DALI_IMAGE_DIR}contacts-text.png"
  144 + }
  145 + },
  146 + {
  147 + "type": "ImageActor",
  148 + "actors": [],
  149 + "name": "Image 11",
  150 + "position": [
  151 + 328.0154985718759,
  152 + 611.5127067356418,
  153 + 1
  154 + ],
  155 + "inherit-position": true,
  156 + "size": [
  157 + 80,
  158 + 71,
  159 + 1
  160 + ],
  161 + "sizeAspectRatio": false,
  162 + "image": {
  163 + "filename": "{DALI_IMAGE_DIR}contacts-add.png",
  164 + "width": 80,
  165 + "height": 71,
  166 + "load-policy": "IMMEDIATE",
  167 + "release-policy": "NEVER"
  168 + }
  169 + },
  170 + {
  171 + "type": "ImageActor",
  172 + "actors": [],
  173 + "name": "Image 3",
  174 + "position": [
  175 + 181.00193136172533,
  176 + 677.5051724136168,
  177 + 0
  178 + ],
  179 + "inherit-position": true,
  180 + "size": [
  181 + 360,
  182 + 77,
  183 + 1
  184 + ],
  185 + "sizeAspectRatio": false,
  186 + "image": {
  187 + "filename": "{DALI_IMAGE_DIR}contacts-messenger.png",
  188 + "width": 360,
  189 + "height": 77,
  190 + "load-policy": "IMMEDIATE",
  191 + "release-policy": "NEVER"
  192 + }
  193 + },
  194 + {
  195 + "type": "ImageActor",
  196 + "actors": [],
  197 + "name": "Image 4",
  198 + "position": [
  199 + 181.01420620981605,
  200 + 704.5075140543304,
  201 + 0
  202 + ],
  203 + "inherit-position": true,
  204 + "size": [
  205 + 360,
  206 + 79,
  207 + 1
  208 + ],
  209 + "sizeAspectRatio": false,
  210 + "image": {
  211 + "filename": "{DALI_IMAGE_DIR}contacts-email.png",
  212 + "width": 360,
  213 + "height": 79,
  214 + "load-policy": "IMMEDIATE",
  215 + "release-policy": "NEVER"
  216 + }
  217 + },
  218 + {
  219 + "type": "ImageActor",
  220 + "actors": [],
  221 + "name": "Image 5",
  222 + "position": [
  223 + 181.00407437387986,
  224 + 727.0088875903122,
  225 + 0
  226 + ],
  227 + "inherit-position": true,
  228 + "size": [
  229 + 360,
  230 + 80,
  231 + 1
  232 + ],
  233 + "sizeAspectRatio": false,
  234 + "image": {
  235 + "filename": "{DALI_IMAGE_DIR}contacts-mobile.png",
  236 + "width": 360,
  237 + "height": 80,
  238 + "load-policy": "IMMEDIATE",
  239 + "release-policy": "NEVER"
  240 + }
  241 + },
  242 + {
  243 + "type": "ImageActor",
  244 + "actors": [],
  245 + "name": "Image 6",
  246 + "position": [
  247 + 181.00990662214662,
  248 + 749.5101801844454,
  249 + 0
  250 + ],
  251 + "inherit-position": true,
  252 + "size": [
  253 + 360,
  254 + 75,
  255 + 1
  256 + ],
  257 + "sizeAspectRatio": false,
  258 + "image": {
  259 + "filename": "{DALI_IMAGE_DIR}contacts-home.png",
  260 + "width": 360,
  261 + "height": 75,
  262 + "load-policy": "IMMEDIATE",
  263 + "release-policy": "NEVER"
  264 + }
  265 + },
  266 + {
  267 + "type": "ImageActor",
  268 + "actors": [],
  269 + "name": "Image 9",
  270 + "position": [
  271 + -15.508874240447994,
  272 + 50.289953613295076,
  273 + 1
  274 + ],
  275 + "inherit-position": true,
  276 + "size": [
  277 + 25,
  278 + 20.55,
  279 + 1
  280 + ],
  281 + "sizeAspectRatio": false,
  282 + "image": {
  283 + "filename": "{DALI_IMAGE_DIR}contacts-circle.png",
  284 + "width": 100,
  285 + "height": 100,
  286 + "load-policy": "IMMEDIATE",
  287 + "release-policy": "NEVER"
  288 + }
  289 + },
  290 + {
  291 + "type": "ImageActor",
  292 + "actors": [],
  293 + "name": "Image 10",
  294 + "position": [
  295 + 179.99998576619936,
  296 + 817.499887599389,
  297 + 0
  298 + ],
  299 + "inherit-position": true,
  300 + "size": [
  301 + 360,
  302 + 77,
  303 + 1
  304 + ],
  305 + "sizeAspectRatio": false,
  306 + "image": {
  307 + "filename": "{DALI_IMAGE_DIR}contacts-plain.png",
  308 + "width": 360,
  309 + "height": 77,
  310 + "load-policy": "IMMEDIATE",
  311 + "release-policy": "NEVER"
  312 + }
  313 + },
  314 + {
  315 + "type": "Control",
  316 + "actors": [],
  317 + "name": "Container 2",
  318 + "position": [
  319 + -346.36,
  320 + 401.485,
  321 + 0
  322 + ],
  323 + "inherit-position": true,
  324 + "size": [
  325 + 693.96,
  326 + 84.97,
  327 + 1
  328 + ],
  329 + "sizeAspectRatio": false,
  330 + "background-color": [
  331 + 0.788235294117647,
  332 + 0.7647058823529411,
  333 + 0.7647058823529411,
  334 + 1
  335 + ],
  336 + "color": [
  337 + 0.788235294117647,
  338 + 0.7647058823529411,
  339 + 0.7647058823529411,
  340 + 0.293
  341 + ]
  342 + }
  343 + ],
  344 + "animations": {
  345 + "Animation_1": {
  346 + "properties": [
  347 + {
  348 + "actor": "Image 11",
  349 + "property": "position",
  350 + "value": [
  351 + 518.01,
  352 + 609.5059654033565,
  353 + 1
  354 + ],
  355 + "alpha-function": "LINEAR",
  356 + "time-period": {
  357 + "delay": 0.503,
  358 + "duration": 0.005
  359 + },
  360 + "timelineColor": "#c09183"
  361 + },
  362 + {
  363 + "actor": "Image 11",
  364 + "property": "size",
  365 + "value": [
  366 + 20,
  367 + 20,
  368 + 1
  369 + ],
  370 + "alpha-function": "LINEAR",
  371 + "time-period": {
  372 + "delay": 4.071,
  373 + "duration": 0.005
  374 + },
  375 + "timelineColor": "#c09183"
  376 + },
  377 + {
  378 + "actor": "Image 11",
  379 + "property": "size",
  380 + "value": [
  381 + 80,
  382 + 71,
  383 + 1
  384 + ],
  385 + "alpha-function": "LINEAR",
  386 + "time-period": {
  387 + "delay": 4.498,
  388 + "duration": 0.3
  389 + },
  390 + "timelineColor": "#c09183"
  391 + },
  392 + {
  393 + "actor": "Image 11",
  394 + "property": "position",
  395 + "value": [
  396 + 328.0132503804675,
  397 + 611.5150431968526,
  398 + 1
  399 + ],
  400 + "alpha-function": "LINEAR",
  401 + "time-period": {
  402 + "delay": 4.498,
  403 + "duration": 0.005
  404 + },
  405 + "timelineColor": "#c09183"
  406 + },
  407 + {
  408 + "actor": "Image 7",
  409 + "property": "position",
  410 + "value": [
  411 + 47.5,
  412 + 239.01,
  413 + 1
  414 + ],
  415 + "alpha-function": "LINEAR",
  416 + "time-period": {
  417 + "delay": 1.22,
  418 + "duration": 0.396
  419 + },
  420 + "timelineColor": "#9d96bc"
  421 + },
  422 + {
  423 + "actor": "Image 7",
  424 + "property": "position",
  425 + "value": [
  426 + 43.5,
  427 + 402,
  428 + 1
  429 + ],
  430 + "alpha-function": "LINEAR",
  431 + "time-period": {
  432 + "delay": 4.437,
  433 + "duration": 0.396
  434 + },
  435 + "timelineColor": "#9d96bc"
  436 + },
  437 + {
  438 + "actor": "Textinput 1",
  439 + "property": "position",
  440 + "value": [
  441 + 170,
  442 + 242,
  443 + 1
  444 + ],
  445 + "alpha-function": "LINEAR",
  446 + "time-period": {
  447 + "delay": 1.22,
  448 + "duration": 0.395
  449 + },
  450 + "timelineColor": "#ae85bf"
  451 + },
  452 + {
  453 + "actor": "Textinput 1",
  454 + "property": "color",
  455 + "value": [
  456 + 1,
  457 + 1,
  458 + 1,
  459 + 1
  460 + ],
  461 + "alpha-function": "LINEAR",
  462 + "time-period": {
  463 + "delay": 1.22,
  464 + "duration": 0.395
  465 + },
  466 + "timelineColor": "#ae85ba"
  467 + },
  468 + {
  469 + "actor": "Textinput 1",
  470 + "property": "size",
  471 + "value": [
  472 + 200.89,
  473 + 35.33,
  474 + 1
  475 + ],
  476 + "alpha-function": "LINEAR",
  477 + "time-period": {
  478 + "delay": 1.22,
  479 + "duration": 0.395
  480 + },
  481 + "timelineColor": "#ae85ba"
  482 + },
  483 + {
  484 + "actor": "Textinput 1",
  485 + "property": "position",
  486 + "value": [
  487 + 151,
  488 + 405,
  489 + 1
  490 + ],
  491 + "alpha-function": "LINEAR",
  492 + "time-period": {
  493 + "delay": 4.435,
  494 + "duration": 0.395
  495 + },
  496 + "timelineColor": "#ae85bf"
  497 + },
  498 + {
  499 + "actor": "Textinput 1",
  500 + "property": "color",
  501 + "value": [
  502 + 0.2,
  503 + 0.2,
  504 + 0.2,
  505 + 1
  506 + ],
  507 + "alpha-function": "LINEAR",
  508 + "time-period": {
  509 + "delay": 4.435,
  510 + "duration": 0.395
  511 + },
  512 + "timelineColor": "#ae85ba"
  513 + },
  514 + {
  515 + "actor": "Textinput 1",
  516 + "property": "size",
  517 + "value": [
  518 + 152.89,
  519 + 24.33,
  520 + 1
  521 + ],
  522 + "alpha-function": "LINEAR",
  523 + "time-period": {
  524 + "delay": 4.435,
  525 + "duration": 0.395
  526 + },
  527 + "timelineColor": "#ae85aa"
  528 + },
  529 + {
  530 + "actor": "Image 2",
  531 + "property": "position",
  532 + "value": [
  533 + 181.01,
  534 + 138.98,
  535 + 0
  536 + ],
  537 + "alpha-function": "LINEAR",
  538 + "time-period": {
  539 + "delay": 1.222,
  540 + "duration": 0.391
  541 + },
  542 + "timelineColor": "#b5b5ab"
  543 + },
  544 + {
  545 + "actor": "Image 2",
  546 + "property": "position",
  547 + "value": [
  548 + 581.01,
  549 + 138.98,
  550 + 0
  551 + ],
  552 + "alpha-function": "LINEAR",
  553 + "time-period": {
  554 + "delay": 4.435,
  555 + "duration": 0.391
  556 + },
  557 + "timelineColor": "#b5b5ab"
  558 + },
  559 + {
  560 + "actor": "Image 3",
  561 + "property": "position",
  562 + "value": [
  563 + 181.0109534868741,
  564 + 320.50795521899136,
  565 + 0
  566 + ],
  567 + "alpha-function": "LINEAR",
  568 + "time-period": {
  569 + "delay": 1.346,
  570 + "duration": 0.372
  571 + },
  572 + "timelineColor": "#94cea8"
  573 + },
  574 + {
  575 + "actor": "Image 3",
  576 + "property": "position",
  577 + "value": [
  578 + 181.0109534868741,
  579 + 677.51,
  580 + 0
  581 + ],
  582 + "alpha-function": "LINEAR",
  583 + "time-period": {
  584 + "delay": 4.34,
  585 + "duration": 0.372
  586 + },
  587 + "timelineColor": "#94cea8"
  588 + },
  589 + {
  590 + "actor": "Image 4",
  591 + "property": "position",
  592 + "value": [
  593 + 181,
  594 + 395.5,
  595 + 0
  596 + ],
  597 + "alpha-function": "LINEAR",
  598 + "time-period": {
  599 + "delay": 1.432,
  600 + "duration": 0.39
  601 + },
  602 + "timelineColor": "#fccbed"
  603 + },
  604 + {
  605 + "actor": "Image 4",
  606 + "property": "position",
  607 + "value": [
  608 + 181,
  609 + 704.5,
  610 + 0
  611 + ],
  612 + "alpha-function": "LINEAR",
  613 + "time-period": {
  614 + "delay": 4.218,
  615 + "duration": 0.39
  616 + },
  617 + "timelineColor": "#fccbed"
  618 + },
  619 + {
  620 + "actor": "Image 5",
  621 + "property": "position",
  622 + "value": [
  623 + 181,
  624 + 470.01,
  625 + 0
  626 + ],
  627 + "alpha-function": "LINEAR",
  628 + "time-period": {
  629 + "delay": 1.543,
  630 + "duration": 0.385
  631 + },
  632 + "timelineColor": "#c09ece"
  633 + },
  634 + {
  635 + "actor": "Image 5",
  636 + "property": "position",
  637 + "value": [
  638 + 181,
  639 + 727.01,
  640 + 0
  641 + ],
  642 + "alpha-function": "LINEAR",
  643 + "time-period": {
  644 + "delay": 4.11,
  645 + "duration": 0.385
  646 + },
  647 + "timelineColor": "#c09ece"
  648 + },
  649 + {
  650 + "actor": "Image 6",
  651 + "property": "position",
  652 + "value": [
  653 + 181,
  654 + 541.5,
  655 + 0
  656 + ],
  657 + "alpha-function": "LINEAR",
  658 + "time-period": {
  659 + "delay": 1.635,
  660 + "duration": 0.406
  661 + },
  662 + "timelineColor": "#cfacc6"
  663 + },
  664 + {
  665 + "actor": "Image 6",
  666 + "property": "position",
  667 + "value": [
  668 + 181,
  669 + 749.5,
  670 + 0
  671 + ],
  672 + "alpha-function": "LINEAR",
  673 + "time-period": {
  674 + "delay": 3.993,
  675 + "duration": 0.406
  676 + },
  677 + "timelineColor": "#cfacc6"
  678 + },
  679 + {
  680 + "actor": "Image 10",
  681 + "property": "position",
  682 + "value": [
  683 + 179.99303595684773,
  684 + 608.5139116202711,
  685 + 0
  686 + ],
  687 + "alpha-function": "LINEAR",
  688 + "time-period": {
  689 + "delay": 1.726,
  690 + "duration": 0.435
  691 + },
  692 + "timelineColor": "#84d89f"
  693 + },
  694 + {
  695 + "actor": "Image 10",
  696 + "property": "position",
  697 + "value": [
  698 + 179.99303595684773,
  699 + 817.51,
  700 + 0
  701 + ],
  702 + "alpha-function": "LINEAR",
  703 + "time-period": {
  704 + "delay": 3.865,
  705 + "duration": 0.435
  706 + },
  707 + "timelineColor": "#84d89f"
  708 + },
  709 + {
  710 + "actor": "Image 9",
  711 + "property": "position",
  712 + "value": [
  713 + 25,
  714 + 48.280475138643396,
  715 + 1
  716 + ],
  717 + "alpha-function": "LINEAR",
  718 + "time-period": {
  719 + "delay": 2.66,
  720 + "duration": 0.005
  721 + },
  722 + "timelineColor": "#c79ccd"
  723 + },
  724 + {
  725 + "actor": "Image 9",
  726 + "property": "position",
  727 + "value": [
  728 + -41.5,
  729 + 48.280475138643396,
  730 + 1
  731 + ],
  732 + "alpha-function": "LINEAR",
  733 + "time-period": {
  734 + "delay": 2.851,
  735 + "duration": 0.008
  736 + },
  737 + "timelineColor": "#c79ccd"
  738 + },
  739 + {
  740 + "actor": "Image 9",
  741 + "property": "size",
  742 + "value": [
  743 + 80,
  744 + 80,
  745 + 1
  746 + ],
  747 + "alpha-function": "LINEAR",
  748 + "time-period": {
  749 + "delay": 2.665,
  750 + "duration": 1.187
  751 + },
  752 + "timelineColor": "#c79ccd"
  753 + },
  754 + {
  755 + "actor": "Container 1",
  756 + "property": "position",
  757 + "value": [
  758 + 181.52411554172681,
  759 + 470.05397482417106,
  760 + 0
  761 + ],
  762 + "alpha-function": "LINEAR",
  763 + "time-period": {
  764 + "delay": 1.031,
  765 + "duration": 0.561
  766 + },
  767 + "timelineColor": "#9fb2e5"
  768 + },
  769 + {
  770 + "actor": "Container 1",
  771 + "property": "position",
  772 + "value": [
  773 + 585.5409448696578,
  774 + 467.042499801712,
  775 + 0
  776 + ],
  777 + "alpha-function": "LINEAR",
  778 + "time-period": {
  779 + "delay": 4.342,
  780 + "duration": 0.005
  781 + },
  782 + "timelineColor": "#9fb2e5"
  783 + },
  784 + {
  785 + "actor": "Container 2",
  786 + "property": "position",
  787 + "value": [
  788 + 770.32,
  789 + 402.425,
  790 + 0
  791 + ],
  792 + "alpha-function": "LINEAR",
  793 + "time-period": {
  794 + "delay": 0,
  795 + "duration": 0.904
  796 + },
  797 + "timelineColor": "#d9c087"
  798 + }
  799 + ],
  800 + "page": ""
  801 + }
  802 + },
  803 + "connections": {
  804 + "Named_conn_1": {
  805 + "id": "_191ssaipk029",
  806 + "name": "Named_conn_1",
  807 + "target": {
  808 + "type": "animation",
  809 + "name": "Animation_1",
  810 + "action": "play"
  811 + },
  812 + "sources": [
  813 + "Image 1"
  814 + ],
  815 + "signal": "click"
  816 + }
  817 + },
  818 + "constants": {},
  819 + "styles": {},
  820 + "deviceHeight": 630,
  821 + "deviceWidth": 360,
  822 + "deviceOrientation": "portrait",
  823 + "version": "781"
  824 +}
... ...
demo/scripts/music-library.json 0 → 100644
  1 +{
  2 + "stage": [
  3 + {
  4 + "type": "Control",
  5 + "background-color": [ 1, 1, 1, 1 ],
  6 + "parent-origin": "TOP_LEFT",
  7 + "anchor-point": "TOP_LEFT",
  8 + "draw-mode": "STENCIL",
  9 + "size": [ 400, 720, 0 ]
  10 + },
  11 + {
  12 + "type": "ImageActor",
  13 + "actors": [],
  14 + "name": "Screen",
  15 + "position": [
  16 + 200,
  17 + 355,
  18 + -1
  19 + ],
  20 + "inherit-position": true,
  21 + "size": [
  22 + 400,
  23 + 630,
  24 + 1
  25 + ],
  26 + "sizeAspectRatio": false,
  27 + "image": {
  28 + "filename": "{DALI_IMAGE_DIR}music-libray-main-screen.png",
  29 + "width": 545,
  30 + "height": 860,
  31 + "load-policy": "IMMEDIATE",
  32 + "release-policy": "NEVER"
  33 + }
  34 + },
  35 + {
  36 + "type": "Control",
  37 + "actors": [
  38 + {
  39 + "type": "ImageActor",
  40 + "actors": [],
  41 + "name": "Circle",
  42 + "position": [
  43 + 200,
  44 + 25,
  45 + 1
  46 + ],
  47 + "inherit-position": true,
  48 + "size": [
  49 + 30,
  50 + 30,
  51 + 1
  52 + ],
  53 + "sizeAspectRatio": true,
  54 + "image": {
  55 + "filename": "{DALI_IMAGE_DIR}music-libray-circle.png",
  56 + "width": 128,
  57 + "height": 128,
  58 + "load-policy": "IMMEDIATE",
  59 + "release-policy": "NEVER"
  60 + }
  61 + },
  62 + {
  63 + "type": "ImageActor",
  64 + "actors": [],
  65 + "name": "Triangle",
  66 + "position": [
  67 + 100,
  68 + 25,
  69 + 1
  70 + ],
  71 + "inherit-position": true,
  72 + "size": [
  73 + 28.030303030303028,
  74 + 30,
  75 + 1
  76 + ],
  77 + "sizeAspectRatio": true,
  78 + "image": {
  79 + "filename": "{DALI_IMAGE_DIR}music-libray-triangle.png",
  80 + "width": 185,
  81 + "height": 198,
  82 + "load-policy": "IMMEDIATE",
  83 + "release-policy": "NEVER"
  84 + }
  85 + },
  86 + {
  87 + "type": "ImageActor",
  88 + "actors": [],
  89 + "name": "Rectangle",
  90 + "position": [
  91 + 300,
  92 + 25,
  93 + 1
  94 + ],
  95 + "inherit-position": true,
  96 + "size": [
  97 + 30,
  98 + 30,
  99 + 1
  100 + ],
  101 + "sizeAspectRatio": true,
  102 + "image": {
  103 + "filename": "{DALI_IMAGE_DIR}music-libray-rectangle.png",
  104 + "width": 128,
  105 + "height": 128,
  106 + "load-policy": "IMMEDIATE",
  107 + "release-policy": "NEVER"
  108 + }
  109 + }
  110 + ],
  111 + "name": "Toolbar",
  112 + "position": [
  113 + 200,
  114 + 695,
  115 + 1
  116 + ],
  117 + "inherit-position": true,
  118 + "size": [
  119 + 400,
  120 + 50,
  121 + 1
  122 + ],
  123 + "sizeAspectRatio": false,
  124 + "background-color": [
  125 + 0,
  126 + 0,
  127 + 0,
  128 + 1
  129 + ]
  130 + },
  131 + {
  132 + "type": "Control",
  133 + "actors": [
  134 + {
  135 + "type": "TextView",
  136 + "actors": [],
  137 + "name": "Time",
  138 + "position": [
  139 + 345,
  140 + 20,
  141 + 0
  142 + ],
  143 + "inherit-position": true,
  144 + "size": [
  145 + 50,
  146 + 20,
  147 + 1
  148 + ],
  149 + "sizeAspectRatio": false,
  150 + "markup-enabled": true,
  151 + "text": "<font size=10px color=#ffffff><b>12:30</b></font>"
  152 + }
  153 + ],
  154 + "name": "Indicators",
  155 + "position": [
  156 + 200,
  157 + 20,
  158 + 0
  159 + ],
  160 + "inherit-position": true,
  161 + "size": [
  162 + 400,
  163 + 40,
  164 + 1
  165 + ],
  166 + "sizeAspectRatio": false,
  167 + "background-color": [
  168 + 0.33725490196078434,
  169 + 0.7568627450980392,
  170 + 0.6509803921568628,
  171 + 1
  172 + ],
  173 + "color": [
  174 + 0.33725490196078434,
  175 + 0.7568627450980392,
  176 + 0.6509803921568628,
  177 + 0
  178 + ]
  179 + },
  180 + {
  181 + "type": "ImageActor",
  182 + "actors": [],
  183 + "name": "Foxtrot Oscar",
  184 + "position": [
  185 + 100,
  186 + 288,
  187 + 0
  188 + ],
  189 + "inherit-position": true,
  190 + "size": [
  191 + 200,
  192 + 35,
  193 + 1
  194 + ],
  195 + "color":[0,0,0,0],
  196 + "sizeAspectRatio": false,
  197 + "image": {
  198 + "filename": "{DALI_IMAGE_DIR}music-libray-foxtrot-oscar.png",
  199 + "width": 545,
  200 + "height": 95,
  201 + "load-policy": "IMMEDIATE",
  202 + "release-policy": "NEVER"
  203 + }
  204 + },
  205 + {
  206 + "type": "Control",
  207 + "actors": [],
  208 + "name": "Foxtrot Oscar container",
  209 + "position": [
  210 + 100,
  211 + 288,
  212 + 0
  213 + ],
  214 + "inherit-position": true,
  215 + "size": [
  216 + 200,
  217 + 35,
  218 + 1
  219 + ],
  220 + "sizeAspectRatio": false,
  221 + "background-color": [
  222 + 1,
  223 + 1,
  224 + 1,
  225 + 1
  226 + ],
  227 + "color": [
  228 + 1,
  229 + 1,
  230 + 1,
  231 + 1
  232 + ]
  233 + },
  234 + {
  235 + "type": "ImageActor",
  236 + "actors": [],
  237 + "name": "Record text",
  238 + "position": [
  239 + 100,
  240 + 266,
  241 + 0
  242 + ],
  243 + "inherit-position": true,
  244 + "size": [
  245 + 200,
  246 + 80,
  247 + 1
  248 + ],
  249 + "color" : [
  250 + 0,0,0,0
  251 + ],
  252 + "sizeAspectRatio": true,
  253 + "image": {
  254 + "filename": "{DALI_IMAGE_DIR}music-libray-the-solars.png",
  255 + "width": 545,
  256 + "height": 218,
  257 + "load-policy": "IMMEDIATE",
  258 + "release-policy": "NEVER"
  259 + }
  260 + },
  261 + {
  262 + "type": "Control",
  263 + "actors": [],
  264 + "name": "Record container",
  265 + "position": [
  266 + 100,
  267 + 266,
  268 + 0
  269 + ],
  270 + "inherit-position": true,
  271 + "size": [
  272 + 200,
  273 + 80,
  274 + 1
  275 + ],
  276 + "sizeAspectRatio": false,
  277 + "background-color": [
  278 + 0.18823529411764706,
  279 + 0.3411764705882353,
  280 + 0.403921568627451,
  281 + 1
  282 + ]
  283 + },
  284 + {
  285 + "type": "ImageActor",
  286 + "actors": [
  287 + {
  288 + "type": "Control",
  289 + "name": "Tapped Record",
  290 + "actors": [],
  291 + "position-inheritance":"USE_PARENT_POSITION",
  292 + "signals": [
  293 + {
  294 + "name": "tapped",
  295 + "action": "play",
  296 + "animation": "Animation_1"
  297 + }
  298 + ],
  299 + "size": [
  300 + 200,
  301 + 200,
  302 + 1
  303 + ]
  304 + }
  305 + ],
  306 + "name": "Record image",
  307 + "position": [
  308 + 100,
  309 + 206,
  310 + 0
  311 + ],
  312 + "inherit-position": true,
  313 + "size": [
  314 + 200,
  315 + 200,
  316 + 1
  317 + ],
  318 + "sizeAspectRatio": false,
  319 + "image": {
  320 + "filename": "{DALI_IMAGE_DIR}music-libray-record-cover.png",
  321 + "width": 545,
  322 + "height": 502,
  323 + "load-policy": "IMMEDIATE",
  324 + "release-policy": "NEVER"
  325 + }
  326 + },
  327 + {
  328 + "type": "ImageActor",
  329 + "actors": [],
  330 + "name": "Arrow",
  331 + "position": [
  332 + -16,
  333 + 70,
  334 + 2
  335 + ],
  336 + "inherit-position": true,
  337 + "size": [
  338 + 30,
  339 + 30,
  340 + 1
  341 + ],
  342 + "sizeAspectRatio": true,
  343 + "image": {
  344 + "filename": "{DALI_IMAGE_DIR}music-libray-arrow.png",
  345 + "width": 128,
  346 + "height": 128,
  347 + "load-policy": "IMMEDIATE",
  348 + "release-policy": "NEVER"
  349 + }
  350 + },
  351 + {
  352 + "type": "ImageActor",
  353 + "actors": [],
  354 + "name": "Star",
  355 + "position": [
  356 + 415,
  357 + 70,
  358 + 2
  359 + ],
  360 + "inherit-position": true,
  361 + "size": [
  362 + 30,
  363 + 30,
  364 + 1
  365 + ],
  366 + "sizeAspectRatio": false,
  367 + "image": {
  368 + "filename": "{DALI_IMAGE_DIR}music-libray-star.png",
  369 + "width": 121,
  370 + "height": 128,
  371 + "load-policy": "IMMEDIATE",
  372 + "release-policy": "NEVER"
  373 + }
  374 + },
  375 + {
  376 + "type": "ImageActor",
  377 + "actors": [],
  378 + "name": "Pause",
  379 + "position": [
  380 + 425,
  381 + 440,
  382 + 3
  383 + ],
  384 + "inherit-position": true,
  385 + "size": [
  386 + 50,
  387 + 50,
  388 + 1
  389 + ],
  390 + "sizeAspectRatio": true,
  391 + "scale": [
  392 + 0.1,
  393 + 0.1,
  394 + 1
  395 + ],
  396 + "image": {
  397 + "filename": "{DALI_IMAGE_DIR}music-libray-pause.png",
  398 + "width": 128,
  399 + "height": 128,
  400 + "load-policy": "IMMEDIATE",
  401 + "release-policy": "NEVER"
  402 + }
  403 + },
  404 + {
  405 + "type": "ImageActor",
  406 + "actors": [],
  407 + "name": "Menu",
  408 + "position": [
  409 + 465,
  410 + 70,
  411 + 2
  412 + ],
  413 + "inherit-position": true,
  414 + "size": [
  415 + 30,
  416 + 30,
  417 + 1
  418 + ],
  419 + "sizeAspectRatio": true,
  420 + "image": {
  421 + "filename": "{DALI_IMAGE_DIR}music-libray-menu.png",
  422 + "width": 32,
  423 + "height": 32,
  424 + "load-policy": "IMMEDIATE",
  425 + "release-policy": "NEVER"
  426 + }
  427 + }
  428 + ],
  429 + "animations": {
  430 + "Animation_1": {
  431 + "properties": [
  432 + {
  433 + "actor": "Tapped Record",
  434 + "property": "color-alpha",
  435 + "value": 0,
  436 + "alpha-function": "LINEAR",
  437 + "time-period": {
  438 + "delay": 0,
  439 + "duration": 0.1
  440 + },
  441 + "timelineColor": "#e7dbba"
  442 + },
  443 + {
  444 + "actor": "Record image",
  445 + "property": "position",
  446 + "value": [
  447 + 200,
  448 + 240,
  449 + 0
  450 + ],
  451 + "alpha-function": "LINEAR",
  452 + "time-period": {
  453 + "delay": 0,
  454 + "duration": 0.3
  455 + },
  456 + "timelineColor": "#e7dbbf"
  457 + },
  458 + {
  459 + "actor": "Record image",
  460 + "property": "scale",
  461 + "value": [
  462 + 2,
  463 + 2,
  464 + 1
  465 + ],
  466 + "alpha-function": "LINEAR",
  467 + "time-period": {
  468 + "delay": 0,
  469 + "duration": 0.3
  470 + },
  471 + "timelineColor": "#e7dbbf"
  472 + },
  473 + {
  474 + "actor": "Indicators",
  475 + "property": "color",
  476 + "value": [
  477 + 0.33725490196078434,
  478 + 0.7568627450980392,
  479 + 0.6509803921568628,
  480 + 1
  481 + ],
  482 + "alpha-function": "LINEAR",
  483 + "time-period": {
  484 + "delay": 0.3,
  485 + "duration": 0.2
  486 + },
  487 + "timelineColor": "#97a0e7"
  488 + },
  489 + {
  490 + "actor": "Record text",
  491 + "property": "position",
  492 + "value": [
  493 + 200,
  494 + 360,
  495 + 0
  496 + ],
  497 + "alpha-function": "LINEAR",
  498 + "time-period": {
  499 + "delay": 0,
  500 + "duration": 0.3
  501 + },
  502 + "timelineColor": "#90c2ca"
  503 + },
  504 + {
  505 + "actor": "Record text",
  506 + "property": "position",
  507 + "value": [
  508 + 200,
  509 + 520,
  510 + 0
  511 + ],
  512 + "alpha-function": "LINEAR",
  513 + "time-period": {
  514 + "delay": 0.3,
  515 + "duration": 0.2
  516 + },
  517 + "timelineColor": "#90c2ca"
  518 + },
  519 + {
  520 + "actor": "Record text",
  521 + "property": "scale",
  522 + "value": [
  523 + 2,
  524 + 2,
  525 + 1
  526 + ],
  527 + "alpha-function": "LINEAR",
  528 + "time-period": {
  529 + "delay": 0,
  530 + "duration": 0.3
  531 + },
  532 + "timelineColor": "#90c2ca"
  533 + },
  534 + {
  535 + "actor": "Record container",
  536 + "property": "position",
  537 + "value": [
  538 + 200,
  539 + 360,
  540 + 0
  541 + ],
  542 + "alpha-function": "LINEAR",
  543 + "time-period": {
  544 + "delay": 0,
  545 + "duration": 0.3
  546 + },
  547 + "timelineColor": "#eba6ba"
  548 + },
  549 + {
  550 + "actor": "Record container",
  551 + "property": "position",
  552 + "value": [
  553 + 200,
  554 + 520,
  555 + 0
  556 + ],
  557 + "alpha-function": "LINEAR",
  558 + "time-period": {
  559 + "delay": 0.3,
  560 + "duration": 0.2
  561 + },
  562 + "timelineColor": "#eba6ba"
  563 + },
  564 + {
  565 + "actor": "Record container",
  566 + "property": "scale",
  567 + "value": [
  568 + 2,
  569 + 2,
  570 + 1
  571 + ],
  572 + "alpha-function": "LINEAR",
  573 + "time-period": {
  574 + "delay": 0,
  575 + "duration": 0.3
  576 + },
  577 + "timelineColor": "#eba6ba"
  578 + },
  579 + {
  580 + "actor": "Record text",
  581 + "property": "color",
  582 + "value": [
  583 + 1,
  584 + 1,
  585 + 1,
  586 + 1
  587 + ],
  588 + "alpha-function": "LINEAR",
  589 + "time-period": {
  590 + "delay": 0.5,
  591 + "duration": 0.2
  592 + },
  593 + "timelineColor": "#eba6ba"
  594 + },
  595 + {
  596 + "actor": "Foxtrot Oscar",
  597 + "property": "position",
  598 + "value": [
  599 + 200,
  600 + 288,
  601 + 0
  602 + ],
  603 + "alpha-function": "LINEAR",
  604 + "time-period": {
  605 + "delay": 0,
  606 + "duration": 0.3
  607 + },
  608 + "timelineColor": "#e1d2d6"
  609 + },
  610 + {
  611 + "actor": "Foxtrot Oscar",
  612 + "property": "position",
  613 + "value": [
  614 + 200,
  615 + 635,
  616 + 0
  617 + ],
  618 + "alpha-function": "LINEAR",
  619 + "time-period": {
  620 + "delay": 0.3,
  621 + "duration": 0.2
  622 + },
  623 + "timelineColor": "#e1d2d6"
  624 + },
  625 + {
  626 + "actor": "Foxtrot Oscar",
  627 + "property": "scale",
  628 + "value": [
  629 + 2,
  630 + 2,
  631 + 1
  632 + ],
  633 + "alpha-function": "LINEAR",
  634 + "time-period": {
  635 + "delay": 0,
  636 + "duration": 0.3
  637 + },
  638 + "timelineColor": "#e1d2d6"
  639 + },
  640 + {
  641 + "actor": "Foxtrot Oscar container",
  642 + "property": "position",
  643 + "value": [
  644 + 200,
  645 + 288,
  646 + 0
  647 + ],
  648 + "alpha-function": "LINEAR",
  649 + "time-period": {
  650 + "delay": 0,
  651 + "duration": 0.3
  652 + },
  653 + "timelineColor": "#fbda85"
  654 + },
  655 + {
  656 + "actor": "Foxtrot Oscar container",
  657 + "property": "position",
  658 + "value": [
  659 + 200,
  660 + 635,
  661 + 0
  662 + ],
  663 + "alpha-function": "LINEAR",
  664 + "time-period": {
  665 + "delay": 0.3,
  666 + "duration": 0.2
  667 + },
  668 + "timelineColor": "#fbda85"
  669 + },
  670 + {
  671 + "actor": "Foxtrot Oscar container",
  672 + "property": "scale",
  673 + "value": [
  674 + 2,
  675 + 2,
  676 + 1
  677 + ],
  678 + "alpha-function": "LINEAR",
  679 + "time-period": {
  680 + "delay": 0,
  681 + "duration": 0.3
  682 + },
  683 + "timelineColor": "#fbda85"
  684 + },
  685 + {
  686 + "actor": "Foxtrot Oscar",
  687 + "property": "color",
  688 + "value": [
  689 + 1,
  690 + 1,
  691 + 1,
  692 + 1
  693 + ],
  694 + "alpha-function": "LINEAR",
  695 + "time-period": {
  696 + "delay": 0.5,
  697 + "duration": 0.2
  698 + },
  699 + "timelineColor": "#fbda85"
  700 + },
  701 + {
  702 + "actor": "Arrow",
  703 + "property": "position",
  704 + "value": [
  705 + 30,
  706 + 70,
  707 + 2
  708 + ],
  709 + "alpha-function": "LINEAR",
  710 + "time-period": {
  711 + "delay": 0.3,
  712 + "duration": 0.2
  713 + },
  714 + "timelineColor": "#8a9098"
  715 + },
  716 + {
  717 + "actor": "Star",
  718 + "property": "position",
  719 + "value": [
  720 + 320,
  721 + 70,
  722 + 2
  723 + ],
  724 + "alpha-function": "LINEAR",
  725 + "time-period": {
  726 + "delay": 0.299,
  727 + "duration": 0.2
  728 + },
  729 + "timelineColor": "#9ae2c6"
  730 + },
  731 + {
  732 + "actor": "Menu",
  733 + "property": "position",
  734 + "value": [
  735 + 370,
  736 + 70,
  737 + 2
  738 + ],
  739 + "alpha-function": "LINEAR",
  740 + "time-period": {
  741 + "delay": 0.3,
  742 + "duration": 0.2
  743 + },
  744 + "timelineColor": "#cf7feb"
  745 + },
  746 + {
  747 + "actor": "Pause",
  748 + "property": "position",
  749 + "value": [
  750 + 360,
  751 + 440,
  752 + 3
  753 + ],
  754 + "alpha-function": "LINEAR",
  755 + "time-period": {
  756 + "delay": 0.599,
  757 + "duration": 0.1
  758 + },
  759 + "timelineColor": "#d3eaa7"
  760 + },
  761 + {
  762 + "actor": "Pause",
  763 + "property": "scale",
  764 + "value": [
  765 + 0.1,
  766 + 0.1,
  767 + 1
  768 + ],
  769 + "alpha-function": "LINEAR",
  770 + "time-period": {
  771 + "delay": 0.6,
  772 + "duration": 0.1
  773 + },
  774 + "timelineColor": "#d3eaa7"
  775 + },
  776 + {
  777 + "actor": "Pause",
  778 + "property": "scale",
  779 + "value": [
  780 + 1,
  781 + 1,
  782 + 1
  783 + ],
  784 + "alpha-function": "LINEAR",
  785 + "time-period": {
  786 + "delay": 0.7,
  787 + "duration": 0.3
  788 + },
  789 + "timelineColor": "#d3eaa7"
  790 + }
  791 + ],
  792 + "page": ""
  793 + }
  794 + },
  795 + "connections": {
  796 + "Named_conn_1": {
  797 + "id": "_191ss6ct70d1",
  798 + "name": "Named_conn_1",
  799 + "target": {
  800 + "type": "animation",
  801 + "name": "Animation_1",
  802 + "action": "play"
  803 + },
  804 + "sources": [
  805 + "Record image"
  806 + ],
  807 + "signal": "click"
  808 + }
  809 + },
  810 + "constants": {},
  811 + "styles": {},
  812 + "deviceHeight": 720,
  813 + "deviceWidth": 400,
  814 + "deviceOrientation": "portrait",
  815 + "version": "781"
  816 +}
... ...