NUISample2/NUISample2/NUISample2.Tizen/res/json/style-example-theme-one.json

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