53 lines
1.4 KiB
TypeScript
53 lines
1.4 KiB
TypeScript
|
/*
|
|||
|
|
* @Author: WoNiu
|
|||
|
|
* @Date: 2024-03-24 16:09:55
|
|||
|
|
* @LastEditTime: 2024-03-24 16:30:46
|
|||
|
|
* @LastEditors: WoNiu
|
|||
|
|
* @Description: 通过边框显示node的位置和大小，默认锚点（0，1）
|
|||
|
|
*/
|
|||
|
|
import { _decorator, Color, Component, Graphics, Node, UITransform } from 'cc';
|
|||
|
|
const { ccclass, property } = _decorator;
|
|||
|
|
|
|||
|
|
@ccclass('ShowNodeBorder')
|
|||
|
|
/**
|
|||
|
|
* @description: 通过边框显示node的位置和大小，默认锚点（0，1）
|
|||
|
|
*/
|
|||
|
|
export class ShowNodeBorder extends Component {
|
|||
|
|
|
|||
|
|
graphics: Graphics;
|
|||
|
|
|
|||
|
|
onLoad() {
|
|||
|
|
if(this.node.getComponent(Graphics)){
|
|||
|
|
this.graphics = this.node.getComponent(Graphics);
|
|||
|
|
}else{
|
|||
|
|
this.graphics = this.node.addComponent(Graphics);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
this.updateBorder();
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
updateBorder() {
|
|||
|
|
const borderColor = Color.YELLOW;
|
|||
|
|
const borderWidth = 4;
|
|||
|
|
|
|||
|
|
const contentSize = this.node.getComponent(UITransform).contentSize;
|
|||
|
|
|
|||
|
|
this.graphics.clear();
|
|||
|
|
this.graphics.strokeColor = borderColor;
|
|||
|
|
this.graphics.lineWidth = borderWidth;
|
|||
|
|
// this.graphics.rect(-contentSize.width / 2, -contentSize.height / 2, contentSize.width, contentSize.height);// 锚点 (0,0)
|
|||
|
|
this.graphics.rect(0, 0, contentSize.width, -contentSize.height); //锚点 (0,1)
|
|||
|
|
this.graphics.stroke();
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
start() {
|
|||
|
|
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
update(deltaTime: number) {
|
|||
|
|
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
|