background.json 2.68 KB
/*
 * Copyright (c) 2016 Samsung Electronics Co., Ltd.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 *
 */
{
  "stage": [
    // A TextLabel with a red background
    {
      "type": "TextLabel",
      "drawMode": "OVERLAY_2D",
      "text": "Hello World",
      "parentOrigin": "TOP_CENTER",
      "anchorPoint": "TOP_CENTER",
      "pointSize": 20,
      "horizontalAlignment": "CENTER",
      "verticalAlignment": "CENTER",
      "widthResizePolicy":"FILL_TO_PARENT",
      "heightResizePolicy":"SIZE_RELATIVE_TO_PARENT",
      "sizeModeFactor": [1,0.25,1],
      "background":{
        "rendererType": "color",
        "blendColor": [1, 0, 0, 1]
       }
    },

    // A control with a yellow background
    {
      "type": "Control",
      "relayoutEnabled": false,
      "parentOrigin": "CENTER",
      "anchorPoint": "BOTTOM_CENTER",
      "widthResizePolicy":"FILL_TO_PARENT",
      "heightResizePolicy":"SIZE_RELATIVE_TO_PARENT",
      "sizeModeFactor": [1,0.25,1],
      "background":{
        "rendererType": "color",
        "blendColor": [1, 1, 0, 1]
      }
    },

    // A control with an image
    {
      "type": "Control",
      "relayoutEnabled": false,
      "parentOrigin": "CENTER",
      "anchorPoint": "TOP_CENTER",
      "widthResizePolicy":"FILL_TO_PARENT",
      "heightResizePolicy":"SIZE_RELATIVE_TO_PARENT",
      "sizeModeFactor": [1,0.25,1],
      "background": {
        "rendererType": "image",
        "imageUrl": "{DEMO_IMAGE_DIR}button-background.png"
      }
    },

    // A control with a gradient
    {
      "type": "Control",
      "relayoutEnabled": false,
      "parentOrigin": "BOTTOM_CENTER",
      "anchorPoint": "BOTTOM_CENTER",
      "widthResizePolicy":"FILL_TO_PARENT",
      "heightResizePolicy":"SIZE_RELATIVE_TO_PARENT",
      "sizeModeFactor": [1,0.25,1],
      "background": {
        "rendererType": "gradient",
        "center": [ 0.5, 0.5 ],
        "radius": 1.414,
        "stopOffset": [ 0.0, 0.3, 0.6, 0.8, 1.0 ],
        "stopColor": [
            [ 0.5,  0.78, 0.76, 1.0  ],
            [ 0.77, 0.78, 0.28, 0.48 ],
            [ 0.84, 0.15, 0.55, 0.75 ],
            [ 0.5,  0.78, 0.76, 0.59 ],
            [ 1.0,  1.0,  0.0,  1.0  ]
        ]
      }
    }
  ]
}