Commit 3d302abbe8ab36b2cbee64f408cc51e3b149f094

Authored by Adeel Kazmi
Committed by Gerrit Code Review
2 parents 477fc1cc 95f02ec1

Merge "(Scripting) Added a simple gallery" into tizen

demo/images/animation-list.png 0 → 100644

293 KB

demo/images/animation-picture-1.png 0 → 100644

1.93 MB

demo/images/animation-picture-2.png 0 → 100644

1.16 MB

demo/images/animation-picture-3.png 0 → 100644

1.07 MB

demo/images/animation-picture-4.png 0 → 100644

938 KB

demo/images/animation-picture-5.png 0 → 100644

1.08 MB

demo/scripts/gallery.json 0 → 100644
  1 +{
  2 + "templates":
  3 + {
  4 + "selection-type":
  5 + {
  6 + "type": "Control",
  7 + "background-color": [ 1, 0.5, 0, 0.6 ],
  8 + "color-alpha": 0.05,
  9 + "parent-origin": "CENTER",
  10 + "anchor-point": "CENTER",
  11 + "size": [ 450, 90, 1 ]
  12 + },
  13 + "image-type":
  14 + {
  15 + "type": "ImageActor",
  16 + "position": [ 450, 0, 1 ],
  17 + "parent-origin": "CENTER",
  18 + "anchor-point": "CENTER",
  19 + "size": [ 450, 795, 1 ],
  20 + "actors": [
  21 + {
  22 + "type": "Control",
  23 + "position-inheritance": "USE_PARENT_POSITION",
  24 + "size": [ 450, 795, 1 ],
  25 + "signals": [
  26 + {
  27 + "name": "tapped",
  28 + "action": "play",
  29 + "animation": "BackAnimation"
  30 + }
  31 + ]
  32 + }
  33 + ]
  34 + }
  35 + },
  36 + "stage": [
  37 + {
  38 + "type": "Control",
  39 + "name": "stencil",
  40 + "background-color": [ 1, 1, 1, 1 ],
  41 + "parent-origin": "CENTER",
  42 + "anchor-point": "CENTER",
  43 + "draw-mode": "STENCIL",
  44 + "size": [ 450, 795, 0 ],
  45 + "position-z": 0.1
  46 + },
  47 + {
  48 + "type": "ImageActor",
  49 + "actors": [],
  50 + "name": "list",
  51 + "parent-origin": "CENTER",
  52 + "anchor-point": "CENTER",
  53 + "position": [ 0, 0, -1 ],
  54 + "size": [ 450, 795, 1 ],
  55 + "image": {
  56 + "filename": "{DALI_IMAGE_DIR}animation-list.png"
  57 + }
  58 + },
  59 + {
  60 + "type": "selection-type",
  61 + "name": "selection-1",
  62 + "position-y": -105,
  63 + "signals": [
  64 + {
  65 + "name": "tapped",
  66 + "action": "play",
  67 + "animation": "Animation_1"
  68 + }
  69 + ]
  70 + },
  71 + {
  72 + "type": "selection-type",
  73 + "name": "selection-2",
  74 + "position-y": -15,
  75 + "signals": [
  76 + {
  77 + "name": "tapped",
  78 + "action": "play",
  79 + "animation": "Animation_2"
  80 + }
  81 + ]
  82 + },
  83 + {
  84 + "type": "selection-type",
  85 + "name": "selection-3",
  86 + "position-y": 75,
  87 + "signals": [
  88 + {
  89 + "name": "tapped",
  90 + "action": "play",
  91 + "animation": "Animation_3"
  92 + }
  93 + ]
  94 + },
  95 + {
  96 + "type": "selection-type",
  97 + "name": "selection-4",
  98 + "position-y": 165,
  99 + "signals": [
  100 + {
  101 + "name": "tapped",
  102 + "action": "play",
  103 + "animation": "Animation_4"
  104 + }
  105 + ]
  106 + },
  107 + {
  108 + "type": "selection-type",
  109 + "name": "selection-5",
  110 + "position-y": 255,
  111 + "signals": [
  112 + {
  113 + "name": "tapped",
  114 + "action": "play",
  115 + "animation": "Animation_5"
  116 + }
  117 + ]
  118 + },
  119 + {
  120 + "type": "image-type",
  121 + "name": "picture-1",
  122 + "image": {
  123 + "filename": "{DALI_IMAGE_DIR}animation-picture-1.png"
  124 + }
  125 + },
  126 + {
  127 + "type": "image-type",
  128 + "name": "picture-2",
  129 + "image": {
  130 + "filename": "{DALI_IMAGE_DIR}animation-picture-2.png"
  131 + }
  132 + },
  133 + {
  134 + "type": "image-type",
  135 + "name": "picture-3",
  136 + "image": {
  137 + "filename": "{DALI_IMAGE_DIR}animation-picture-3.png"
  138 + }
  139 + },
  140 + {
  141 + "type": "image-type",
  142 + "name": "picture-4",
  143 + "image": {
  144 + "filename": "{DALI_IMAGE_DIR}animation-picture-4.png"
  145 + }
  146 + },
  147 + {
  148 + "type": "image-type",
  149 + "name": "picture-5",
  150 + "image": {
  151 + "filename": "{DALI_IMAGE_DIR}animation-picture-5.png"
  152 + }
  153 + }
  154 + ],
  155 + "animations": {
  156 + "Animation_1": {
  157 + "properties": [
  158 + {
  159 + "actor": "selection-1",
  160 + "property": "color-alpha",
  161 + "value": 0.5,
  162 + "alpha-function": "SIN",
  163 + "time-period": {
  164 + "delay": 0,
  165 + "duration": 0.5
  166 + },
  167 + "timelineColor": "#83bcc5"
  168 + },
  169 + {
  170 + "actor": "picture-1",
  171 + "property": "position-x",
  172 + "value": 0,
  173 + "alpha-function": "LINEAR",
  174 + "time-period": {
  175 + "delay": 0.25,
  176 + "duration": 0.25
  177 + },
  178 + "timelineColor": "#83bcc5"
  179 + }
  180 + ]
  181 + },
  182 + "Animation_2": {
  183 + "properties": [
  184 + {
  185 + "actor": "selection-2",
  186 + "property": "color-alpha",
  187 + "value": 0.5,
  188 + "alpha-function": "SIN",
  189 + "time-period": {
  190 + "delay": 0,
  191 + "duration": 0.5
  192 + },
  193 + "timelineColor": "#83bcc5"
  194 + },
  195 + {
  196 + "actor": "picture-2",
  197 + "property": "position-x",
  198 + "value": 0,
  199 + "alpha-function": "LINEAR",
  200 + "time-period": {
  201 + "delay": 0.25,
  202 + "duration": 0.25
  203 + },
  204 + "timelineColor": "#83bcc5"
  205 + }
  206 + ]
  207 + },
  208 + "Animation_3": {
  209 + "properties": [
  210 + {
  211 + "actor": "selection-3",
  212 + "property": "color-alpha",
  213 + "value": 0.5,
  214 + "alpha-function": "SIN",
  215 + "time-period": {
  216 + "delay": 0,
  217 + "duration": 0.5
  218 + },
  219 + "timelineColor": "#83bcc5"
  220 + },
  221 + {
  222 + "actor": "picture-3",
  223 + "property": "position-x",
  224 + "value": 0,
  225 + "alpha-function": "LINEAR",
  226 + "time-period": {
  227 + "delay": 0.25,
  228 + "duration": 0.25
  229 + },
  230 + "timelineColor": "#83bcc5"
  231 + }
  232 + ]
  233 + },
  234 + "Animation_4": {
  235 + "properties": [
  236 + {
  237 + "actor": "selection-4",
  238 + "property": "color-alpha",
  239 + "value": 0.5,
  240 + "alpha-function": "SIN",
  241 + "time-period": {
  242 + "delay": 0,
  243 + "duration": 0.5
  244 + },
  245 + "timelineColor": "#83bcc5"
  246 + },
  247 + {
  248 + "actor": "picture-4",
  249 + "property": "position-x",
  250 + "value": 0,
  251 + "alpha-function": "LINEAR",
  252 + "time-period": {
  253 + "delay": 0.25,
  254 + "duration": 0.25
  255 + },
  256 + "timelineColor": "#83bcc5"
  257 + }
  258 + ]
  259 + },
  260 + "Animation_5": {
  261 + "properties": [
  262 + {
  263 + "actor": "selection-5",
  264 + "property": "color-alpha",
  265 + "value": 0.5,
  266 + "alpha-function": "SIN",
  267 + "time-period": {
  268 + "delay": 0,
  269 + "duration": 0.5
  270 + },
  271 + "timelineColor": "#83bcc5"
  272 + },
  273 + {
  274 + "actor": "picture-5",
  275 + "property": "position-x",
  276 + "value": 0,
  277 + "alpha-function": "LINEAR",
  278 + "time-period": {
  279 + "delay": 0.25,
  280 + "duration": 0.25
  281 + },
  282 + "timelineColor": "#83bcc5"
  283 + }
  284 + ]
  285 + },
  286 + "BackAnimation": {
  287 + "properties": [
  288 + {
  289 + "actor": "picture-1",
  290 + "property": "position-x",
  291 + "value": 450,
  292 + "alpha-function": "LINEAR",
  293 + "time-period": {
  294 + "delay": 0,
  295 + "duration": 0.25
  296 + },
  297 + "timelineColor": "#83bcc5"
  298 + },
  299 + {
  300 + "actor": "picture-2",
  301 + "property": "position-x",
  302 + "value": 450,
  303 + "alpha-function": "LINEAR",
  304 + "time-period": {
  305 + "delay": 0,
  306 + "duration": 0.25
  307 + },
  308 + "timelineColor": "#83bcc5"
  309 + },
  310 + {
  311 + "actor": "picture-3",
  312 + "property": "position-x",
  313 + "value": 450,
  314 + "alpha-function": "LINEAR",
  315 + "time-period": {
  316 + "delay": 0,
  317 + "duration": 0.25
  318 + },
  319 + "timelineColor": "#83bcc5"
  320 + },
  321 + {
  322 + "actor": "picture-4",
  323 + "property": "position-x",
  324 + "value": 450,
  325 + "alpha-function": "LINEAR",
  326 + "time-period": {
  327 + "delay": 0,
  328 + "duration": 0.25
  329 + },
  330 + "timelineColor": "#83bcc5"
  331 + },
  332 + {
  333 + "actor": "picture-5",
  334 + "property": "position-x",
  335 + "value": 450,
  336 + "alpha-function": "LINEAR",
  337 + "time-period": {
  338 + "delay": 0,
  339 + "duration": 0.25
  340 + },
  341 + "timelineColor": "#83bcc5"
  342 + }
  343 + ]
  344 + }
  345 + }
  346 +}
... ...