resources/style/style-example-theme-one.json.in

   1 {
   2   "constants":
   3   {
   4     "STYLE_DIR":"{APPLICATION_RESOURCE_PATH}/style"
   5   },
   6   "styles":
   7   {
   8     "Title":{
   9       "textColor":"#0000ff",
  10       "background":
  11       {
  12         "visualType":"COLOR",
  13         "mixColor": [ 1.0, 1.0, 1.0, 1.0 ]
  14       }
  15     },
  16     "TableView":{
  17       "background":
  18       {
  19         "visualType":"COLOR",
  20         "mixColor": [ 1.0, 1.0, 1.0, 0.03 ]
  21       }
  22     },
  23     "FlexContainer":{
  24       "background":
  25       {
  26         "visualType":"COLOR",
  27         "mixColor": [ 1.0, 1.0, 1.0, 0.1 ]
  28       }
  29     },
  30     "RadioButton":{
  31       "label":{
  32         "textColor": [1,1,1,1]
  33       }
  34     },
  35     "CheckBoxButton":{
  36       "label":{
  37         "textColor": [1,1,1,1]
  38       }
  39     },
  40     "ColorLabel1":{
  41       "textColor": [1,0,0,1]
  42     },
  43     "ColorLabel2":{
  44       "textColor": [0,1,0,1]
  45     },
  46     "ColorLabel3":{
  47       "textColor": [0.3,0.3,1,1]
  48     },
  49     "ThemeLabel":{
  50       "textColor":[0,1,1,1]
  51     },
  52     "PopupTitle":{
  53       "textColor":[1,1,1,1]
  54     },
  55     "PopupBody":{
  56       "textColor":[1,1,0,1]
  57     },
  58     "TextLabel":{
  59       "textColor":[0,0,0,1]
  60     },
  61     "ColorSlider1":{
  62       "styles":["Slider"]
  63     },
  64     "ColorSlider2":{
  65       "styles":["slider"]
  66     },
  67     "ColorSlider3":{
  68       "styles":["slider"]
  69     },
  70     "ImageChannelControl":
  71     {
  72       "enableVisibilityTransition":
  73       [
  74         {
  75           "target":"imageVisual",
  76           "property":"opacity",
  77           "initialValue":0,
  78           "targetValue":1,
  79           "animator":
  80           {
  81             "alphaFunction":"EASE_IN_OUT",
  82             "timePeriod":
  83             {
  84               "duration":0.25,
  85               "delay":0
  86             }
  87           }
  88         },
  89         {
  90           "target":"imageVisual",
  91           "property":"size",
  92           "targetValue":[1,1]
  93         }
  94       ],
  95       "disableVisibilityTransition":
  96       [
  97         {
  98           "target":"imageVisual",
  99           "property":"opacity",
 100           "targetValue":0,
 101           "animator":
 102           {
 103             "alphaFunction":"EASE_IN_OUT",
 104             "timePeriod":
 105             {
 106               "duration":0.25,
 107               "delay":0
 108             }
 109           }
 110         },
 111         {
 112           "target":"imageVisual",
 113           "property":"size",
 114           "targetValue":[1,1,1]
 115         }
 116       ]
 117     },
 118     "ShadowButton":
 119     {
 120       "backgroundVisual":{
 121         "visualType":"IMAGE",
 122         "url":"{STYLE_DIR}/images/shadowButtonBg.9.png",
 123         "mixColor":[1,1,1,0]
 124       },
 125       "checkboxBgVisual":{
 126         "visualType":"IMAGE",
 127         "url":"{STYLE_DIR}/images/CheckBg.png",
 128         "transform":{
 129           "size":[0.09, 0.28],
 130           "offset":[30,0],
 131           "offsetSizeMode":[1,1,0,0],
 132           "origin":"CENTER_BEGIN",
 133           "anchorPoint":"CENTER_BEGIN"
 134         }
 135       },
 136       "checkboxFgVisual":{
 137         "visualType":"IMAGE",
 138         "url":"{STYLE_DIR}/images/Tick.png",
 139         "transform":{
 140           "size":[0.09, 0.28],
 141           "offset":[30,0],
 142           "offsetSizeMode":[1,1,0,0],
 143           "origin":"CENTER_BEGIN",
 144           "anchorPoint":"CENTER_BEGIN"
 145         }
 146       },
 147       "labelVisual":{
 148         "visualType":"TEXT",
 149         "text":"Don't show again",
 150         "pointSize":20,
 151         "horizontalAlignment":"END",
 152         "verticalAlignment":"CENTER",
 153         "textColor":[1,1,1,1],
 154         "mixColor":[0.3, 0.3, 0.3, 1],
 155         "transform":{
 156           "size":[0.9, 0.9],
 157           "offset":[-30,0],
 158           "offsetSizeMode":[1,1,0,0],
 159           "origin":"CENTER_END",
 160           "anchorPoint":"CENTER_END"
 161         }
 162       },
 163       "activeTransition":
 164       [
 165         {
 166           "target":"checkboxBgVisual",
 167           "property":"size",
 168           "initialValue":[0.09, 0.28],
 169           "targetValue":[0.12, 0.37],
 170           "animator":
 171           {
 172             "alphaFunction":"EASE_OUT_BACK",
 173             "timePeriod":
 174             {
 175               "duration":0.8,
 176               "delay":0
 177             }
 178           }
 179         },
 180         {
 181           "target":"backgroundVisual",
 182           "property":"mixColor",
 183           "initialValue":[1,1,1,0],
 184           "targetValue":[1,1,1,1],
 185           "animator":
 186           {
 187             "alphaFunction":"EASE_OUT_BACK",
 188             "timePeriod":
 189             {
 190               "duration":0.8,
 191               "delay":0
 192             }
 193           }
 194         },
 195         {
 196           "target":"backgroundVisual",
 197           "property":"size",
 198           "initialValue":[0.9, 0.9],
 199           "targetValue":[1, 1],
 200           "animator":
 201           {
 202             "alphaFunction":"EASE_OUT_BACK",
 203             "timePeriod":
 204             {
 205               "duration":0.8,
 206               "delay":0
 207             }
 208           }
 209         },
 210         {
 211           "target":"checkboxFgVisual",
 212           "property":"size",
 213           "initialValue":[0.09, 0.28],
 214           "targetValue":[0.12, 0.37],
 215           "animator":
 216           {
 217             "alphaFunction":"EASE_OUT_BACK",
 218             "timePeriod":
 219             {
 220               "duration":0.8,
 221               "delay":0
 222             }
 223           }
 224         },
 225         {
 226           "target":"labelVisual",
 227           "property":"mixColor",
 228           "initialValue":[0.2, 0.2, 0.2, 1.0],
 229           "targetValue":[0, 0, 0, 1],
 230           "animator":
 231           {
 232             "alphaFunction":"EASE_OUT_BACK",
 233             "timePeriod":
 234             {
 235               "duration":0.8,
 236               "delay":0
 237             }
 238           }
 239         }
 240       ],
 241       "inactiveTransition":
 242       [
 243         {
 244           "target":"checkboxBgVisual",
 245           "property":"size",
 246           "initialValue":[0.12, 0.37],
 247           "targetValue":[0.09, 0.28],
 248           "animator":
 249           {
 250             "alphaFunction":"EASE_OUT_BACK",
 251             "timePeriod":
 252             {
 253               "duration":0.8,
 254               "delay":0
 255             }
 256           }
 257         },
 258         {
 259           "target":"backgroundVisual",
 260           "property":"mixColor",
 261           "targetValue":[1,1,1,0],
 262           "animator":
 263           {
 264             "alphaFunction":"EASE_OUT_BACK",
 265             "timePeriod":
 266             {
 267               "duration":0.8,
 268               "delay":0
 269             }
 270           }
 271         },
 272         {
 273           "target":"checkboxFgVisual",
 274           "property":"size",
 275           "initialValue":[0.12, 0.37],
 276           "targetValue":[0.09, 0.28],
 277           "animator":
 278           {
 279             "alphaFunction":"EASE_OUT_BACK",
 280             "timePeriod":
 281             {
 282               "duration":0.8,
 283               "delay":0
 284             }
 285           }
 286         },
 287         {
 288           "target":"labelVisual",
 289           "property":"mixColor",
 290           "targetValue":[0.4, 0.4, 0.4, 1.0],
 291           "animator":
 292           {
 293             "alphaFunction":"EASE_OUT_BACK",
 294             "timePeriod":
 295             {
 296               "duration":0.8,
 297               "delay":0
 298             }
 299           }
 300         },
 301         {
 302           "target":"backgroundVisual",
 303           "property":"size",
 304           "targetValue":[0.9, 0.9],
 305           "animator":
 306           {
 307             "alphaFunction":"EASE_OUT_BACK",
 308             "timePeriod":
 309             {
 310               "duration":0.8,
 311               "delay":0
 312             }
 313           }
 314         }
 315       ],
 316       "checkTransition":
 317       [
 318         {
 319           "target":"checkboxFgVisual",
 320           "property":"pixelArea",
 321           "initialValue":[0.0, 0.0, 0.0, 1.0],
 322           "targetValue":[0.0, 0.0, 1.0, 1.0],
 323           "animator":
 324           {
 325             "alphaFunction":"EASE_IN",
 326             "timePeriod":
 327             {
 328               "duration":0.4,
 329               "delay":0
 330             }
 331           }
 332         },
 333         {
 334           "target":"checkboxFgVisual",
 335           "property":"size",
 336           "initialValue":[0.0, 0.37],
 337           "targetValue":[0.12, 0.37],
 338           "animator":
 339           {
 340             "alphaFunction":"EASE_IN",
 341             "timePeriod":
 342             {
 343               "duration":0.4,
 344               "delay":0
 345             }
 346           }
 347         }
 348       ],
 349       "uncheckTransition":
 350       [
 351         {
 352           "target":"checkboxFgVisual",
 353           "property":"pixelArea",
 354           "initialValue":[0.0, 0.0, 1.0, 1.0],
 355           "targetValue":[0.0, 0.0, 0.0, 1.0],
 356           "animator":
 357           {
 358             "alphaFunction":"EASE_OUT",
 359             "timePeriod":
 360             {
 361               "duration":0.4,
 362               "delay":0
 363             }
 364           }
 365         },
 366         {
 367           "target":"checkboxFgVisual",
 368           "property":"size",
 369           "targetValue":[0.0, 0.37],
 370           "animator":
 371           {
 372             "alphaFunction":"EASE_OUT",
 373             "timePeriod":
 374             {
 375               "duration":0.4,
 376               "delay":0
 377             }
 378           }
 379         }
 380       ]
 381     },
 382     "BeatControl":
 383     {
 384       "beatVisual":{
 385         "visualType":"IMAGE",
 386         "url":"{APPLICATION_RESOURCE_PATH}/images/Logo-for-demo.png"
 387       },
 388
 389       "bounceTransition":
 390       [
 391         {
 392           "target":"beatVisual",
 393           "property":"size",
 394           "initialValue":[0.5, 0.5],
 395           "targetValue":[0.75, 0.75],
 396           "animator":
 397           {
 398             "alphaFunction":"BOUNCE",
 399             "timePeriod":
 400             {
 401               "duration":0.5,
 402               "delay":0
 403             }
 404           }
 405         }
 406       ],
 407
 408       "leftTransition":
 409       [
 410         {
 411           "target":"beatVisual",
 412           "property":"offset",
 413           "initialValue":[0, 0],
 414           "targetValue":[0.25, 0],
 415           "animator":
 416           {
 417             "alphaFunction":"BOUNCE",
 418             "timePeriod":
 419             {
 420               "duration":0.5,
 421               "delay":0
 422             }
 423           }
 424         }
 425       ],
 426
 427       "upTransition":
 428       [
 429         {
 430           "target":"beatVisual",
 431           "property":"offset",
 432           "initialValue":[0, 0],
 433           "targetValue":[0, 0.25],
 434           "animator":
 435           {
 436             "alphaFunction":"BOUNCE",
 437             "timePeriod":
 438             {
 439               "duration":0.5,
 440               "delay":0
 441             }
 442           }
 443         }
 444       ],
 445
 446       "fadeTransition":
 447       [
 448         {
 449           "target":"beatVisual",
 450           "property":"opacity",
 451           "targetValue":0,
 452           "animator":
 453           {
 454             "alphaFunction":"BOUNCE",
 455             "timePeriod":
 456             {
 457               "duration":0.8,
 458               "delay":0
 459             }
 460           }
 461         }
 462       ]
 463     }
 464   }
 465 }