美术更新
- detail页面修改 - ui布局修改
This commit is contained in:
@@ -0,0 +1,38 @@
|
||||
import { _decorator, Component, Node, tween, Vec3 } from "cc";
|
||||
import { SimpleToggle } from "./SimpleToggle";
|
||||
const { ccclass, property } = _decorator;
|
||||
|
||||
@ccclass("SimpleToggleGroup")
|
||||
export class SimpleToggleGroup extends Component {
|
||||
toggles: SimpleToggle[];
|
||||
|
||||
@property(Node)
|
||||
slider: Node;
|
||||
|
||||
protected onLoad(): void {
|
||||
this.toggles = this.getComponentsInChildren(SimpleToggle);
|
||||
|
||||
for (let i = 0; i < this.toggles.length; i++) {
|
||||
const element = this.toggles[i];
|
||||
element.toggleGroupCallBack = this.toggleSelected.bind(this);
|
||||
}
|
||||
}
|
||||
|
||||
toggleSelected(selectedNode: Node) {
|
||||
const pos = this.slider.getWorldPosition();
|
||||
const targetPos = new Vec3(selectedNode.worldPosition.x, pos.y, pos.z);
|
||||
tween(this.slider)
|
||||
.to(0.3, { worldPosition: targetPos }, { easing: "sineInOut" })
|
||||
.start();
|
||||
|
||||
for (let i = 0; i < this.toggles.length; i++) {
|
||||
const element = this.toggles[i];
|
||||
if (element.node === selectedNode) {
|
||||
element.refresh(true);
|
||||
} else {
|
||||
element.refresh(false);
|
||||
element.btn.interactable = true;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user