调用cc.view.setDesignResolutionSize()画面错位

Creator 2.x
#1

  • Creator 版本：1.10

  • 目标平台： Web

  • 详细报错信息，包含调用堆栈：

  • 重现方式：

  1. 新建立一个项目
  2. 把background的widget组件去掉.
  3. 把canvas的FitHight跟FitWidth都不打勾.
  4. 在helloworld脚本的start()加上一行: cc.view.setDesignResolutionSize(960, 640, cc.ResolutionPolicy.FIXED_HEIGHT);
  5. 储存并运行预览(浏览器), 把预览窗口改成iPhone 5, Rotate, 刷新, 就会发现整个画面偏向左边了.

  • 编辑器操作系统 ： Windows 10/ google Chrome

  • 编辑器之前是否有其它报错 ： 無

  • 出现概率： 100 %

  • 额外线索：
    现在我正在做去黑边功能, 如果发现显示区域长宽比例比设计分辨率的长宽比要宽, 就强制Canvas fit hight, 如果比设计分辨率的长宽比要长, 就fit width. 去显示设计分辨率外之的底图取代黑边. 但是如果canvas的FitHight跟FitWidth都不打勾, 而是透过呼叫cc.view.setDesignResolutionSize()来设置适配方式, 画面就会偏掉, 事实上连刚体都错位.

预期看到的画面

image.png840×657 26.8 KB

错误的画面ScreenShiftTest.zip (211.9 KB)

image.png840×541 25.8 KB

ScreenShiftTest.zip (211.9 KB)

#2

自推一下, 求workaround…

#3

我在2.0上也遇到了

#4

是有这个问题

#5

解决了.
跟这个帖子一样的解决方式, 在代码更改了适配模式后加一句：
canvas.alignWithScreen();

不过我用的是typescript, 得自己在creator.d.ts里的Canvas类里加上
alignWithScreen() : void;

所以这alignWithScreen()根本也不打算给一般人用的, 文档里也找不到说明…

2.0 无法在脚本中设置fitHeight和fitWidth