面板(panel)控件，在屏幕中也是一个不可缺少的元素，是一个看不见的控件。
它作为一种容器，可以将内容分组，可以为一些控件归为一组！你可以将它理解为收纳箱，size 可以定义收纳箱的容量大小、配合其他属性使用。
合集面板与普通面板特效基本一致，合集面板允许使用合集属性，为了区分这两个控件，本文章中主要内容为面板控件。
虽然控件看不见，但可以占用一定空间：
"stack": {
"type": "stack_panel",
"size": [100,100],
"controls": [
{
"panel": {
"type": "panel",
"size": [10,10]
}
},
{
"label": {
"type": "label",
"text": "hello world",
"anchor_from": "top_right",
"anchor_to": "top_right"
}
}
]
}
面板，可以影响所有子控件的一些相对属性（不是改变子控件的属性，其他类型的控件也是如此），
例如改变面板控件的layer（相对层级），就会影响到子控件的总层级。
（本控件的总层级=父控件的相对层级+本控件的相对层级）
面板相当于HTML的<div>。
例如：
"panel": {
"type": "panel",
"size": [ 100, 100 ],
"controls": [
{
"label": {
"type": "label",
"text": "hello world",
"anchor_from": "top_right",
"anchor_to": "top_right"
}
},
{
"board": {
"type": "image",
"texture": "textures/ui/focus_border_white",
"ninelice_size": 1,
"size": [ "100%", "100%" ]
}
}
]
}
效果如上图所示，白色边框是面板控件的大小；
面板可以改变 "label" 控件的锚点定位，因为锚点是基于父控件定位的。
对于面板控件，可以使用全局属性，没有独有的特殊属性。
代码示例
"panel":{
"type": "panel",
"size": [],
"controls": []
}
"panel": {
"type": "panel",
"size": [ 100, 100 ],
"controls": [
{
"label": {
"type": "label",
"text": "hello world",
"anchor_from": "top_right",
"anchor_to": "top_right"
}
},
{
"board": {
"type": "image",
"texture": "textures/ui/focus_border_white",
"ninelice_size": 1,
"size": [ "100%", "100%" ]
}
}
]
}
好了，文档就讲完面板控件了。
如果有什么问题可以在视频评论区提问哦 (～￣▽￣)～