LuatOS/olddemo/airui/demo_2.json

{
    "fonts": [
    ],
    "images": [
    ],
    "pages": [
        {
            "children": [
                {
                    "auto_size": true,
                    "class": "lv_img",
                    "click": false,
                    "drag": false,
                    "events": [
                    ],
                    "geometry": {
                        "height": 80,
                        "width": 80,
                        "x": 393,
                        "y": 7
                    },
                    "hidden": false,
                    "locked": false,
                    "name": "image_1",
                    "offset": {
                        "x": 0,
                        "y": 0
                    },
                    "source": "default",
                    "styles": [
                        {
                            "part": 0,
                            "state": 0
                        },
                        {
                            "part": 0,
                            "state": 1
                        },
                        {
                            "part": 0,
                            "state": 2
                        },
                        {
                            "part": 0,
                            "state": 3
                        },
                        {
                            "part": 0,
                            "state": 4
                        },
                        {
                            "part": 0,
                            "state": 5
                        },
                        {
                            "part": 0,
                            "state": 6
                        }
                    ]
                },
                {
                    "auto_size": true,
                    "class": "lv_line",
                    "click": false,
                    "drag": false,
                    "events": [
                    ],
                    "geometry": {
                        "height": 81,
                        "width": 81,
                        "x": 392,
                        "y": 6
                    },
                    "hidden": false,
                    "locked": false,
                    "name": "line_1",
                    "points": [
                        {
                            "x": 1,
                            "y": 1
                        },
                        {
                            "x": 1,
                            "y": 80
                        },
                        {
                            "x": 80,
                            "y": 80
                        },
                        {
                            "x": 80,
                            "y": 1
                        },
                        {
                            "x": 1,
                            "y": 1
                        }
                    ],
                    "styles": [
                        {
                            "Line": {
                                "line_color": "0x23a5f5",
                                "line_width": 3
                            },
                            "part": 0,
                            "state": 0
                        },
                        {
                            "Line": {
                                "line_color": "0x23a5f5",
                                "line_width": 3
                            },
                            "part": 0,
                            "state": 1
                        },
                        {
                            "Line": {
                                "line_color": "0x23a5f5",
                                "line_width": 3
                            },
                            "part": 0,
                            "state": 2
                        },
                        {
                            "Line": {
                                "line_color": "0x23a5f5",
                                "line_width": 3
                            },
                            "part": 0,
                            "state": 3
                        },
                        {
                            "Line": {
                                "line_color": "0x23a5f5",
                                "line_width": 3
                            },
                            "part": 0,
                            "state": 4
                        },
                        {
                            "Line": {
                                "line_color": "0x23a5f5",
                                "line_width": 3
                            },
                            "part": 0,
                            "state": 5
                        },
                        {
                            "Line": {
                                "line_color": "0x23a5f5",
                                "line_width": 3
                            },
                            "part": 0,
                            "state": 6
                        }
                    ],
                    "y_invert": false
                },
                {
                    "align": 2,
                    "class": "lv_label",
                    "click": false,
                    "drag": false,
                    "events": [
                    ],
                    "geometry": {
                        "height": 19,
                        "width": 128,
                        "x": 261,
                        "y": 34
                    },
                    "hidden": false,
                    "locked": false,
                    "long_mode": 0,
                    "name": "label_1",
                    "recolor": false,
                    "styles": [
                        {
                            "Border": {
                                "border_color": "0x269be3"
                            },
                            "Text": {
                                "text_font": "Simsun 16"
                            },
                            "part": 0,
                            "state": 0
                        },
                        {
                            "Border": {
                                "border_color": "0x269be3"
                            },
                            "Text": {
                                "text_font": "Simsun 16"
                            },
                            "part": 0,
                            "state": 1
                        },
                        {
                            "Border": {
                                "border_color": "0x269be3"
                            },
                            "Text": {
                                "text_font": "Simsun 16"
                            },
                            "part": 0,
                            "state": 2
                        },
                        {
                            "Border": {
                                "border_color": "0x269be3"
                            },
                            "Text": {
                                "text_font": "Simsun 16"
                            },
                            "part": 0,
                            "state": 3
                        },
                        {
                            "Border": {
                                "border_color": "0x269be3"
                            },
                            "Text": {
                                "text_font": "Simsun 16"
                            },
                            "part": 0,
                            "state": 4
                        },
                        {
                            "Border": {
                                "border_color": "0x269be3"
                            },
                            "Text": {
                                "text_font": "Simsun 16"
                            },
                            "part": 0,
                            "state": 5
                        },
                        {
                            "Border": {
                                "border_color": "0x269be3"
                            },
                            "Text": {
                                "text_font": "Simsun 16"
                            },
                            "part": 0,
                            "state": 6
                        }
                    ],
                    "text": "上海合宙通讯科技有限公司"
                },
                {
                    "checkable": false,
                    "class": "lv_btn",
                    "click": true,
                    "drag": false,
                    "events": [
                    ],
                    "fit": 0,
                    "geometry": {
                        "height": 35,
                        "width": 100,
                        "x": 20,
                        "y": 11
                    },
                    "hidden": false,
                    "layout": 1,
                    "locked": false,
                    "name": "button_1",
                    "state": 0,
                    "styles": [
                        {
                            "Background": {
                                "bg_color": "0x006ecf"
                            },
                            "Border": {
                                "border_color": "0xeaeaea",
                                "border_width": 5
                            },
                            "Value": {
                                "value_color": "0xffffff",
                                "value_font": "Simsun 16",
                                "value_str": "Home"
                            },
                            "part": 0,
                            "state": 0
                        },
                        {
                            "Border": {
                                "border_color": "0xeaeaea",
                                "border_width": 5
                            },
                            "Value": {
                                "value_font": "Simsun 16",
                                "value_str": "Home"
                            },
                            "part": 0,
                            "state": 1
                        },
                        {
                            "Background": {
                                "bg_color": "0x006ecf"
                            },
                            "Border": {
                                "border_color": "0xeaeaea",
                                "border_width": 5
                            },
                            "Value": {
                                "value_color": "0xffffff",
                                "value_font": "Simsun 16",
                                "value_str": "Home"
                            },
                            "part": 0,
                            "state": 2
                        },
                        {
                            "Background": {
                                "bg_color": "0x006ecf"
                            },
                            "Border": {
                                "border_color": "0xeaeaea",
                                "border_width": 5
                            },
                            "Value": {
                                "value_color": "0xffffff",
                                "value_font": "Simsun 16",
                                "value_str": "Home"
                            },
                            "part": 0,
                            "state": 3
                        },
                        {
                            "Background": {
                                "bg_color": "0x006ecf"
                            },
                            "Border": {
                                "border_color": "0xeaeaea",
                                "border_width": 5
                            },
                            "Value": {
                                "value_color": "0xffffff",
                                "value_font": "Simsun 16",
                                "value_str": "Home"
                            },
                            "part": 0,
                            "state": 4
                        },
                        {
                            "Border": {
                                "border_width": 5
                            },
                            "Value": {
                                "value_font": "Simsun 16",
                                "value_str": "Home"
                            },
                            "part": 0,
                            "state": 5
                        },
                        {
                            "Border": {
                                "border_width": 5
                            },
                            "Value": {
                                "value_font": "Simsun 16",
                                "value_str": "Home"
                            },
                            "part": 0,
                            "state": 6
                        }
                    ]
                },
                {
                    "angle": [
                        0,
                        108
                    ],
                    "bg_angle": [
                        0,
                        360
                    ],
                    "class": "lv_arc",
                    "click": true,
                    "drag": false,
                    "events": [
                    ],
                    "geometry": {
                        "height": 75,
                        "width": 75,
                        "x": 30,
                        "y": 229
                    },
                    "hidden": false,
                    "locked": false,
                    "name": "arc_1",
                    "rotation": 0,
                    "styles": [
                        {
                            "Border": {
                                "border_color": "0xffffff"
                            },
                            "Line": {
                                "line_color": "0xd9683b",
                                "line_width": 8
                            },
                            "part": 0,
                            "state": 0
                        },
                        {
                            "Border": {
                                "border_color": "0xffffff"
                            },
                            "Line": {
                                "line_color": "0xd9683b",
                                "line_width": 8
                            },
                            "part": 0,
                            "state": 1
                        },
                        {
                            "Line": {
                                "line_color": "0xd9683b",
                                "line_width": 8
                            },
                            "part": 0,
                            "state": 2
                        },
                        {
                            "Line": {
                                "line_color": "0xd9683b",
                                "line_width": 8
                            },
                            "part": 0,
                            "state": 3
                        },
                        {
                            "Border": {
                                "border_color": "0xffffff"
                            },
                            "Line": {
                                "line_color": "0xd9683b",
                                "line_width": 8
                            },
                            "part": 0,
                            "state": 4
                        },
                        {
                            "Border": {
                                "border_color": "0xffffff"
                            },
                            "Line": {
                                "line_color": "0xd9683b",
                                "line_width": 8
                            },
                            "part": 0,
                            "state": 5
                        },
                        {
                            "Border": {
                                "border_color": "0xffffff"
                            },
                            "Line": {
                                "line_color": "0xd9683b",
                                "line_width": 8
                            },
                            "part": 0,
                            "state": 6
                        },
                        {
                            "part": 1,
                            "state": 0
                        },
                        {
                            "part": 1,
                            "state": 1
                        },
                        {
                            "part": 1,
                            "state": 2
                        },
                        {
                            "part": 1,
                            "state": 3
                        },
                        {
                            "part": 1,
                            "state": 4
                        },
                        {
                            "part": 1,
                            "state": 5
                        },
                        {
                            "part": 1,
                            "state": 6
                        }
                    ],
                    "type": 0,
                    "value": 30
                },
                {
                    "arrow": 0,
                    "class": "lv_dropdown",
                    "click": true,
                    "dir": 0,
                    "drag": false,
                    "events": [
                    ],
                    "geometry": {
                        "height": 35,
                        "width": 117,
                        "x": 362,
                        "y": 137
                    },
                    "hidden": false,
                    "locked": false,
                    "max_height": 240,
                    "name": "dropdown_1",
                    "open": false,
                    "options": "SPI0\nSPI1\nI2C0\nI2C1",
                    "styles": [
                        {
                            "Text": {
                                "text_font": "Simsun 16"
                            },
                            "part": 0,
                            "state": 0
                        },
                        {
                            "Text": {
                                "text_font": "Simsun 16"
                            },
                            "part": 0,
                            "state": 1
                        },
                        {
                            "Text": {
                                "text_font": "Simsun 16"
                            },
                            "part": 0,
                            "state": 2
                        },
                        {
                            "Text": {
                                "text_font": "Simsun 16"
                            },
                            "part": 0,
                            "state": 3
                        },
                        {
                            "Text": {
                                "text_font": "Simsun 16"
                            },
                            "part": 0,
                            "state": 4
                        },
                        {
                            "Text": {
                                "text_font": "Simsun 16"
                            },
                            "part": 0,
                            "state": 5
                        },
                        {
                            "Text": {
                                "text_font": "Simsun 16"
                            },
                            "part": 0,
                            "state": 6
                        },
                        {
                            "Text": {
                                "text_font": "Simsun 16"
                            },
                            "part": 64,
                            "state": 0
                        },
                        {
                            "Text": {
                                "text_font": "Simsun 16"
                            },
                            "part": 64,
                            "state": 1
                        },
                        {
                            "Text": {
                                "text_font": "Simsun 16"
                            },
                            "part": 64,
                            "state": 2
                        },
                        {
                            "Text": {
                                "text_font": "Simsun 16"
                            },
                            "part": 64,
                            "state": 3
                        },
                        {
                            "Text": {
                                "text_font": "Simsun 16"
                            },
                            "part": 64,
                            "state": 4
                        },
                        {
                            "Text": {
                                "text_font": "Simsun 16"
                            },
                            "part": 64,
                            "state": 5
                        },
                        {
                            "Text": {
                                "text_font": "Simsun 16"
                            },
                            "part": 64,
                            "state": 6
                        },
                        {
                            "part": 65,
                            "state": 0
                        },
                        {
                            "part": 65,
                            "state": 1
                        },
                        {
                            "part": 65,
                            "state": 2
                        },
                        {
                            "part": 65,
                            "state": 3
                        },
                        {
                            "part": 65,
                            "state": 4
                        },
                        {
                            "part": 65,
                            "state": 5
                        },
                        {
                            "part": 65,
                            "state": 6
                        },
                        {
                            "Text": {
                                "text_font": "Simsun 16"
                            },
                            "part": 66,
                            "state": 0
                        },
                        {
                            "Text": {
                                "text_font": "Simsun 16"
                            },
                            "part": 66,
                            "state": 1
                        },
                        {
                            "Text": {
                                "text_font": "Simsun 16"
                            },
                            "part": 66,
                            "state": 2
                        },
                        {
                            "Text": {
                                "text_font": "Simsun 16"
                            },
                            "part": 66,
                            "state": 3
                        },
                        {
                            "Text": {
                                "text_font": "Simsun 16"
                            },
                            "part": 66,
                            "state": 4
                        },
                        {
                            "Text": {
                                "text_font": "Simsun 16"
                            },
                            "part": 66,
                            "state": 5
                        },
                        {
                            "Text": {
                                "text_font": "Simsun 16"
                            },
                            "part": 66,
                            "state": 6
                        }
                    ]
                },
                {
                    "checked": false,
                    "class": "lv_checkbox",
                    "click": true,
                    "disabled": false,
                    "drag": false,
                    "events": [
                    ],
                    "geometry": {
                        "height": 23,
                        "width": 143,
                        "x": 20,
                        "y": 68
                    },
                    "hidden": false,
                    "locked": false,
                    "name": "check_box_1",
                    "styles": [
                        {
                            "Text": {
                                "text_font": "Simsun 16"
                            },
                            "part": 0,
                            "state": 0
                        },
                        {
                            "Text": {
                                "text_font": "Simsun 16"
                            },
                            "part": 0,
                            "state": 1
                        },
                        {
                            "Text": {
                                "text_font": "Simsun 16"
                            },
                            "part": 0,
                            "state": 2
                        },
                        {
                            "Text": {
                                "text_font": "Simsun 16"
                            },
                            "part": 0,
                            "state": 3
                        },
                        {
                            "Text": {
                                "text_font": "Simsun 16"
                            },
                            "part": 0,
                            "state": 4
                        },
                        {
                            "Text": {
                                "text_font": "Simsun 16"
                            },
                            "part": 0,
                            "state": 5
                        },
                        {
                            "Text": {
                                "text_font": "Simsun 16"
                            },
                            "part": 0,
                            "state": 6
                        }
                    ],
                    "text": "Enable/Disable"
                },
                {
                    "class": "lv_switch",
                    "click": true,
                    "drag": false,
                    "events": [
                    ],
                    "geometry": {
                        "height": 35,
                        "width": 70,
                        "x": 390,
                        "y": 217
                    },
                    "hidden": false,
                    "locked": false,
                    "name": "switch_1",
                    "state": false,
                    "styles": [
                        {
                            "Background": {
                                "bg_color": "0x85c370"
                            },
                            "Outline": {
                                "outline_color": "0x1caece"
                            },
                            "part": 0,
                            "state": 0
                        },
                        {
                            "Background": {
                                "bg_color": "0x85c370"
                            },
                            "Outline": {
                                "outline_color": "0x1caece"
                            },
                            "part": 0,
                            "state": 1
                        },
                        {
                            "Background": {
                                "bg_color": "0x85c370"
                            },
                            "Outline": {
                                "outline_color": "0x1caece"
                            },
                            "part": 0,
                            "state": 2
                        },
                        {
                            "Background": {
                                "bg_color": "0x85c370"
                            },
                            "part": 0,
                            "state": 3
                        },
                        {
                            "Background": {
                                "bg_color": "0x85c370"
                            },
                            "Outline": {
                                "outline_color": "0x1caece"
                            },
                            "part": 0,
                            "state": 4
                        },
                        {
                            "Background": {
                                "bg_color": "0x85c370"
                            },
                            "Outline": {
                                "outline_color": "0x1caece"
                            },
                            "part": 0,
                            "state": 5
                        },
                        {
                            "Background": {
                                "bg_color": "0x85c370"
                            },
                            "Outline": {
                                "outline_color": "0x1caece"
                            },
                            "part": 0,
                            "state": 6
                        },
                        {
                            "part": 1,
                            "state": 0
                        },
                        {
                            "part": 1,
                            "state": 1
                        },
                        {
                            "part": 1,
                            "state": 2
                        },
                        {
                            "part": 1,
                            "state": 3
                        },
                        {
                            "part": 1,
                            "state": 4
                        },
                        {
                            "part": 1,
                            "state": 5
                        },
                        {
                            "part": 1,
                            "state": 6
                        },
                        {
                            "part": 2,
                            "state": 0
                        },
                        {
                            "part": 2,
                            "state": 1
                        },
                        {
                            "part": 2,
                            "state": 2
                        },
                        {
                            "part": 2,
                            "state": 3
                        },
                        {
                            "part": 2,
                            "state": 4
                        },
                        {
                            "part": 2,
                            "state": 5
                        },
                        {
                            "part": 2,
                            "state": 6
                        }
                    ]
                },
                {
                    "class": "lv_textarea",
                    "click": true,
                    "cursor_blink_time": 144,
                    "cursor_pos": 0,
                    "drag": false,
                    "edge_flash": false,
                    "events": [
                    ],
                    "geometry": {
                        "height": 87,
                        "width": 234,
                        "x": 122,
                        "y": 231
                    },
                    "hidden": false,
                    "locked": false,
                    "max_length": 0,
                    "name": "text_area_1",
                    "one_line_mode": false,
                    "password_mode": false,
                    "placeholder": "",
                    "scroll_propagation": false,
                    "scrollbar_mode": 2,
                    "styles": [
                        {
                            "Text": {
                                "text_font": "Simsun 16"
                            },
                            "part": 0,
                            "state": 0
                        },
                        {
                            "Text": {
                                "text_font": "Simsun 16"
                            },
                            "part": 0,
                            "state": 1
                        },
                        {
                            "Text": {
                                "text_font": "Simsun 16"
                            },
                            "part": 0,
                            "state": 2
                        },
                        {
                            "Text": {
                                "text_font": "Simsun 16"
                            },
                            "part": 0,
                            "state": 3
                        },
                        {
                            "Text": {
                                "text_font": "Simsun 16"
                            },
                            "part": 0,
                            "state": 4
                        },
                        {
                            "Text": {
                                "text_font": "Simsun 16"
                            },
                            "part": 0,
                            "state": 5
                        },
                        {
                            "Text": {
                                "text_font": "Simsun 16"
                            },
                            "part": 0,
                            "state": 6
                        },
                        {
                            "part": 1,
                            "state": 0
                        },
                        {
                            "part": 1,
                            "state": 1
                        },
                        {
                            "part": 1,
                            "state": 2
                        },
                        {
                            "part": 1,
                            "state": 3
                        },
                        {
                            "part": 1,
                            "state": 4
                        },
                        {
                            "part": 1,
                            "state": 5
                        },
                        {
                            "part": 1,
                            "state": 6
                        },
                        {
                            "part": 2,
                            "state": 0
                        },
                        {
                            "part": 2,
                            "state": 1
                        },
                        {
                            "part": 2,
                            "state": 2
                        },
                        {
                            "part": 2,
                            "state": 3
                        },
                        {
                            "part": 2,
                            "state": 4
                        },
                        {
                            "part": 2,
                            "state": 5
                        },
                        {
                            "part": 2,
                            "state": 6
                        },
                        {
                            "part": 3,
                            "state": 0
                        },
                        {
                            "part": 3,
                            "state": 1
                        },
                        {
                            "part": 3,
                            "state": 2
                        },
                        {
                            "part": 3,
                            "state": 3
                        },
                        {
                            "part": 3,
                            "state": 4
                        },
                        {
                            "part": 3,
                            "state": 5
                        },
                        {
                            "part": 3,
                            "state": 6
                        },
                        {
                            "Text": {
                                "text_font": "Simsun 16"
                            },
                            "part": 4,
                            "state": 0
                        },
                        {
                            "Text": {
                                "text_font": "Simsun 16"
                            },
                            "part": 4,
                            "state": 1
                        },
                        {
                            "Text": {
                                "text_font": "Simsun 16"
                            },
                            "part": 4,
                            "state": 2
                        },
                        {
                            "Text": {
                                "text_font": "Simsun 16"
                            },
                            "part": 4,
                            "state": 3
                        },
                        {
                            "Text": {
                                "text_font": "Simsun 16"
                            },
                            "part": 4,
                            "state": 4
                        },
                        {
                            "Text": {
                                "text_font": "Simsun 16"
                            },
                            "part": 4,
                            "state": 5
                        },
                        {
                            "Text": {
                                "text_font": "Simsun 16"
                            },
                            "part": 4,
                            "state": 6
                        }
                    ],
                    "text": "Text area",
                    "text_align": 0
                },
                {
                    "brightness": 120,
                    "class": "lv_led",
                    "click": true,
                    "drag": false,
                    "events": [
                    ],
                    "geometry": {
                        "height": 43,
                        "width": 43,
                        "x": 427,
                        "y": 273
                    },
                    "hidden": false,
                    "locked": false,
                    "name": "led_1",
                    "styles": [
                        {
                            "Background": {
                                "bg_color": "0x7f5358"
                            },
                            "part": 0,
                            "state": 0
                        },
                        {
                            "Background": {
                                "bg_color": "0x7f5358"
                            },
                            "part": 0,
                            "state": 1
                        },
                        {
                            "Background": {
                                "bg_color": "0x7f5358"
                            },
                            "part": 0,
                            "state": 2
                        },
                        {
                            "Background": {
                                "bg_color": "0x7f5358"
                            },
                            "part": 0,
                            "state": 3
                        },
                        {
                            "Background": {
                                "bg_color": "0x7f5358"
                            },
                            "part": 0,
                            "state": 4
                        },
                        {
                            "Background": {
                                "bg_color": "0x7f5358"
                            },
                            "part": 0,
                            "state": 5
                        },
                        {
                            "Background": {
                                "bg_color": "0x7f5358"
                            },
                            "part": 0,
                            "state": 6
                        }
                    ],
                    "switch": 1
                },
                {
                    "animation_state": 0,
                    "animation_time": 200,
                    "class": "lv_bar",
                    "click": false,
                    "drag": false,
                    "events": [
                    ],
                    "geometry": {
                        "height": 30,
                        "width": 150,
                        "x": 20,
                        "y": 165
                    },
                    "hidden": false,
                    "locked": false,
                    "name": "bar_1",
                    "range": {
                        "max": 100,
                        "min": 0
                    },
                    "styles": [
                        {
                            "Background": {
                                "bg_color": "0xe8e8e8"
                            },
                            "part": 0,
                            "state": 0
                        },
                        {
                            "Background": {
                                "bg_color": "0xe8e8e8"
                            },
                            "part": 0,
                            "state": 1
                        },
                        {
                            "Background": {
                                "bg_color": "0xe8e8e8"
                            },
                            "part": 0,
                            "state": 2
                        },
                        {
                            "Background": {
                                "bg_color": "0xe8e8e8"
                            },
                            "part": 0,
                            "state": 3
                        },
                        {
                            "Background": {
                                "bg_color": "0xe8e8e8"
                            },
                            "part": 0,
                            "state": 4
                        },
                        {
                            "Background": {
                                "bg_color": "0xe8e8e8"
                            },
                            "part": 0,
                            "state": 5
                        },
                        {
                            "Background": {
                                "bg_color": "0xe8e8e8"
                            },
                            "part": 0,
                            "state": 6
                        },
                        {
                            "part": 1,
                            "state": 0
                        },
                        {
                            "part": 1,
                            "state": 1
                        },
                        {
                            "part": 1,
                            "state": 2
                        },
                        {
                            "part": 1,
                            "state": 3
                        },
                        {
                            "part": 1,
                            "state": 4
                        },
                        {
                            "part": 1,
                            "state": 5
                        },
                        {
                            "part": 1,
                            "state": 6
                        }
                    ],
                    "type": 0,
                    "value": 36
                },
                {
                    "animation_state": 0,
                    "animation_time": 200,
                    "class": "lv_slider",
                    "click": true,
                    "drag": false,
                    "events": [
                    ],
                    "geometry": {
                        "height": 25,
                        "width": 150,
                        "x": 20,
                        "y": 116
                    },
                    "hidden": false,
                    "locked": false,
                    "name": "slider_1",
                    "range": {
                        "max": 100,
                        "min": 0
                    },
                    "styles": [
                        {
                            "Background": {
                                "bg_color": "0x4f9ace"
                            },
                            "Outline": {
                                "outline_color": "0x1caece"
                            },
                            "part": 0,
                            "state": 0
                        },
                        {
                            "Background": {
                                "bg_color": "0x2ba5d9"
                            },
                            "Outline": {
                                "outline_color": "0x1caece"
                            },
                            "part": 0,
                            "state": 1
                        },
                        {
                            "Background": {
                                "bg_color": "0x2ba5d9"
                            },
                            "Outline": {
                                "outline_color": "0x1caece"
                            },
                            "part": 0,
                            "state": 2
                        },
                        {
                            "Background": {
                                "bg_color": "0x2ba5d9"
                            },
                            "part": 0,
                            "state": 3
                        },
                        {
                            "Background": {
                                "bg_color": "0x2ba5d9"
                            },
                            "Outline": {
                                "outline_color": "0x1caece"
                            },
                            "part": 0,
                            "state": 4
                        },
                        {
                            "Background": {
                                "bg_color": "0x2ba5d9"
                            },
                            "Outline": {
                                "outline_color": "0x1caece"
                            },
                            "part": 0,
                            "state": 5
                        },
                        {
                            "Background": {
                                "bg_color": "0x2ba5d9"
                            },
                            "Outline": {
                                "outline_color": "0x1caece"
                            },
                            "part": 0,
                            "state": 6
                        },
                        {
                            "part": 1,
                            "state": 0
                        },
                        {
                            "part": 1,
                            "state": 1
                        },
                        {
                            "part": 1,
                            "state": 2
                        },
                        {
                            "part": 1,
                            "state": 3
                        },
                        {
                            "part": 1,
                            "state": 4
                        },
                        {
                            "part": 1,
                            "state": 5
                        },
                        {
                            "part": 1,
                            "state": 6
                        },
                        {
                            "part": 2,
                            "state": 0
                        },
                        {
                            "part": 2,
                            "state": 1
                        },
                        {
                            "part": 2,
                            "state": 2
                        },
                        {
                            "part": 2,
                            "state": 3
                        },
                        {
                            "part": 2,
                            "state": 4
                        },
                        {
                            "part": 2,
                            "state": 5
                        },
                        {
                            "part": 2,
                            "state": 6
                        }
                    ],
                    "type": 0,
                    "value": 70
                },
                {
                    "brightness": 255,
                    "class": "lv_led",
                    "click": true,
                    "drag": false,
                    "events": [
                    ],
                    "geometry": {
                        "height": 43,
                        "width": 43,
                        "x": 370,
                        "y": 272
                    },
                    "hidden": false,
                    "locked": false,
                    "name": "led_3",
                    "styles": [
                        {
                            "Background": {
                                "bg_color": "0xb0ffaf"
                            },
                            "part": 0,
                            "state": 0
                        },
                        {
                            "Background": {
                                "bg_color": "0xb0ffaf"
                            },
                            "part": 0,
                            "state": 1
                        },
                        {
                            "Background": {
                                "bg_color": "0xb0ffaf"
                            },
                            "part": 0,
                            "state": 2
                        },
                        {
                            "Background": {
                                "bg_color": "0xb0ffaf"
                            },
                            "part": 0,
                            "state": 3
                        },
                        {
                            "Background": {
                                "bg_color": "0xb0ffaf"
                            },
                            "part": 0,
                            "state": 4
                        },
                        {
                            "Background": {
                                "bg_color": "0xb0ffaf"
                            },
                            "part": 0,
                            "state": 5
                        },
                        {
                            "Background": {
                                "bg_color": "0xb0ffaf"
                            },
                            "part": 0,
                            "state": 6
                        }
                    ],
                    "switch": 0
                },
                {
                    "class": "lv_textarea",
                    "click": true,
                    "cursor_blink_time": 144,
                    "cursor_pos": 38,
                    "drag": false,
                    "edge_flash": false,
                    "events": [
                    ],
                    "geometry": {
                        "height": 71,
                        "width": 137,
                        "x": 197,
                        "y": 143
                    },
                    "hidden": false,
                    "locked": false,
                    "max_length": 0,
                    "name": "text_area_2",
                    "one_line_mode": false,
                    "password_mode": false,
                    "placeholder": "",
                    "scroll_propagation": false,
                    "scrollbar_mode": 2,
                    "styles": [
                        {
                            "Text": {
                                "text_font": "Simsun 16"
                            },
                            "part": 0,
                            "state": 0
                        },
                        {
                            "Text": {
                                "text_font": "Simsun 16"
                            },
                            "part": 0,
                            "state": 1
                        },
                        {
                            "Text": {
                                "text_font": "Simsun 16"
                            },
                            "part": 0,
                            "state": 2
                        },
                        {
                            "Text": {
                                "text_font": "Simsun 16"
                            },
                            "part": 0,
                            "state": 3
                        },
                        {
                            "Text": {
                                "text_font": "Simsun 16"
                            },
                            "part": 0,
                            "state": 4
                        },
                        {
                            "Text": {
                                "text_font": "Simsun 16"
                            },
                            "part": 0,
                            "state": 5
                        },
                        {
                            "Text": {
                                "text_font": "Simsun 16"
                            },
                            "part": 0,
                            "state": 6
                        },
                        {
                            "part": 1,
                            "state": 0
                        },
                        {
                            "part": 1,
                            "state": 1
                        },
                        {
                            "part": 1,
                            "state": 2
                        },
                        {
                            "part": 1,
                            "state": 3
                        },
                        {
                            "part": 1,
                            "state": 4
                        },
                        {
                            "part": 1,
                            "state": 5
                        },
                        {
                            "part": 1,
                            "state": 6
                        },
                        {
                            "part": 2,
                            "state": 0
                        },
                        {
                            "part": 2,
                            "state": 1
                        },
                        {
                            "part": 2,
                            "state": 2
                        },
                        {
                            "part": 2,
                            "state": 3
                        },
                        {
                            "part": 2,
                            "state": 4
                        },
                        {
                            "part": 2,
                            "state": 5
                        },
                        {
                            "part": 2,
                            "state": 6
                        },
                        {
                            "part": 3,
                            "state": 0
                        },
                        {
                            "part": 3,
                            "state": 1
                        },
                        {
                            "part": 3,
                            "state": 2
                        },
                        {
                            "part": 3,
                            "state": 3
                        },
                        {
                            "part": 3,
                            "state": 4
                        },
                        {
                            "part": 3,
                            "state": 5
                        },
                        {
                            "part": 3,
                            "state": 6
                        },
                        {
                            "Text": {
                                "text_font": "Simsun 16"
                            },
                            "part": 4,
                            "state": 0
                        },
                        {
                            "Text": {
                                "text_font": "Simsun 16"
                            },
                            "part": 4,
                            "state": 1
                        },
                        {
                            "Text": {
                                "text_font": "Simsun 16"
                            },
                            "part": 4,
                            "state": 2
                        },
                        {
                            "Text": {
                                "text_font": "Simsun 16"
                            },
                            "part": 4,
                            "state": 3
                        },
                        {
                            "Text": {
                                "text_font": "Simsun 16"
                            },
                            "part": 4,
                            "state": 4
                        },
                        {
                            "Text": {
                                "text_font": "Simsun 16"
                            },
                            "part": 4,
                            "state": 5
                        },
                        {
                            "Text": {
                                "text_font": "Simsun 16"
                            },
                            "part": 4,
                            "state": 6
                        }
                    ],
                    "text": "姓名: {{person.name}}\n年龄: {{person.age}}",
                    "text_align": 1
                },
                {
                    "checkable": false,
                    "class": "lv_btn",
                    "click": true,
                    "drag": false,
                    "events": [
                        "btn_event1#Clicked#bind_script#update_age"
                    ],
                    "fit": 0,
                    "geometry": {
                        "height": 35,
                        "width": 133,
                        "x": 199,
                        "y": 93
                    },
                    "hidden": false,
                    "layout": 1,
                    "locked": false,
                    "name": "button_2",
                    "state": 0,
                    "styles": [
                        {
                            "Value": {
                                "value_font": "Simsun 16",
                                "value_str": "点我年龄+1"
                            },
                            "part": 0,
                            "state": 0
                        },
                        {
                            "Value": {
                                "value_font": "Simsun 16",
                                "value_str": "点我年龄+1"
                            },
                            "part": 0,
                            "state": 1
                        },
                        {
                            "Value": {
                                "value_font": "Simsun 16",
                                "value_str": "点我年龄+1"
                            },
                            "part": 0,
                            "state": 2
                        },
                        {
                            "Value": {
                                "value_font": "Simsun 16",
                                "value_str": "点我年龄+1"
                            },
                            "part": 0,
                            "state": 3
                        },
                        {
                            "Value": {
                                "value_font": "Simsun 16",
                                "value_str": "点我年龄+1"
                            },
                            "part": 0,
                            "state": 4
                        },
                        {
                            "Value": {
                                "value_font": "Simsun 16",
                                "value_str": "点我年龄+1"
                            },
                            "part": 0,
                            "state": 5
                        },
                        {
                            "Value": {
                                "value_font": "Simsun 16",
                                "value_str": "点我年龄+1"
                            },
                            "part": 0,
                            "state": 6
                        }
                    ]
                }
            ],
            "events": [
            ],
            "geometry": {
                "height": 320,
                "width": 480,
                "x": 0,
                "y": 0
            },
            "name": "mainpage",
            "styles": [
                {
                    "bg_color": "0xffffff",
                    "disable": false,
                    "part": 0,
                    "state": 0
                }
            ],
            "visible": true
        }
    ],
    "project_name": "demo_1",
    "project_settings": {
        "color_depth": 32,
        "keyBoard": {
            "chinese_input": false,
            "chinese_library": "mini",
            "display_kb": false,
            "keyboard_font_size": 18,
            "keyboard_font_type": "SourceHanSerifSC_Regular"
        },
        "resolution": {
            "height": 320,
            "width": 480
        },
        "screen_retated": 90
    },
    "ui_version": "7.11.0",
    "version": "1.0.0"
}