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