resources/style/mobile/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":"mixColor",
  77           "initialValue":[1,1,1,0],
  78           "targetValue":[1,1,1,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":"mixColor",
 100           "targetValue":[1,1,1,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":8,
 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     }
 317   }
 318 }