SceneAdapterDemo/assets/Script/SceneAdapter.ts

/*******************************************************************************
 * 创建: 2023年07月02日
 * 作者: 水煮肉片饭(27185709@qq.com)
 * 描述: 场景适配器
 *      给场景Scene根节点（Canvas所在节点）挂上SceneAdapter
 *      就可以自动适配屏幕尺寸
*******************************************************************************/
const { ccclass, menu } = cc._decorator;
@ccclass
@menu('Comp/SceneAdapter')
export default class SceneAdapter extends cc.Component {
    protected onLoad() {
        let cvs = this.node.getComponent(cc.Canvas);
        if (cvs === null) {
            cc.warn(`节点${this.node.name}没有cc.Canvas组件, SceneAdapter添加失败!`);
            this.destroy();
            return;
        }
        if (cvs.designResolution.width < cvs.designResolution.height) {
            cvs.fitWidth = true;
            cvs.fitHeight = false;
        } else {
            cvs.fitWidth = false;
            cvs.fitHeight = true;
        }
        this.resize();
        cc.view.setResizeCallback(this.resize.bind(this));
    }

    private resize() {
        let node = this.node;
        if (cc.sys.isMobile) {
            node.width = cc.winSize.width;
            node.height = cc.winSize.height;
        } else {
            if (cc.winSize.width / cc.winSize.height > node.width / node.height) {
                node.scale = cc.winSize.height / node.height;
            } else {
                node.scale = cc.winSize.width / node.width;
            }
        }
    }
}