[网页游戏开发]容器的使用及自定义Tab，RadioGroup，List，ViewStack

Morn里面，容器和其余普通组件不一样，无需皮肤，因此也不能从组件树种拖动建立(Tab，RadioGroup例外)，只能转换而来

Morn的容器组件主要有Box，Container，Panel，Tab，RadioGroup，List，ViewStack，他们的区别请查看教程《进一步了解Morn UI及工做流》

添加容器的操做步骤

1.选择要被包含在容器中的对象，好比我选择了一个label和button

2.用快捷键Ctrl+B转换为容器

 

这样就把label和button包含到了容器内

 

Box，Container，Panel等容器都是上面的操做方法

进入容器进行编辑

上面已经把label和button包含在容器里了，操做容器，就能同时操做label和button，好比设置位置，alpha属性等

若是想编辑容器内的label怎么操做呢？

只需双击这个容器对象，就能够进入容器内部了，而后就能够随意对内部组件进行操做修改，双击容器外区域，就又返回容器视图

 

Box，Container，Panel容器操做都比较简单，下面说一下Tab，RadioGroup，List，ViewStack自定义方式

Tab，RadioGroup普通建立方式

1.把一个按钮命名为tab_xxx

2.拖动到编辑器视图便可建立一个普通Tab

3.经过设置labels属性来改变标签的内容，设置direction属性能够控制Tab是水平仍是垂直布局

 

这样就完成了一个Tab的建立

RadioGroup操做方式和Tab类同，只需把一个RadioButton命名为radiogroup_xxx，拖动到视图而且设置属性便可

自定义Tab，RadioGroup，List，ViewStack的显示

若是遇到个性化需求，好比每一个按钮颜色不一样，被放置的位置随意而且没有规律，上述方法明显不能控制每一个按钮并让他们个性化

而自定义的方式实现的Tab，RadioGroup就能轻松实现个性化需求。

自定义方式和Box操做相似，下面咱们自定义一个RadioGroup

1.在编辑器视图中拖动两个RadioButton，这时对这些按钮作一下个性化修改，好比我让一个RadioButton的Label颜色设置为红色，另一个字体改成粗体

 

2.分别把他们的name属性命名为item0,item1等等(若是更多就是item2，item3)

 

3.而后同时选择这两RadioButton，Ctrl+B换行为RadioGroup容器

这样就完成了一个自定义RadioGroup组件，很是简单而且很灵活吧，Tab，List，ViewStack等容器自定义和上面类同

关于List和ViewStack的使用，会在后面单独进行更为详细的讲解，敬请期待