Android Cordova Phaser应用程序游戏恢复后未使用全屏

Android Cordova Phaser应用程序游戏恢复后未使用全屏,android,cordova,phaser-framework,Android,Cordova,Phaser Framework,我正在用Cordova和Phaser制作一个游戏。当应用程序/游戏恢复时,我遇到了一个布局问题。我从Yeoman模板开始,将其粘贴到自动生成的Cordova项目中 “我的视口”的定义如下: <meta name="viewport" content="user-scalable=no, maximum-scale=1, initial-scale=1, minimum-scale=1 ,width=device-width"> 我还链接了Nexus4的一些屏幕截图。以下是第一次启动

我正在用Cordova和Phaser制作一个游戏。当应用程序/游戏恢复时,我遇到了一个布局问题。我从Yeoman模板开始,将其粘贴到自动生成的Cordova项目中

“我的视口”的定义如下:

<meta name="viewport" content="user-scalable=no, maximum-scale=1, initial-scale=1, minimum-scale=1
,width=device-width">
我还链接了Nexus4的一些屏幕截图。以下是第一次启动应用程序时显示的内容。所有游戏状态都表现出这一点,但“游戏”状态是这一问题的突出表现:

再次,在恢复之后:


我想在暂停或恢复时结束游戏,让整个事情重新开始。但在我阅读文档和不同论坛时,这似乎是不允许的,或者是非常不赞成的。

你应该使用Phaser ScaleManager

例如,您可以在引导状态的create函数中使用EXACT_FIT或SHOW_ALL,如下图所示

create: function(){
    game.scale.scaleMode = Phaser.ScaleManager.EXACT_FIT;
    game.scale.pageAlignHorizontally = true;
    game.scale.pageAlignVertically = true;
  }

您应该使用相位器定标器管理器

例如,您可以在引导状态的create函数中使用EXACT_FIT或SHOW_ALL,如下图所示

create: function(){
    game.scale.scaleMode = Phaser.ScaleManager.EXACT_FIT;
    game.scale.pageAlignHorizontally = true;
    game.scale.pageAlignVertically = true;
  }