输入

玩家屏幕变化监听事件

resize

屏幕尺寸变化事件，返回变化后的屏幕宽高。

// 监听玩家改变屏幕分辨率时触发
screen.events.add('resize', ({ screenWidth , screenHeight }) => {
  //...
});

最佳实践

UI框架根据屏幕分辨率自动缩放UI元素，以达到适配效果。

//监听玩家屏幕分辨率产生变化事件
screen.events.add('resize', (evt) => {
  console.log('evt', evt.screenWidth, evt.screenHeight);
  scaleScreen(evt.screenHeight, evt.screenWidth);
});

//元素盒子
const box = ui.findChildByName('box');
//设置元素缩放
function scaleScreen(sH, sW) {
    let widthScaleFactor = 1
    if (sW < 1300) {
        widthScaleFactor = sW / 1300;
    }
    if (!box.uiScale) box.uiScale = UiScale.create();
    box.uiScale.scale = widthScaleFactor;
}
//进入游戏时设置缩放一次
scaleScreen(screenHeight, screenWidth)