Added application to test visual transition framework

[platform/core/uifw/dali-demo.git] / resources / style / mobile / style-example-theme-one.json.in

diff --git a/resources/style/mobile/style-example-theme-one.json.in b/resources/style/mobile/style-example-theme-one.json.in
index 20ef793..7067cdd 100644 (file)
--- a/resources/style/mobile/style-example-theme-one.json.in
+++ b/resources/style/mobile/style-example-theme-one.json.in
@@ -1,4 +1,8 @@
 {
+  "constants":
+  {
+    "STYLE_DIR":"{APPLICATION_RESOURCE_PATH}/style"
+  },
   "styles":
   {
     "Title":{
@@ -69,9 +73,9 @@
       [
         {
           "target":"imageVisual",
-          "property":"colorAlpha",
-          "initialValue":0,
-          "targetValue":1,
+          "property":"mixColor",
+          "initialValue":[1,1,1,0],
+          "targetValue":[1,1,1,1],
           "animator":
           {
             "alphaFunction":"EASE_IN_OUT",
@@ -84,16 +88,16 @@
         },
         {
           "target":"imageVisual",
-          "property":"scale",
-          "targetValue":[1,1,1]
+          "property":"size",
+          "targetValue":[1,1]
         }
       ],
       "disableVisibilityTransition":
       [
         {
           "target":"imageVisual",
-          "property":"colorAlpha",
-          "targetValue":0,
+          "property":"mixColor",
+          "targetValue":[1,1,1,0],
           "animator":
           {
             "alphaFunction":"EASE_IN_OUT",
@@ -106,69 +110,204 @@
         },
         {
           "target":"imageVisual",
-          "property":"scale",
+          "property":"size",
           "targetValue":[1,1,1]
         }
       ]
     },
-    "BeatControl":
+    "ShadowButton":
     {
-      "beatVisual":{
+      "backgroundVisual":{
         "visualType":"IMAGE",
-        "url":"{APPLICATION_RESOURCE_PATH}/images/Logo-for-demo.png"
+        "url":"{STYLE_DIR}/images/shadowButtonBg.9.png",
+        "mixColor":[1,1,1,0]
       },
-
-      "bounceTransition":
+      "checkboxBgVisual":{
+        "visualType":"IMAGE",
+        "url":"{STYLE_DIR}/images/CheckBg.png",
+        "transform":{
+          "size":[0.09, 0.28],
+          "offset":[30,0],
+          "offsetSizeMode":[1,1,0,0],
+          "origin":"CENTER_BEGIN",
+          "anchorPoint":"CENTER_BEGIN"
+        }
+      },
+      "checkboxFgVisual":{
+        "visualType":"IMAGE",
+        "url":"{STYLE_DIR}/images/Tick.png",
+        "transform":{
+          "size":[0.09, 0.28],
+          "offset":[30,0],
+          "offsetSizeMode":[1,1,0,0],
+          "origin":"CENTER_BEGIN",
+          "anchorPoint":"CENTER_BEGIN"
+        }
+      },
+      "labelVisual":{
+        "visualType":"TEXT",
+        "text":"Don't show again",
+        "pointSize":8,
+        "horizontalAlignment":"END",
+        "verticalAlignment":"CENTER",
+        "textColor":[1,1,1,1],
+        "mixColor":[0.3, 0.3, 0.3, 1],
+        "transform":{
+          "size":[0.9, 0.9],
+          "offset":[-30,0],
+          "offsetSizeMode":[1,1,0,0],
+          "origin":"CENTER_END",
+          "anchorPoint":"CENTER_END"
+        }
+      },
+      "activeTransition":
       [
         {
-          "target":"beatVisual",
+          "target":"checkboxBgVisual",
           "property":"size",
-          "initialValue":[0.5, 0.5],
-          "targetValue":[0.75, 0.75],
+          "initialValue":[0.09, 0.28],
+          "targetValue":[0.12, 0.37],
           "animator":
           {
-            "alphaFunction":"BOUNCE",
+            "alphaFunction":"EASE_OUT_BACK",
             "timePeriod":
             {
-              "duration":0.5,
+              "duration":0.8,
               "delay":0
             }
           }
-        }
-      ],
-
-      "leftTransition":
-      [
+        },
+        {
+          "target":"backgroundVisual",
+          "property":"mixColor",
+          "initialValue":[1,1,1,0],
+          "targetValue":[1,1,1,1],
+          "animator":
+          {
+            "alphaFunction":"EASE_OUT_BACK",
+            "timePeriod":
+            {
+              "duration":0.8,
+              "delay":0
+            }
+          }
+        },
+        {
+          "target":"backgroundVisual",
+          "property":"size",
+          "initialValue":[0.9, 0.9],
+          "targetValue":[1, 1],
+          "animator":
+          {
+            "alphaFunction":"EASE_OUT_BACK",
+            "timePeriod":
+            {
+              "duration":0.8,
+              "delay":0
+            }
+          }
+        },
+        {
+          "target":"checkboxFgVisual",
+          "property":"size",
+          "initialValue":[0.09, 0.28],
+          "targetValue":[0.12, 0.37],
+          "animator":
+          {
+            "alphaFunction":"EASE_OUT_BACK",
+            "timePeriod":
+            {
+              "duration":0.8,
+              "delay":0
+            }
+          }
+        },
         {
-          "target":"beatVisual",
-          "property":"offset",
-          "initialValue":[0, 0],
-          "targetValue":[0.25, 0],
+          "target":"labelVisual",
+          "property":"mixColor",
+          "initialValue":[0.2, 0.2, 0.2, 1.0],
+          "targetValue":[0, 0, 0, 1],
           "animator":
           {
-            "alphaFunction":"BOUNCE",
+            "alphaFunction":"EASE_OUT_BACK",
             "timePeriod":
             {
-              "duration":0.5,
+              "duration":0.8,
               "delay":0
             }
           }
         }
       ],
-
-      "upTransition":
+      "inactiveTransition":
       [
         {
-          "target":"beatVisual",
-          "property":"offset",
-          "initialValue":[0, 0],
-          "targetValue":[0, 0.25],
+          "target":"checkboxBgVisual",
+          "property":"size",
+          "initialValue":[0.12, 0.37],
+          "targetValue":[0.09, 0.28],
+          "animator":
+          {
+            "alphaFunction":"EASE_OUT_BACK",
+            "timePeriod":
+            {
+              "duration":0.8,
+              "delay":0
+            }
+          }
+        },
+        {
+          "target":"backgroundVisual",
+          "property":"mixColor",
+          "targetValue":[1,1,1,0],
+          "animator":
+          {
+            "alphaFunction":"EASE_OUT_BACK",
+            "timePeriod":
+            {
+              "duration":0.8,
+              "delay":0
+            }
+          }
+        },
+        {
+          "target":"checkboxFgVisual",
+          "property":"size",
+          "initialValue":[0.12, 0.37],
+          "targetValue":[0.09, 0.28],
+          "animator":
+          {
+            "alphaFunction":"EASE_OUT_BACK",
+            "timePeriod":
+            {
+              "duration":0.8,
+              "delay":0
+            }
+          }
+        },
+        {
+          "target":"labelVisual",
+          "property":"mixColor",
+          "targetValue":[0.4, 0.4, 0.4, 1.0],
+          "animator":
+          {
+            "alphaFunction":"EASE_OUT_BACK",
+            "timePeriod":
+            {
+              "duration":0.8,
+              "delay":0
+            }
+          }
+        },
+        {
+          "target":"backgroundVisual",
+          "property":"size",
+          "targetValue":[0.9, 0.9],
           "animator":
           {
-            "alphaFunction":"BOUNCE",
+            "alphaFunction":"EASE_OUT_BACK",
             "timePeriod":
             {
-              "duration":0.5,
+              "duration":0.8,
               "delay":0
             }
           }