ToggleContainer 实战
创建文件
- 在
Canvas目录下创建如下目录
一个空节点 RadioBox,一个 ToggleContainer 起名为RadioGroup,里面有三个 Toggle 节点
在 Canvas 目录下面在创建 一个空节点 RadioText,下面有三个 Button 按钮分别是 RadioText1,RadioText2,RadioText3
- 结构如下
bash
├── Canvas
│ ├── RadioBox
│ │ ├── RadioGroup
│ │ │ ├── Toggle1
│ │ │ ├── Toggle2
│ │ │ └── Toggle3
│ └── RadioText
│ ├── RadioText1
│ ├── RadioText2
│ ├── RadioText3设置参数
Toggle1 节点设置参数是早晨 Toggle2 节点设置参数是中午 Toggle3 节点设置参数是晚上
RadioText1 节点设置参数是早晨,1 RadioText2 节点设置参数是中午,2 RadioText3 节点设置参数是晚上,3
代码实现
js
// private _radioboxData: string = "";
// 单选框事件
handleRadio(e, customEventData) {
this._radioboxData = customEventData;
console.log(this._radioboxData);
}
buttonhandleRadio(e, customEventData) {
let arr = customEventData.split(",");
console.log(`Canvas/RadioBox/RadioGroup/Toggle${arr[1]}`);
let node = find(`Canvas/RadioBox/RadioGroup/Toggle${arr[1]}`);
let radio = node.getComponent(Toggle);
radio.isChecked = !radio.isChecked;
this._radioboxData = arr[0];
console.log(this._radioboxData);
}