@tom2mail 写道:
在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树的.
帖子: 1
参与者: 1