CocosStudio（四）Panel层容器

一、什么是Panel

1.P anel，层容器。什么叫容器呢？容器就是 可以用来放置物品的 空间。这里的层容器就是来放置控件的，层容器可以装层容器。
2.Panel与Layer的区别，我们可以看Cocos2d-x的源码。

• 相同：都是容器，可以来装控件。
• 区别：Panel比Layer多布局（Layout）方式。

二、布局

           有4种布局，分别为：绝对布局，相对布局，横向布局，纵向布局。通过这4种布局来放置控件，根据不同业务需求，我们合理选择这布局方式。Panel就存在这4种布局，而Layer只存在绝对布局。

1.绝对布局，具体坐标值放置控件的布局方式。比如我们去你家，我们通过绝对坐标（地址）去你家，你家地址：中国xx省xx市xx县xx镇xx村xx号，顺着这地址我们就能到你家。

2.相对布局，相对的坐标值放置控件的布局方式。比如还是去你家，我们通过你的邻居来确定你的位置去你家。

3.横向布局，横着放置控件的布局方式。比如一排房子，一栋一栋的。

4.纵向布局，竖着放置控件的布局方式。比如一栋楼，一层一层的。

三、创建Panel

1.创建好一个画布时，就已经创建好了一个Panel，这是根。

2.创建方法

• 方式一：

• 方式二：

• 方式三：

四、控件属性

1.子控件布局，让子控件已某种布局方式来布局，只有容器（层容器，滚动层，列表容器）才有子控件布局，其他控件是没有的。

2.尺寸和模式：每个控件都有尺寸，模式就不一定了。

3.常规：常规里的属性，每个控件都有。

4.控件布局：当前的控件布局，控件布局里的属性是根据父容器的子控件布局方式来变化的。

5.特性：每个控件都有特性，但是每个控件的特性里的有些特殊的属性是不一样的。

注：会有控件来讲解属性

五、Panel的子控件布局

1.子控件布局（从左到右：绝对布局，相对布局，横向布局，纵向布局）

例子：在PanelRoot下创建3个子层容器，观察每种布局的具体表现

• 子控件布局（PanelRoot的子控件布局属性）是绝对布局，子层容器的控件布局的属性：坐标（可通过百分比来控制坐标的具体方式）。

• 子控件布局是相对布局，子层容器的控件布局的属性：停靠（停靠的目标），横纵向布局（在目标的左、中、右方向，自己选择尝试），边缘（离目标的距离，放在什么方向，什么边缘距离有效，比如我横向布局选的左，那么边缘左的数值才有效）。

• 子控件布局是横向布局

• 子控件布局是纵向布局

六、Panel的特性属性

             特性属性包括剪切、文件、背景色透明度、填充颜色、自适应分辨率。

1.剪切，超过自己面积外的就切除，不显示。

2.文件，添加图片资源

3.背景色透明度，范围是0-255

4.填充颜色，包括无颜色、单身、渐变色。注意的是不需要Panel填充颜色用无颜色，不要选择填充颜色、背景色透明度为0。

5.自适应分辨率，没用过。

Panel的重点就在于他的布局，把这些理解了，那么就可以布局来自适应不同分辨的手机了。Panel的运用是很重要的，Panel的其他属性，会单独来讲解。不懂请留言