/*
- * Copyright (c) 2014 Samsung Electronics Co., Ltd.
+ * Copyright (c) 2015 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.
*/
{
// a tree of actors
+ /*
+ * 4 by 4 table:
+ * |------------------------------------|
+ * | | 2(right,top)| | |
+ * | - - - |----------------|---|----|
+ * | | | | |
+ * | | | | |
+ * | | | | |
+ * | - - - | - - - - - |--------|
+ * | | | | |
+ * | 1 | | | |
+ * | | 3 | 4 | |
+ * | |aligned to | | |
+ * | |(left, center) | | |
+ * | - - - | - - - - - |--------|
+ * | | | ' |
+ * | | | ' |
+ * | | | 5 |
+ * | | | ' |
+ * | | | ' |
+ * |------------------------------------|
+ */
+
"stage": [{
- "name":"simple-table",
+ "name":"simpleTable",
"type":"TableView",
- "background-color": [0.5,0.5,0,1],
- "parent-origin": "CENTER",
- "size":[400,500,1],
+ "background":{
+ "rendererType": "COLOR",
+ "mixColor": [0.5,0.5,0,1]
+ },
+ "parentOrigin": "CENTER",
+ "size":[400,400,1],
"rows": 4,
- "columns":4,
- "cell-padding": [10, 5],
- "layout-rows": { // set the height of the rows
+ "columns": 4,
+ "cellPadding": [10, 5],
+ "layoutRows": { // set the height of the rows
"0": { "policy": "fixed", "value": 40 },
"1": { "policy": "relative", "value": 0.33 },
- "2": { "policy": "fixed", "value": 120 }
+ "2": { "policy": "fit", "value": 0 }
},
- "layout-columns": { // set the widths of the columns
- "1": { "policy": "fixed", "value": 150 },
- "2": { "policy": "relative", "value": 0.35 },
- "3": { "policy": "relative", "value": 0.15 }
+ "layoutColumns": { // set the widths of the columns
+ "0": { "policy": "fit", "value": 0 },
+ "2": { "policy": "relative", "value": 0.2 },
+ "3": { "policy": "fixed", "value": 30 }
},
"actors": [{
- "name":"gallery-1",
- "type":"ImageActor",
- "image": {
- "filename": "{DALI_IMAGE_DIR}gallery-large-1.jpg"
- },
- "custom-properties": { // properties registered dynamically
- "cell-indices": [0,0],// property to specify the top-left cell this child occupies
- "row-span":4, // property to specify how many rows this child occupies, if not set, default value is 1
- "column-spam":1 // property to specify how many columns this child occupies, if nor set, defualt cvalue is 1
+ "name":"gallery1",
+ "type":"ImageView",
+ "heightResizePolicy":"FILL_TO_PARENT",
+ "image": "{DEMO_IMAGE_DIR}gallery-small-1.jpg",
+ "properties": { // properties registered dynamically
+ "cellIndex": [0,0], // property to specify the top-left cell this child occupies
+ "rowSpan":4, // property to specify how many rows this child occupies, if not set, default value is 1
+ "columnSpan":1 // property to specify how many columns this child occupies, if nor set, defualt cvalue is 1
}
},{
- "name":"gallery-2",
- "type":"ImageActor",
- "image": {
- "filename": "{DALI_IMAGE_DIR}gallery-large-2.jpg"
- },
- "custom-properties": {
- "cell-indices":[1,1],
- "row-span":3
+ "name":"gallery2",
+ "type":"ImageView",
+ "heightResizePolicy":"FILL_TO_PARENT",
+ "image": "{DEMO_IMAGE_DIR}gallery-small-2.jpg",
+ "properties": { // properties registered dynamically
+ "cellIndex": [0,1],
+ "cellHorizontalAlignment": "right" // property to specify how to align horizontally inside the cells, if not set, default value is 'left'
+ }
+ },{
+ "name":"gallery3",
+ "type":"ImageView",
+ "image": "{DEMO_IMAGE_DIR}gallery-small-3.jpg",
+ "properties": {
+ "cellIndex":[1,1],
+ "rowSpan":3,
+ "cellHorizontalAlignment": "left",// property to specify how to align horizontally inside the cells, if not set, default value is 'left'
+ "cellVerticalAlignment": "center" // property to specify how to align vertically inside the cells, if not set, default value is 'top'
}
}, {
- "name":"gallery-3",
- "type":"ImageActor",
- "image": {
- "filename": "{DALI_IMAGE_DIR}gallery-large-3.jpg"
- },
- "custom-properties": {
- "cell-indices":[2,2]
+ "name":"gallery4",
+ "type":"ImageView",
+ "widthResizePolicy":"FILL_TO_PARENT",
+ "image": "{DEMO_IMAGE_DIR}gallery-small-4.jpg",
+ "properties": {
+ "cellIndex":[2,2]
}
}, {
- "name":"gallery-4",
- "type":"ImageActor",
- "image": {
- "filename": "{DALI_IMAGE_DIR}gallery-large-4.jpg"
- },
- "custom-properties": {
- "cell-indices":[3,2],
- "column-span": 2
+ "name":"gallery5",
+ "type":"ImageView",
+ "widthResizePolicy":"FILL_TO_PARENT",
+ "heightResizePolicy":"FILL_TO_PARENT",
+ "image": "{DEMO_IMAGE_DIR}gallery-small-5.jpg",
+ "properties": {
+ "cellIndex":[3,2],
+ "columnSpan": 2
}
}]
}]