在ToggleGroup中有默认的3个Toggle,然后将Toggle作为预置组件,动态添加.
可以加到视图.但是不受控制.
这是UI树的结构.
下面是代码
cc.Class({
extends: cc.Component,
properties: {
toggleGroup:cc.ToggleGroup,
view:{
default:[],
type:cc.Node
},
toggleItem:cc.Prefab
},
// use this for initialization
onLoad: function () {
let self = this;
self.list = self.toggleGroup.node.getChildren();
var root = cc.find('Canvas/tabbar/toggleGroup');
var group = root.getComponent(cc.ToggleGroup);
for (var i = 0;i < 3;i++){
var node = cc.instantiate(self.toggleItem);
var toggle = node.getComponent(cc.Toggle);
toggle.toggleGroup = group;
node.parent = root;
group.addToggle(toggle);
}
},
setIndex:function(index){
},
addToggle:function(toogle){
let self = this;
},
onSelection:function(event){
let self = this;
self.onSelectionView(event.detail);
},
onSelectionView:function(item){
let self = this;
for(let i = 0; i < self.list.length; i++){
if(self.list[i] === item.node){
self.setIndex(i);
return;
}
}
},
updateView:function(){
}
});
显示效果
红圈中的是动态增加的,前面的三个是默认添加到UI树的.