{
    "input_color": {
        "type": "panel",
        "$color_name": "red\n",
        "$tip_text": 0,
        "anchor_from": "top_middle",
        "anchor_to": "top_middle",
        "offset": [
            0.0,
            "0%+0px"
        ],
        "layer": 1,
        "controls": [
            {
                "label": {
                    "type": "label",
                    "$color_name|default": "",
                    "anchor_from": "top_left",
                    "anchor_to": "top_left",
                    "offset": [
                        1.0,
                        2.0
                    ],
                    "layer": 1,
                    "font_type": "default",
                    "text": "$color_name"
                }
            },
            {
                "edit_box@common.text_edit_box": {
                    "type": "edit_box",
                    "$edit_box_default_texture": "textures/ui/edit_box_indent",
                    "$edit_box_hover_texture": "textures/ui/edit_box_indent_hover",
                    "$font_scale_factor": 1.0,
                    "$font_size": "normal",
                    "$is_new_nine_slice": false,
                    "$nine_slice_buttom": 0,
                    "$nine_slice_left": 0,
                    "$nine_slice_right": 0,
                    "$nine_slice_top": 0,
                    "$nineslice_size": [
                        0,
                        0,
                        0,
                        0
                    ],
                    "$place_holder_text": "$tip_text",
                    "$place_holder_text_color": [
                        0.5,
                        0.5,
                        0.5
                    ],
                    "$text_background_default": "netease_editor_template_namespace.edit_box_background_default",
                    "$text_background_hover": "netease_editor_template_namespace.edit_box_background_hover",
                    "$text_box_name": "%netease_editor_template_namespace.message",
                    "$text_box_text_color": [
                        1,
                        1,
                        1
                    ],
                    "$text_edit_box_content_binding_name": "#netease_editor_template_namespace.message_content",
                    "$text_edit_box_label_anchor_point": "right_middle",
                    "$text_edit_box_label_min_size": [
                        "100%",
                        0
                    ],
                    "$text_edit_box_label_size": [
                        "default",
                        "default"
                    ],
                    "$tip_text|default": "请输入",
                    "anchor_from": "bottom_middle",
                    "anchor_to": "bottom_middle",
                    "size": [
                        "default",
                        "50%+0px"
                    ],
                    "layer": 2,
                    "alpha": 1,
                    "max_length": 512
                }
            }
        ]
    },
    "main": {
        "type": "screen",
        "controls": [
            {
                "main_panel": {
                    "type": "panel",
                    "size": [
                        "80%+0px",
                        "80%+0px"
                    ],
                    "layer": 1,
                    "controls": [
                        {
                            "create@SetDebugDrawing.common_btn": {
                                "$label_font_size": "normal",
                                "$label_text": "创建",
                                "anchor_from": "bottom_middle",
                                "anchor_to": "bottom_middle",
                                "offset": [
                                    0,
                                    -1
                                ],
                                "size": [
                                    "30%+0px",
                                    "10%+0px"
                                ]
                            }
                        },
                        {
                            "bg_image": {
                                "type": "image",
                                "layer": 1,
                                "texture": "textures/ui/background_image"
                            }
                        },
                        {
                            "title_panel": {
                                "type": "panel",
                                "anchor_from": "top_middle",
                                "anchor_to": "top_middle",
                                "offset": [
                                    0.0,
                                    1.0
                                ],
                                "size": [
                                    "default",
                                    "10%+0px"
                                ],
                                "layer": 2,
                                "controls": [
                                    {
                                        "label": {
                                            "type": "label",
                                            "layer": 1,
                                            "font_type": "default",
                                            "text": "创建盒子形状\n(以下输入框未做内容检测，开发者可以自行扩展增加)",
                                            "text_alignment": "center"
                                        }
                                    },
                                    {
                                        "button@common.button": {
                                            "type": "button",
                                            "$control_alpha": 1.0,
                                            "$default_texture": "textures/netease/common/button/default",
                                            "$hover_texture": "textures/netease/common/button/hover",
                                            "$is_new_nine_slice": false,
                                            "$label_color": [
                                                1,
                                                1,
                                                1
                                            ],
                                            "$label_font_scale_factor": 1.0,
                                            "$label_font_size": "normal",
                                            "$label_layer": 3,
                                            "$label_offset": [
                                                0,
                                                0
                                            ],
                                            "$label_text": "关闭",
                                            "$nine_slice_buttom": 0,
                                            "$nine_slice_left": 0,
                                            "$nine_slice_right": 0,
                                            "$nine_slice_top": 0,
                                            "$nineslice_size": [
                                                0,
                                                0,
                                                0,
                                                0
                                            ],
                                            "$pressed_button_name": "%netease_editor_template_namespace.click",
                                            "$pressed_texture": "textures/netease/common/button/pressed",
                                            "$texture_layer": 2,
                                            "anchor_from": "right_middle",
                                            "anchor_to": "right_middle",
                                            "offset": [
                                                -3.0,
                                                0.0
                                            ],
                                            "size": [
                                                "10%+0px",
                                                "default"
                                            ],
                                            "layer": 2,
                                            "button_mappings": [],
                                            "default_control": "default",
                                            "hover_control": "hover",
                                            "is_handle_button_move_event": true,
                                            "pressed_control": "pressed",
                                            "bindings": [
                                                {
                                                    "binding_type": "collection_details",
                                                    "binding_collection_name": "",
                                                    "binding_condition": "always_when_visible"
                                                }
                                            ],
                                            "controls": [
                                                {
                                                    "default@netease_editor_template_namespace.default": {}
                                                },
                                                {
                                                    "hover@netease_editor_template_namespace.hover": {}
                                                },
                                                {
                                                    "pressed@netease_editor_template_namespace.pressed": {}
                                                },
                                                {
                                                    "button_label@netease_editor_template_namespace.button_label": {}
                                                }
                                            ]
                                        }
                                    }
                                ]
                            }
                        },
                        {
                            "pos_panel@createBoxDebugDrawing.set_pos": {
                                "anchor_from": "top_left",
                                "anchor_to": "top_left",
                                "offset": [
                                    0,
                                    "11%+0px"
                                ],
                                "size": [
                                    "50%+0px",
                                    "40%+0px"
                                ]
                            }
                        },
                        {
                            "color_panel@createBoxDebugDrawing.set_color": {
                                "anchor_from": "top_right",
                                "anchor_to": "top_right",
                                "offset": [
                                    -5,
                                    "20%+0px"
                                ]
                            }
                        },
                        {
                            "scale_panel": {
                                "type": "panel",
                                "anchor_from": "top_left",
                                "anchor_to": "top_left",
                                "offset": [
                                    0.0,
                                    "50%+0px"
                                ],
                                "size": [
                                    "50%+0px",
                                    "37%+0px"
                                ],
                                "layer": 1,
                                "controls": [
                                    {
                                        "label": {
                                            "type": "label",
                                            "anchor_from": "top_middle",
                                            "anchor_to": "top_middle",
                                            "offset": [
                                                0.0,
                                                1.0
                                            ],
                                            "font_type": "default",
                                            "text": "设置形状大小（scale）",
                                            "text_alignment": "center"
                                        }
                                    },
                                    {
                                        "scale_x@createBoxDebugDrawing.input_color": {
                                            "$color_name": "X\n",
                                            "$tip_text": "请输入float值",
                                            "offset": [
                                                0,
                                                "15%+0px"
                                            ],
                                            "size": [
                                                "90%+0px",
                                                "28%+0px"
                                            ]
                                        }
                                    },
                                    {
                                        "scale_y@createBoxDebugDrawing.input_color": {
                                            "$color_name": "Y",
                                            "$tip_text": "请输入float值",
                                            "offset": [
                                                0,
                                                "44%+0px"
                                            ],
                                            "size": [
                                                "90%+0px",
                                                "28%+0px"
                                            ]
                                        }
                                    },
                                    {
                                        "scale_z@createBoxDebugDrawing.input_color": {
                                            "$color_name": "Z",
                                            "$tip_text": "请输入float值",
                                            "offset": [
                                                0,
                                                "73%+0px"
                                            ],
                                            "size": [
                                                "90%+0px",
                                                "28%+0px"
                                            ]
                                        }
                                    }
                                ]
                            }
                        }
                    ]
                }
            }
        ]
    },
    "namespace": "createBoxDebugDrawing",
    "set_color": {
        "type": "panel",
        "size": [
            "45%+0px",
            "80%+0px"
        ],
        "layer": 1,
        "controls": [
            {
                "right_panel": {
                    "type": "panel",
                    "anchor_from": "bottom_right",
                    "anchor_to": "bottom_right",
                    "size": [
                        "60%+0px",
                        "85%+0px"
                    ],
                    "layer": 1,
                    "controls": [
                        {
                            "slider@common.slider": {
                                "$background_default_control": "common.slider_background",
                                "$background_hover_control": "common.slider_background_hover",
                                "$progress_default_clip_direction": "left",
                                "$progress_default_control": "common.slider_progress",
                                "$progress_hover_clip_direction": "left",
                                "$progress_hover_control": "common.slider_progress_hover",
                                "$slider_box_hover_layout": "common.slider_button_hover_layout",
                                "$slider_box_indent_layout": "common.slider_button_indent_layout",
                                "$slider_box_layout": "common.slider_button_layout",
                                "$slider_box_locked_layout": "common.slider_button_locked_layout",
                                "$slider_box_size": [
                                    10,
                                    16
                                ],
                                "$slider_direction": "horizontal",
                                "$slider_name|default": "netease_slider_name",
                                "$slider_step_factory_control_ids": {
                                    "slider_step": "@common.slider_step",
                                    "slider_step_hover": "@common.slider_step_hover",
                                    "slider_step_progress": "@common.slider_step_progress",
                                    "slider_step_progress_hover": "@common.slider_step_progress_hover"
                                },
                                "$slider_tts_text_value": "#netease_tts_text_value",
                                "anchor_from": "top_middle",
                                "anchor_to": "top_middle",
                                "offset": [
                                    0,
                                    "65%+0px"
                                ],
                                "size": [
                                    "100%+0px",
                                    "0%+10px"
                                ]
                            }
                        },
                        {
                            "movepanel": {
                                "type": "panel",
                                "anchor_from": "top_middle",
                                "anchor_to": "top_middle",
                                "size": [
                                    "100%+0px",
                                    "60%+0px"
                                ],
                                "layer": 37,
                                "controls": [
                                    {
                                        "move_btn@common.button": {
                                            "type": "button",
                                            "$control_alpha": 1.0,
                                            "$default_texture": "textures/ui/color_select",
                                            "$hover_texture": "textures/ui/color_select",
                                            "$is_new_nine_slice": false,
                                            "$label_color": [
                                                1,
                                                1,
                                                1
                                            ],
                                            "$label_font_scale_factor": 1.0,
                                            "$label_font_size": "large",
                                            "$label_layer": 3,
                                            "$label_offset": [
                                                0,
                                                0
                                            ],
                                            "$label_text": "",
                                            "$nine_slice_buttom": 0,
                                            "$nine_slice_left": 0,
                                            "$nine_slice_right": 0,
                                            "$nine_slice_top": 0,
                                            "$nineslice_size": [
                                                0.0,
                                                0.0,
                                                0.0,
                                                0.0
                                            ],
                                            "$pressed_button_name": "%netease_editor_template_namespace.click",
                                            "$pressed_texture": "textures/ui/color_select",
                                            "$texture_layer": 2,
                                            "anchor_from": "bottom_left",
                                            "anchor_to": "bottom_left",
                                            "size": [
                                                10.0,
                                                10.0
                                            ],
                                            "button_mappings": [],
                                            "default_control": "default",
                                            "hover_control": "hover",
                                            "is_handle_button_move_event": true,
                                            "pressed_control": "pressed",
                                            "bindings": [
                                                {
                                                    "binding_type": "collection_details",
                                                    "binding_collection_name": "",
                                                    "binding_condition": "always_when_visible"
                                                }
                                            ],
                                            "controls": [
                                                {
                                                    "default@netease_editor_template_namespace.default": {}
                                                },
                                                {
                                                    "hover@netease_editor_template_namespace.hover": {}
                                                },
                                                {
                                                    "pressed@netease_editor_template_namespace.pressed": {}
                                                },
                                                {
                                                    "button_label@netease_editor_template_namespace.button_label": {}
                                                }
                                            ]
                                        }
                                    },
                                    {
                                        "gradient_renderer": {
                                            "type": "custom",
                                            "renderer": "gradient_renderer",
                                            "color1": [
                                                0.0,
                                                0.0,
                                                0.0,
                                                1.0
                                            ],
                                            "color2": [
                                                1.0,
                                                0.0,
                                                0.0,
                                                1.0
                                            ],
                                            "gradient_direction": "horizontal",
                                            "property_bag": {
                                                "#set_color1": [
                                                    0.0,
                                                    0.0,
                                                    0.0,
                                                    1.0
                                                ],
                                                "#set_color2": [
                                                    1.0,
                                                    0.0,
                                                    0.0,
                                                    1.0
                                                ]
                                            },
                                            "bindings": [
                                                {
                                                    "binding_condition": "always_when_visible",
                                                    "binding_name": "#set_color1"
                                                },
                                                {
                                                    "binding_condition": "always_when_visible",
                                                    "binding_name": "#set_color2"
                                                }
                                            ]
                                        }
                                    }
                                ]
                            }
                        },
                        {
                            "image": {
                                "type": "image",
                                "anchor_from": "top_middle",
                                "anchor_to": "top_middle",
                                "offset": [
                                    0.0,
                                    "65%+15px"
                                ],
                                "size": [
                                    "default",
                                    10.0
                                ],
                                "layer": 1,
                                "fill": true,
                                "texture": "textures/ui/2222"
                            }
                        }
                    ]
                }
            },
            {
                "left_panel": {
                    "type": "panel",
                    "anchor_from": "bottom_left",
                    "anchor_to": "bottom_left",
                    "size": [
                        "35%+0px",
                        "85%+0px"
                    ],
                    "layer": 49,
                    "controls": [
                        {
                            "image": {
                                "type": "image",
                                "anchor_from": "top_left",
                                "anchor_to": "top_left",
                                "offset": [
                                    "82.5%+0px",
                                    "12.5%+0px"
                                ],
                                "size": [
                                    "15%+0px",
                                    "5%+0px"
                                ],
                                "layer": 1,
                                "fill": true,
                                "texture": "textures/ui/icon_back02"
                            }
                        },
                        {
                            "color_image": {
                                "type": "image",
                                "anchor_from": "top_left",
                                "anchor_to": "top_left",
                                "size": [
                                    "85%+0px",
                                    "30%+0px"
                                ],
                                "layer": 1,
                                "texture": "textures/ui/pixel"
                            }
                        },
                        {
                            "red_input_panel@createBoxDebugDrawing.input_color": {
                                "$tip_text": "请输入int值",
                                "layer": 2,
                                "offset": [
                                    0,
                                    "31%+0px"
                                ],
                                "size": [
                                    "90%+0px",
                                    "15%+0px"
                                ]
                            }
                        },
                        {
                            "green_input_panel@createBoxDebugDrawing.input_color": {
                                "$color_name": "green",
                                "$tip_text": "请输入int值",
                                "layer": 28,
                                "offset": [
                                    0,
                                    "47%+0px"
                                ],
                                "size": [
                                    "90%+0px",
                                    "15%+0px"
                                ]
                            }
                        },
                        {
                            "blue_input_panel@createBoxDebugDrawing.input_color": {
                                "$color_name": "blue",
                                "$tip_text": "请输入int值",
                                "layer": 54,
                                "offset": [
                                    0,
                                    "63%+0px"
                                ],
                                "size": [
                                    "90%+0px",
                                    "15%+0px"
                                ]
                            }
                        }
                    ]
                }
            },
            {
                "title_panel": {
                    "type": "panel",
                    "anchor_from": "top_middle",
                    "anchor_to": "top_middle",
                    "size": [
                        "default",
                        "15%+0px"
                    ],
                    "layer": 1,
                    "controls": [
                        {
                            "label": {
                                "type": "label",
                                "font_type": "default",
                                "text": "设置颜色\n(因为颜色渐变控件无法更改起始与终点颜色，故以红色作为渐变代替)",
                                "text_alignment": "center"
                            }
                        }
                    ]
                }
            }
        ]
    },
    "set_pos": {
        "type": "panel",
        "size": [
            "60%+0px",
            "40%+0px"
        ],
        "layer": 4,
        "controls": [
            {
                "left_panel": {
                    "type": "panel",
                    "anchor_from": "bottom_left",
                    "anchor_to": "bottom_left",
                    "offset": [
                        3.0,
                        -3.0
                    ],
                    "size": [
                        "40%+0px",
                        "86%+0px"
                    ],
                    "layer": 1,
                    "controls": [
                        {
                            "x_input@createBoxDebugDrawing.input_color": {
                                "$color_name": "X坐标",
                                "$tip_text": "请输入float值",
                                "size": [
                                    "default",
                                    "32%+0px"
                                ]
                            }
                        },
                        {
                            "y_input@createBoxDebugDrawing.input_color": {
                                "$color_name": "Y坐标",
                                "$tip_text": "请输入float值",
                                "offset": [
                                    0,
                                    "33%+0px"
                                ],
                                "size": [
                                    "default",
                                    "32%+0px"
                                ]
                            }
                        },
                        {
                            "z_input@createBoxDebugDrawing.input_color": {
                                "$color_name": "Z坐标",
                                "$tip_text": "请输入float值",
                                "offset": [
                                    0,
                                    "66%+0px"
                                ],
                                "size": [
                                    "default",
                                    "32%+0px"
                                ]
                            }
                        }
                    ]
                }
            },
            {
                "title_panel": {
                    "type": "panel",
                    "anchor_from": "top_middle",
                    "anchor_to": "top_middle",
                    "size": [
                        "default",
                        "14%+0px"
                    ],
                    "layer": 1,
                    "controls": [
                        {
                            "label": {
                                "type": "label",
                                "anchor_from": "top_middle",
                                "anchor_to": "top_middle",
                                "offset": [
                                    0.0,
                                    1.0
                                ],
                                "layer": 1,
                                "font_type": "default",
                                "text": "设置位置",
                                "text_alignment": "center"
                            }
                        }
                    ]
                }
            },
            {
                "right_panel": {
                    "type": "panel",
                    "anchor_from": "bottom_right",
                    "anchor_to": "bottom_right",
                    "size": [
                        "55%+0px",
                        "90%+0px"
                    ],
                    "layer": 1,
                    "controls": [
                        {
                            "my_pos_btn@common.button": {
                                "type": "button",
                                "$control_alpha": 1.0,
                                "$default_texture": "textures/netease/common/button/default",
                                "$hover_texture": "textures/netease/common/button/hover",
                                "$is_new_nine_slice": false,
                                "$label_color": [
                                    1,
                                    1,
                                    1
                                ],
                                "$label_font_scale_factor": 1.0,
                                "$label_font_size": "normal",
                                "$label_layer": 3,
                                "$label_offset": [
                                    0,
                                    0
                                ],
                                "$label_text": "当前位置",
                                "$nine_slice_buttom": 0,
                                "$nine_slice_left": 0,
                                "$nine_slice_right": 0,
                                "$nine_slice_top": 0,
                                "$nineslice_size": [
                                    0,
                                    0,
                                    0,
                                    0
                                ],
                                "$pressed_button_name": "%netease_editor_template_namespace.click",
                                "$pressed_texture": "textures/netease/common/button/pressed",
                                "$texture_layer": 2,
                                "anchor_from": "top_left",
                                "anchor_to": "top_left",
                                "size": [
                                    "40%+0px",
                                    "40%+0px"
                                ],
                                "layer": 2,
                                "button_mappings": [],
                                "default_control": "default",
                                "hover_control": "hover",
                                "is_handle_button_move_event": true,
                                "pressed_control": "pressed",
                                "bindings": [
                                    {
                                        "binding_type": "collection_details",
                                        "binding_collection_name": "",
                                        "binding_condition": "always_when_visible"
                                    }
                                ],
                                "controls": [
                                    {
                                        "default@netease_editor_template_namespace.default": {}
                                    },
                                    {
                                        "hover@netease_editor_template_namespace.hover": {}
                                    },
                                    {
                                        "pressed@netease_editor_template_namespace.pressed": {}
                                    },
                                    {
                                        "button_label@netease_editor_template_namespace.button_label": {}
                                    }
                                ]
                            }
                        }
                    ]
                }
            }
        ]
    },
    "zy_input": {
        "type": "panel",
        "$input_text": "",
        "size": [
            "default",
            "70%+0px"
        ],
        "layer": 1,
        "controls": [
            {
                "left_panel": {
                    "type": "panel",
                    "anchor_from": "left_middle",
                    "anchor_to": "left_middle",
                    "offset": [
                        "1%+0px",
                        0.0
                    ],
                    "size": [
                        "25%+0px",
                        "default"
                    ],
                    "layer": 1,
                    "controls": [
                        {
                            "input_name": {
                                "type": "label",
                                "$input_text|default": "",
                                "anchor_from": "left_middle",
                                "anchor_to": "left_middle",
                                "font_type": "default",
                                "text": "$input_text",
                                "text_alignment": "center"
                            }
                        }
                    ]
                }
            },
            {
                "right_panel": {
                    "type": "panel",
                    "anchor_from": "right_middle",
                    "anchor_to": "right_middle",
                    "size": [
                        "74%+0px",
                        "75%+0px"
                    ],
                    "layer": 1,
                    "controls": [
                        {
                            "edit_box@common.text_edit_box": {
                                "type": "edit_box",
                                "$edit_box_default_texture": "textures/ui/edit_box_indent",
                                "$edit_box_hover_texture": "textures/ui/edit_box_indent_hover",
                                "$font_scale_factor": 1.0,
                                "$font_size": "normal",
                                "$is_new_nine_slice": false,
                                "$nine_slice_buttom": 0,
                                "$nine_slice_left": 0,
                                "$nine_slice_right": 0,
                                "$nine_slice_top": 0,
                                "$nineslice_size": [
                                    0,
                                    0,
                                    0,
                                    0
                                ],
                                "$place_holder_text": "请输入内容",
                                "$place_holder_text_color": [
                                    0.5,
                                    0.5,
                                    0.5
                                ],
                                "$text_background_default": "netease_editor_template_namespace.edit_box_background_default",
                                "$text_background_hover": "netease_editor_template_namespace.edit_box_background_hover",
                                "$text_box_name": "%netease_editor_template_namespace.message",
                                "$text_box_text_color": [
                                    1,
                                    1,
                                    1
                                ],
                                "$text_edit_box_content_binding_name": "#netease_editor_template_namespace.message_content",
                                "$text_edit_box_label_anchor_point": "right_middle",
                                "$text_edit_box_label_min_size": [
                                    "100%",
                                    0
                                ],
                                "$text_edit_box_label_size": [
                                    "default",
                                    "default"
                                ],
                                "layer": 1,
                                "max_length": 512
                            }
                        }
                    ]
                }
            }
        ]
    }
}