webos后台图片更新问题

Question

我的应用程序有一个首选项屏幕，其中具有更改背景颜色或主题的功能。为此，我使用不同颜色的 png 图像。当我进入主屏幕时，我根据首选项中选择的图像使用其他一些图像。为此，我在首选项屏幕的 deactivate() 方法中使用 CSS 更改背景图像。在模拟器中，它工作正常。当我在设备上安装应用程序并检查相同的情况时，它显示空白，然后它更改了主屏幕图像。

如何避免从首选项屏幕过渡到主屏幕时出现空白背景的情况？

Answer 1

听起来图像加载需要一秒钟。您可以将图像精灵化在一起，以便它们始终保存在内存中，或者您可以在 JS 中创建一个新图像，并仅在加载图像时运行场景转换。

var img = new Image();
img.onload = function() { /* Run scene transition */ };
img.src = "path/to/the/background";