webos problème de mise à jour de l'image de fond

Question

Mon application a un écran de préférences qui a une fonction pour changer la couleur de fond ou le thème. Pour cela, j'utilise des images png avec des couleurs différentes. Quand je vais à l'écran principal, j'utilise une autre image en fonction de l'image sélectionnée dans les préférences. Pour ce faire, je modifie l'image de fond avec CSS dans la méthode deactivate() de l'écran de préférences. Dans l'émulateur, cela fonctionne bien. Lorsque j'installe l'application sur l'appareil et que je vérifie le même cas, il apparaît vide, puis il a changé l'image de l'écran principal.

Comment puis-je éviter le moment de fond blanc dans la transition de l'écran de préférence à l'écran principal?

Answer 1

Il semble que l'image prenne une seconde à charger. Vous pouvez assembler les images afin qu'elles soient toujours en mémoire, ou vous pouvez créer une nouvelle image dans JS et exécuter uniquement la transition de scène lorsque l'image est chargée.

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