Implement image fitting modes
[platform/core/uifw/dali-demo.git] / resources / scripts / music-library.json
1 {
2   "stage": [
3     {
4       "type": "Control",
5       "background": {"color": [ 1, 1, 1, 1 ]},
6       "parentOrigin": "TOP_LEFT",
7       "anchorPoint": "TOP_LEFT",
8       "drawMode": "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       "inheritPosition": 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         "loadPolicy": "IMMEDIATE",
32         "releasePolicy": "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           "inheritPosition": 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             "loadPolicy": "IMMEDIATE",
59             "releasePolicy": "NEVER"
60           }
61         },
62         {
63           "type": "ImageActor",
64           "actors": [],
65           "name": "Triangle",
66           "position": [
67             100,
68             25,
69             1
70           ],
71           "inheritPosition": 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             "loadPolicy": "IMMEDIATE",
83             "releasePolicy": "NEVER"
84           }
85         },
86         {
87           "type": "ImageActor",
88           "actors": [],
89           "name": "Rectangle",
90           "position": [
91             300,
92             25,
93             1
94           ],
95           "inheritPosition": 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             "loadPolicy": "IMMEDIATE",
107             "releasePolicy": "NEVER"
108           }
109         }
110       ],
111       "name": "Toolbar",
112       "position": [
113         200,
114         695,
115         1
116       ],
117       "inheritPosition": 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": "TextLabel",
136           "actors": [],
137           "name": "Time",
138           "position": [
139             345,
140             20,
141             0
142           ],
143           "inheritPosition": true,
144           "size": [
145             50,
146             20,
147             1
148           ],
149           "sizeAspectRatio": false,
150           "text": "12:30",
151           "pointSize": 10
152         }
153       ],
154       "name": "Indicators",
155       "position": [
156         200,
157         20,
158         0
159       ],
160       "inheritPosition": 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       "inheritPosition": 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         "loadPolicy": "IMMEDIATE",
202         "releasePolicy": "NEVER"
203       }
204     },
205     {
206       "type": "Control",
207       "actors": [],
208       "name": "Foxtrot Oscar container",
209       "position": [
210         100,
211         288,
212         0
213       ],
214       "inheritPosition": 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       "inheritPosition": 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         "loadPolicy": "IMMEDIATE",
258         "releasePolicy": "NEVER"
259       }
260     },
261     {
262       "type": "Control",
263       "actors": [],
264       "name": "Record container",
265       "position": [
266         100,
267         266,
268         0
269       ],
270       "inheritPosition": 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           "positionInheritance":"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       "inheritPosition": 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         "loadPolicy": "IMMEDIATE",
324         "releasePolicy": "NEVER"
325       }
326     },
327     {
328       "type": "ImageActor",
329       "actors": [],
330       "name": "Arrow",
331       "position": [
332         -16,
333         70,
334         2
335       ],
336       "inheritPosition": 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         "loadPolicy": "IMMEDIATE",
348         "releasePolicy": "NEVER"
349       }
350     },
351     {
352       "type": "ImageActor",
353       "actors": [],
354       "name": "Star",
355       "position": [
356         415,
357         70,
358         2
359       ],
360       "inheritPosition": 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         "loadPolicy": "IMMEDIATE",
372         "releasePolicy": "NEVER"
373       }
374     },
375     {
376       "type": "ImageActor",
377       "actors": [],
378       "name": "Pause",
379       "position": [
380         425,
381         440,
382         3
383       ],
384       "inheritPosition": 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         "loadPolicy": "IMMEDIATE",
401         "releasePolicy": "NEVER"
402       }
403     },
404     {
405       "type": "ImageActor",
406       "actors": [],
407       "name": "Menu",
408       "position": [
409         465,
410         70,
411         2
412       ],
413       "inheritPosition": 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         "loadPolicy": "IMMEDIATE",
425         "releasePolicy": "NEVER"
426       }
427     }
428   ],
429   "animations": {
430     "Animation_1": {
431       "properties": [
432         {
433           "actor": "Tapped Record",
434           "property": "colorAlpha",
435           "value": 0,
436           "alphaFunction": "LINEAR",
437           "timePeriod": {
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           "alphaFunction": "LINEAR",
452           "timePeriod": {
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           "alphaFunction": "LINEAR",
467           "timePeriod": {
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           "alphaFunction": "LINEAR",
483           "timePeriod": {
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           "alphaFunction": "LINEAR",
498           "timePeriod": {
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           "alphaFunction": "LINEAR",
513           "timePeriod": {
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           "alphaFunction": "LINEAR",
528           "timePeriod": {
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           "alphaFunction": "LINEAR",
543           "timePeriod": {
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           "alphaFunction": "LINEAR",
558           "timePeriod": {
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           "alphaFunction": "LINEAR",
573           "timePeriod": {
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           "alphaFunction": "LINEAR",
589           "timePeriod": {
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           "alphaFunction": "LINEAR",
604           "timePeriod": {
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           "alphaFunction": "LINEAR",
619           "timePeriod": {
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           "alphaFunction": "LINEAR",
634           "timePeriod": {
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           "alphaFunction": "LINEAR",
649           "timePeriod": {
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           "alphaFunction": "LINEAR",
664           "timePeriod": {
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           "alphaFunction": "LINEAR",
679           "timePeriod": {
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           "alphaFunction": "LINEAR",
695           "timePeriod": {
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           "alphaFunction": "LINEAR",
710           "timePeriod": {
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           "alphaFunction": "LINEAR",
725           "timePeriod": {
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           "alphaFunction": "LINEAR",
740           "timePeriod": {
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           "alphaFunction": "LINEAR",
755           "timePeriod": {
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           "alphaFunction": "LINEAR",
770           "timePeriod": {
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           "alphaFunction": "LINEAR",
785           "timePeriod": {
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 }