"pointSize": 20,
"horizontalAlignment": "CENTER",
"verticalAlignment": "CENTER",
- "widthResizePolicy":"FILL_TO_PARENT",
+ "widthResizePolicy":"SIZE_RELATIVE_TO_PARENT",
"heightResizePolicy":"SIZE_RELATIVE_TO_PARENT",
- "sizeModeFactor": [ 1.0, 0.33, 1 ],
+ "sizeModeFactor": [ 0.5, 0.333333333333, 1 ],
"background":{
- "rendererType": "color",
- "blendColor": [ 0.8, 0, 0.2, 1 ]
+ "rendererType": "COLOR",
+ "mixColor": [ 0.8, 0, 0.2, 1 ]
}
},
+ // A control with an SVG image
+ {
+ "type": "Control",
+ "relayoutEnabled": false,
+ "parentOrigin": "TOP_RIGHT",
+ "anchorPoint": "TOP_RIGHT",
+ "widthResizePolicy":"SIZE_RELATIVE_TO_PARENT",
+ "heightResizePolicy":"SIZE_RELATIVE_TO_PARENT",
+ "sizeModeFactor": [ 0.5, 0.333333333333, 1 ],
+ "background": {
+ "rendererType": "IMAGE",
+ "url": "{DEMO_IMAGE_DIR}Kid1.svg"
+ }
+ },
+
// A control with a border
{
"type": "Control",
"anchorPoint": "CENTER_LEFT",
"widthResizePolicy":"SIZE_RELATIVE_TO_PARENT",
"heightResizePolicy":"SIZE_RELATIVE_TO_PARENT",
- "sizeModeFactor": [ 0.5, 0.33, 1],
+ "sizeModeFactor": [ 0.5, 0.333333333333, 1 ],
"background": {
- "rendererType" : "border",
+ "rendererType" : "BORDER",
"borderColor" : [ 0.5, 0.5, 0.5, 1 ],
"borderSize" : 15.0
}
},
- // A control with an image
+ // A control with a JPG image
{
"type": "Control",
"relayoutEnabled": false,
"anchorPoint": "CENTER_RIGHT",
"widthResizePolicy":"SIZE_RELATIVE_TO_PARENT",
"heightResizePolicy":"SIZE_RELATIVE_TO_PARENT",
- "sizeModeFactor": [ 0.5, 0.33, 1 ],
+ "sizeModeFactor": [ 0.5, 0.333333333333, 1 ],
"background": {
- "rendererType": "image",
- "imageUrl": "{DEMO_IMAGE_DIR}gallery-large-9.jpg"
+ "rendererType": "IMAGE",
+ "url": "{DEMO_IMAGE_DIR}gallery-large-9.jpg"
}
},
"anchorPoint": "BOTTOM_LEFT",
"widthResizePolicy":"SIZE_RELATIVE_TO_PARENT",
"heightResizePolicy":"SIZE_RELATIVE_TO_PARENT",
- "sizeModeFactor": [ 0.5, 0.33, 1 ],
+ "sizeModeFactor": [ 0.5, 0.333333333333, 1 ],
"background":{
- "rendererType": "color",
- "blendColor": [ 1, 1, 0, 1 ]
+ "rendererType": "COLOR",
+ "mixColor": [ 1, 1, 0, 1 ]
}
},
"anchorPoint": "BOTTOM_RIGHT",
"widthResizePolicy":"SIZE_RELATIVE_TO_PARENT",
"heightResizePolicy":"SIZE_RELATIVE_TO_PARENT",
- "sizeModeFactor": [ 0.5, 0.33, 1.0 ],
+ "sizeModeFactor": [ 0.5, 0.333333333333, 1 ],
"background": {
- "rendererType" : "gradient",
+ "rendererType" : "GRADIENT",
"startPosition" : [ -0.5, -0.5 ],
"endPosition": [ 0.5, 0.5 ],
"stopColor" : [