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       "states":
 121       {
 122         "NORMAL":
 123         {
 124           "visuals":
 125           {
 126             "backgroundVisual":{
 127               "visualType":"IMAGE",
 128               "url":"{STYLE_DIR}/images/shadowButtonBg.9.png",
 129               "depthIndex":0
 130             },
 131
 132             "checkboxBgVisual":{
 133               "visualType":"IMAGE",
 134               "url":"{STYLE_DIR}/images/CheckBg.png",
 135               "transform":{
 136                 "size":[0.12, 0.37],
 137                 "offset":[30,0],
 138                 "offsetSizeMode":[1,1,0,0],
 139                 "origin":"CENTER_BEGIN",
 140                 "anchorPoint":"CENTER_BEGIN"
 141               },
 142               "depthIndex":1
 143             },
 144
 145             "labelVisual":{
 146               "visualType":"TEXT",
 147               "text":"Don't show again",
 148               "pointSize":20,
 149               "horizontalAlignment":"END",
 150               "verticalAlignment":"CENTER",
 151               "textColor":[1,1,1,1],
 152               "mixColor":[0,0,0,1],
 153               "transform":{
 154                 "size":[0.9, 0.9],
 155                 "offset":[-30,0],
 156                 "offsetSizeMode":[1,1,0,0],
 157                 "origin":"CENTER_END",
 158                 "anchorPoint":"CENTER_END"
 159               },
 160               "depthIndex":1
 161             }
 162           },
 163
 164           "states":
 165           {
 166             "CHECKED":
 167             {
 168               "visuals":
 169               {
 170                 "checkboxFgVisual":{
 171                   "visualType":"IMAGE",
 172                   "url":"{STYLE_DIR}/images/Tick.png",
 173                   "transform":{
 174                     "size":[0.12, 0.37],
 175                     "offset":[30,0],
 176                     "offsetSizeMode":[1,1,0,0],
 177                     "origin":"CENTER_BEGIN",
 178                     "anchorPoint":"CENTER_BEGIN"
 179                   },
 180                   "depthIndex":2
 181                 }
 182               },
 183               "entryTransition":
 184               [
 185                 {
 186                   "target":"checkboxFgVisual",
 187                   "property":"pixelArea",
 188                   "initialValue":[0.0, 0.0, 0.0, 1.0],
 189                   "targetValue":[0.0, 0.0, 1.0, 1.0],
 190                   "animator":
 191                   {
 192                     "alphaFunction":"EASE_IN",
 193                     "timePeriod":
 194                     {
 195                       "duration":0.4,
 196                       "delay":0
 197                     }
 198                   }
 199                 },
 200                 {
 201                   "target":"checkboxFgVisual",
 202                   "property":"size",
 203                   "initialValue":[0.0, 0.37],
 204                   "targetValue":[0.12, 0.37],
 205                   "animator":
 206                   {
 207                     "alphaFunction":"EASE_IN",
 208                     "timePeriod":
 209                     {
 210                       "duration":0.4,
 211                       "delay":0
 212                     }
 213                   }
 214                 }
 215               ],
 216               "exitTransition":
 217               [
 218                 {
 219                   "target":"checkboxFgVisual",
 220                   "property":"pixelArea",
 221                   "initialValue":[0.0, 0.0, 1.0, 1.0],
 222                   "targetValue":[0.0, 0.0, 0.0, 1.0],
 223                   "animator":
 224                   {
 225                     "alphaFunction":"EASE_OUT",
 226                     "timePeriod":
 227                     {
 228                       "duration":0.4,
 229                       "delay":0
 230                     }
 231                   }
 232                 },
 233                 {
 234                   "target":"checkboxFgVisual",
 235                   "property":"size",
 236                   "targetValue":[0.0, 0.37],
 237                   "animator":
 238                   {
 239                     "alphaFunction":"EASE_OUT",
 240                     "timePeriod":
 241                     {
 242                       "duration":0.4,
 243                       "delay":0
 244                     }
 245                   }
 246                 }
 247               ]
 248             },
 249             "UNCHECKED":
 250             {
 251             }
 252           }
 253         },
 254         //"FOCUSED"
 255         "DISABLED":
 256         {
 257           "visuals":
 258           {
 259             "checkboxBgVisual":{
 260               "visualType":"IMAGE",
 261               "url":"{STYLE_DIR}/images/CheckBg.png",
 262               "transform":{
 263                 "size":[0.09, 0.28],
 264                 "offset":[30,0],
 265                 "offsetSizeMode":[1,1,0,0],
 266                 "origin":"CENTER_BEGIN",
 267                 "anchorPoint":"CENTER_BEGIN"
 268               },
 269               "depthIndex":0
 270             },
 271
 272             "checkboxFgVisual":{
 273               "visualType":"IMAGE",
 274               "url":"{STYLE_DIR}/images/Tick.png",
 275               "transform":{
 276                 "size":[0.09, 0.28],
 277                 "offset":[30,0],
 278                 "offsetSizeMode":[1,1,0,0],
 279                 "origin":"CENTER_BEGIN",
 280                 "anchorPoint":"CENTER_BEGIN"
 281               },
 282               "depthIndex":1
 283             },
 284
 285             "labelVisual":{
 286               "visualType":"TEXT",
 287               "text":"Don't show again",
 288               "pointSize":20,
 289               "horizontalAlignment":"END",
 290               "verticalAlignment":"CENTER",
 291               "textColor":[1,1,1,1],
 292               "mixColor":[0.3, 0.3, 0.3, 1],
 293               "transform":{
 294                 "size":[0.9, 0.9],
 295                 "offset":[-30,0],
 296                 "offsetSizeMode":[1,1,0,0],
 297                 "origin":"CENTER_END",
 298                 "anchorPoint":"CENTER_END"
 299               },
 300               "depthIndex":1
 301             }
 302           },
 303           "states":
 304           {
 305             "CHECKED":
 306             {
 307               "visuals":
 308               {
 309                 "checkboxFgVisual":{
 310                   "visualType":"IMAGE",
 311                   "url":"{STYLE_DIR}/images/Tick.png",
 312                   "transform":{
 313                     "size":[0.09, 0.28],
 314                     "offset":[30,0],
 315                     "offsetSizeMode":[1,1,0,0],
 316                     "origin":"CENTER_BEGIN",
 317                     "anchorPoint":"CENTER_BEGIN"
 318                   },
 319                   "depthIndex":2
 320                 }
 321               }
 322             },
 323             "UNCHECKED":
 324             {
 325             }
 326           }
 327         }
 328       },
 329       "transitions":
 330       [
 331         {
 332           "from":"DISABLED",
 333           "to":"NORMAL",
 334           "visualName":"backgroundVisual",
 335           "effect":"FADE_IN",
 336           "animator":
 337           {
 338             "alphaFunction":"EASE_OUT_BACK",
 339             "duration":0.8
 340           }
 341         },
 342         {
 343           "from":"DISABLED",
 344           "to":"NORMAL",
 345           "visualName":"*",
 346           "effect":"CROSSFADE",
 347           "animator":
 348           {
 349             "alphaFunction":"EASE_OUT_BACK",
 350             "duration":0.8
 351           }
 352         },
 353         {
 354           "from":"NORMAL",
 355           "to":"DISABLED",
 356           "visualName":"backgroundVisual",
 357           "effect":"FADE_OUT",
 358           "animator":
 359           {
 360             "alphaFunction":"EASE_OUT_BACK",
 361             "duration":0.8
 362           }
 363         },
 364         {
 365           "from":"NORMAL",
 366           "to":"DISABLED",
 367           "visualName":"*",
 368           "effect":"CROSSFADE",
 369           "animator":
 370           {
 371             "alphaFunction":"EASE_OUT_BACK",
 372             "duration":0.8
 373           }
 374         }
 375       ]
 376     },
 377     "BeatControl":
 378     {
 379       "beatVisual":{
 380         "visualType":"IMAGE",
 381         "url":"{APPLICATION_RESOURCE_PATH}/images/Logo-for-demo.png"
 382       },
 383
 384       "bounceTransition":
 385       [
 386         {
 387           "target":"beatVisual",
 388           "property":"size",
 389           "initialValue":[0.5, 0.5],
 390           "targetValue":[0.75, 0.75],
 391           "animator":
 392           {
 393             "alphaFunction":"BOUNCE",
 394             "timePeriod":
 395             {
 396               "duration":0.5,
 397               "delay":0
 398             }
 399           }
 400         }
 401       ],
 402
 403       "leftTransition":
 404       [
 405         {
 406           "target":"beatVisual",
 407           "property":"offset",
 408           "initialValue":[0, 0],
 409           "targetValue":[0.25, 0],
 410           "animator":
 411           {
 412             "alphaFunction":"BOUNCE",
 413             "timePeriod":
 414             {
 415               "duration":0.5,
 416               "delay":0
 417             }
 418           }
 419         }
 420       ],
 421
 422       "upTransition":
 423       [
 424         {
 425           "target":"beatVisual",
 426           "property":"offset",
 427           "initialValue":[0, 0],
 428           "targetValue":[0, 0.25],
 429           "animator":
 430           {
 431             "alphaFunction":"BOUNCE",
 432             "timePeriod":
 433             {
 434               "duration":0.5,
 435               "delay":0
 436             }
 437           }
 438         }
 439       ],
 440
 441       "fadeTransition":
 442       [
 443         {
 444           "target":"beatVisual",
 445           "property":"opacity",
 446           "targetValue":0,
 447           "animator":
 448           {
 449             "alphaFunction":"BOUNCE",
 450             "timePeriod":
 451             {
 452               "duration":0.8,
 453               "delay":0
 454             }
 455           }
 456         }
 457       ]
 458     }
 459   }
 460 }