{
    "compoents": [
        {
            "-class": "NewLayout",
            "-name": "vslider_1",
            "-type": "NewLayout",
            "caption": "vslider",
            "icon": "config/slider.png",
            "layout": [
                {
                    "-class": "NewFrame",
                    "-name": "右侧图片",
                    "-type": "ImageList",
                    "caption": "vslider_right_pic",
                    "icon": "config/images/page_white_vector.png",
                    "property": [
                        {
                            "-name": "id",
                            "-type": "id",
                            "caption": "ID号",
                            "ename": "NewFrame_24",
                            "id": 0
                        },
                        {
                            "-name": "element_css",
                            "-type": "struct",
                            "caption": "CSS元素",
                            "info": "",
                            "struct": [
                                [
                                    {
                                        "-name": "hori_align",
                                        "-type": "enum",
                                        "caption": "水平对齐方式",
                                        "default": "HORI_ALIGN_CENTER",
                                        "enum": [
                                            {
                                                "HORI_ALIGN_LEFT": 0
                                            },
                                            {
                                                "HORI_ALIGN_CENTER": 1
                                            },
                                            {
                                                "HORI_ALIGN_RIGHT": 2
                                            }
                                        ]
                                    },
                                    {
                                        "-name": "vert_align",
                                        "-type": "enum",
                                        "caption": "垂直对齐方式",
                                        "default": "VERT_ALIGN_CENTER",
                                        "enum": [
                                            {
                                                "VERT_ALIGN_TOP": 0
                                            },
                                            {
                                                "VERT_ALIGN_CENTER": 1
                                            },
                                            {
                                                "VERT_ALIGN_BOTTOM": 2
                                            }
                                        ]
                                    },
                                    {
                                        "-name": "invisible",
                                        "-type": "enum",
                                        "caption": "默认隐藏",
                                        "default": "false",
                                        "enum": [
                                            {
                                                "true": 1
                                            },
                                            {
                                                "false": 0
                                            }
                                        ]
                                    },
                                    {
                                        "-name": "flags",
                                        "-type": "enum",
                                        "caption": "标志",
                                        "default": "ELM_FLAG_NORMAL",
                                        "enum": [
                                            {
                                                "ELM_FLAG_NORMAL": 0
                                            },
                                            {
                                                "ELM_FLAG_HEAD": 1
                                            }
                                        ]
                                    },
                                    {
                                        "-name": "background_color",
                                        "-type": "background-color",
                                        "background-color": "",
                                        "caption": "背景颜色"
                                    },
                                    {
                                        "-name": "rect",
                                        "-type": "rect",
                                        "caption": "坐标",
                                        "rect": {
                                            "height": 348,
                                            "width": 11,
                                            "x": 5,
                                            "y": 0
                                        }
                                    },
                                    {
                                        "-name": "border",
                                        "-type": "border",
                                        "border": {
                                            "bottom": 0,
                                            "left": 0,
                                            "right": 0,
                                            "top": 0
                                        },
                                        "caption": "边框",
                                        "gray-color": 0
                                    },
                                    {
                                        "-name": "background_image",
                                        "-type": "background-image",
                                        "background-image": "config/ctrl_pic/vslider/png33.png",
                                        "caption": "背景图片",
                                        "image-type": "ARGB8565"
                                    }
                                ]
                            ]
                        }
                    ],
                    "tip": "",
                    "version": "1",
                    "widget": []
                },
                {
                    "-class": "NewFrame",
                    "-name": "左侧图片",
                    "-type": "ImageList",
                    "caption": "vslider_left_pic",
                    "icon": "config/images/page_white_vector.png",
                    "property": [
                        {
                            "-name": "id",
                            "-type": "id",
                            "caption": "ID号",
                            "ename": "NewFrame_23",
                            "id": 0
                        },
                        {
                            "-name": "element_css",
                            "-type": "struct",
                            "caption": "CSS元素",
                            "info": "",
                            "struct": [
                                [
                                    {
                                        "-name": "hori_align",
                                        "-type": "enum",
                                        "caption": "水平对齐方式",
                                        "default": "HORI_ALIGN_CENTER",
                                        "enum": [
                                            {
                                                "HORI_ALIGN_LEFT": 0
                                            },
                                            {
                                                "HORI_ALIGN_CENTER": 1
                                            },
                                            {
                                                "HORI_ALIGN_RIGHT": 2
                                            }
                                        ]
                                    },
                                    {
                                        "-name": "vert_align",
                                        "-type": "enum",
                                        "caption": "垂直对齐方式",
                                        "default": "VERT_ALIGN_CENTER",
                                        "enum": [
                                            {
                                                "VERT_ALIGN_TOP": 0
                                            },
                                            {
                                                "VERT_ALIGN_CENTER": 1
                                            },
                                            {
                                                "VERT_ALIGN_BOTTOM": 2
                                            }
                                        ]
                                    },
                                    {
                                        "-name": "invisible",
                                        "-type": "enum",
                                        "caption": "默认隐藏",
                                        "default": "false",
                                        "enum": [
                                            {
                                                "true": 1
                                            },
                                            {
                                                "false": 0
                                            }
                                        ]
                                    },
                                    {
                                        "-name": "flags",
                                        "-type": "enum",
                                        "caption": "标志",
                                        "default": "ELM_FLAG_NORMAL",
                                        "enum": [
                                            {
                                                "ELM_FLAG_NORMAL": 0
                                            },
                                            {
                                                "ELM_FLAG_HEAD": 1
                                            }
                                        ]
                                    },
                                    {
                                        "-name": "background_color",
                                        "-type": "background-color",
                                        "background-color": "",
                                        "caption": "背景颜色"
                                    },
                                    {
                                        "-name": "rect",
                                        "-type": "rect",
                                        "caption": "坐标",
                                        "rect": {
                                            "height": 348,
                                            "width": 11,
                                            "x": 5,
                                            "y": 0
                                        }
                                    },
                                    {
                                        "-name": "border",
                                        "-type": "border",
                                        "border": {
                                            "bottom": 0,
                                            "left": 0,
                                            "right": 0,
                                            "top": 0
                                        },
                                        "caption": "边框",
                                        "gray-color": 0
                                    },
                                    {
                                        "-name": "background_image",
                                        "-type": "background-image",
                                        "background-image": "config/ctrl_pic/vslider/png32.png",
                                        "caption": "背景图片",
                                        "image-type": "ARGB8565"
                                    }
                                ]
                            ]
                        }
                    ],
                    "tip": "",
                    "version": "1",
                    "widget": []
                },
                {
                    "-class": "NewFrame",
                    "-name": "滑动块",
                    "-type": "ImageList",
                    "caption": "vslider_pic",
                    "icon": "config/images/page_white_vector.png",
                    "property": [
                        {
                            "-name": "id",
                            "-type": "id",
                            "caption": "ID号",
                            "ename": "NewFrame_25",
                            "id": 0
                        },
                        {
                            "-name": "element_css",
                            "-type": "struct",
                            "caption": "CSS元素",
                            "info": "",
                            "struct": [
                                [
                                    {
                                        "-name": "hori_align",
                                        "-type": "enum",
                                        "caption": "水平对齐方式",
                                        "default": "HORI_ALIGN_CENTER",
                                        "enum": [
                                            {
                                                "HORI_ALIGN_LEFT": 0
                                            },
                                            {
                                                "HORI_ALIGN_CENTER": 1
                                            },
                                            {
                                                "HORI_ALIGN_RIGHT": 2
                                            }
                                        ]
                                    },
                                    {
                                        "-name": "vert_align",
                                        "-type": "enum",
                                        "caption": "垂直对齐方式",
                                        "default": "VERT_ALIGN_CENTER",
                                        "enum": [
                                            {
                                                "VERT_ALIGN_TOP": 0
                                            },
                                            {
                                                "VERT_ALIGN_CENTER": 1
                                            },
                                            {
                                                "VERT_ALIGN_BOTTOM": 2
                                            }
                                        ]
                                    },
                                    {
                                        "-name": "invisible",
                                        "-type": "enum",
                                        "caption": "默认隐藏",
                                        "default": "false",
                                        "enum": [
                                            {
                                                "true": 1
                                            },
                                            {
                                                "false": 0
                                            }
                                        ]
                                    },
                                    {
                                        "-name": "flags",
                                        "-type": "enum",
                                        "caption": "标志",
                                        "default": "ELM_FLAG_NORMAL",
                                        "enum": [
                                            {
                                                "ELM_FLAG_NORMAL": 0
                                            },
                                            {
                                                "ELM_FLAG_HEAD": 1
                                            }
                                        ]
                                    },
                                    {
                                        "-name": "background_color",
                                        "-type": "background-color",
                                        "background-color": "",
                                        "caption": "背景颜色"
                                    },
                                    {
                                        "-name": "rect",
                                        "-type": "rect",
                                        "caption": "坐标",
                                        "rect": {
                                            "height": 20,
                                            "width": 20,
                                            "x": 1,
                                            "y": 174
                                        }
                                    },
                                    {
                                        "-name": "border",
                                        "-type": "border",
                                        "border": {
                                            "bottom": 0,
                                            "left": 0,
                                            "right": 0,
                                            "top": 0
                                        },
                                        "caption": "边框",
                                        "gray-color": 0
                                    },
                                    {
                                        "-name": "background_image",
                                        "-type": "background-image",
                                        "background-image": "config/ctrl_pic/vslider/png34.png",
                                        "caption": "背景图片",
                                        "image-type": "ARGB8565"
                                    }
                                ]
                            ]
                        }
                    ],
                    "tip": "",
                    "version": "1",
                    "widget": []
                }
            ],
            "property": [
                {
                    "-name": "id",
                    "-type": "id",
                    "caption": "ID号",
                    "ename": "NewLayout_21",
                    "id": 0
                },
                {
                    "-name": "element_css",
                    "-type": "struct",
                    "caption": "CSS元素",
                    "info": "",
                    "struct": [
                        [
                            {
                                "-name": "hori_align",
                                "-type": "enum",
                                "caption": "水平对齐方式",
                                "default": "HORI_ALIGN_CENTER",
                                "enum": [
                                    {
                                        "HORI_ALIGN_LEFT": 0
                                    },
                                    {
                                        "HORI_ALIGN_CENTER": 1
                                    },
                                    {
                                        "HORI_ALIGN_RIGHT": 2
                                    }
                                ]
                            },
                            {
                                "-name": "vert_align",
                                "-type": "enum",
                                "caption": "垂直对齐方式",
                                "default": "VERT_ALIGN_CENTER",
                                "enum": [
                                    {
                                        "VERT_ALIGN_TOP": 0
                                    },
                                    {
                                        "VERT_ALIGN_CENTER": 1
                                    },
                                    {
                                        "VERT_ALIGN_BOTTOM": 2
                                    }
                                ]
                            },
                            {
                                "-name": "invisible",
                                "-type": "enum",
                                "caption": "默认隐藏",
                                "default": "false",
                                "enum": [
                                    {
                                        "true": 1
                                    },
                                    {
                                        "false": 0
                                    }
                                ]
                            },
                            {
                                "-name": "flags",
                                "-type": "enum",
                                "caption": "标志",
                                "default": "ELM_FLAG_NORMAL",
                                "enum": [
                                    {
                                        "ELM_FLAG_NORMAL": 0
                                    },
                                    {
                                        "ELM_FLAG_HEAD": 1
                                    }
                                ]
                            },
                            {
                                "-name": "background_color",
                                "-type": "background-color",
                                "background-color": "",
                                "caption": "背景颜色"
                            },
                            {
                                "-name": "rect",
                                "-type": "rect",
                                "caption": "坐标",
                                "rect": {
                                    "height": 348,
                                    "width": 20,
                                    "x": 0,
                                    "y": 0
                                }
                            },
                            {
                                "-name": "border",
                                "-type": "border",
                                "border": {
                                    "bottom": 0,
                                    "left": 0,
                                    "right": 0,
                                    "top": 0
                                },
                                "caption": "边框",
                                "gray-color": 0
                            },
                            {
                                "-name": "background_image",
                                "-type": "background-image",
                                "background-image": "",
                                "caption": "背景图片"
                            }
                        ]
                    ]
                },
                {
                    "-name": "sub-ptr",
                    "-type": "sub-ptr",
                    "caption": "子控件地址指针"
                },
                {
                    "-name": "step",
                    "-type": "int8",
                    "caption": "步进",
                    "default": 1,
                    "max": 100,
                    "min": 1
                }
            ],
            "tip": "",
            "version": "1",
            "widget": []
        }
    ]
}