Optimisation d’image dans Roku | Au nouveau blog

L’affichage des affiches est une fonctionnalité très courante dans les applications OTT. Les images et les icônes sont utilisées pour afficher les vignettes des films, des émissions, du contenu, des profils d’utilisateurs, etc. Ces images sont principalement chargées à partir d’Internet et c’est vraiment délicat. Le téléchargement d’images sur Internet ne vous offre pas le contrôle des tailles d’image. C’est pourquoi parfois vous finissez par télécharger des images surdimensionnées qui provoquent des problèmes de mémoire et les performances de l’application Roku sont également compromises. Cependant, le graphique de la scène Roku vous a offert le Affiche Composant qui est utilisé pour rendre des images et il a la possibilité de redimensionner les images à l’exécution.

Le Affiche Le composant a trois propriétés principales qui sont utilisées pour prendre le contrôle de la taille des images tout en les téléchargeant à partir d’Internet:

• largeur de charge – Il échelle l’image à la largeur spécifiée lors du chargement. Il maintient également le rapport d’aspect des dimensions.
• charcutier – Il évolue l’image à la hauteur spécifiée lorsqu’elle est chargée et il traite également du rapport d’aspect.
• loaddisplaymode – L’image est automatiquement mise à l’échelle en fonction du mode donné. Les modes possibles sont: limiter, à l’échelle, scaletofit, scaletofill, scaletozoom.

Vous pouvez lire ici En savoir plus sur ces propriétés.

Voyons comment ces propriétés peuvent être utilisées pratiquement.

UsingPosternDode

Toute image de taille plus grande sera ajustée aux dimensions données et ne provoquera pas de problèmes de performances et de mémoire.

Mais attendez, avons-nous fini? Est-il vraiment aussi facile de gérer la taille de l’image dynamiquement? Eh bien, il y a une prise ici.

L’ordre des propriétés est importante : Oui, vous avez bien lu. Passer des propriétés dans le bon ordre est la clé ici. Si vous passez des propriétés au Affiche Nœud Dans n’importe quel ordre aléatoire, vous pourriez finir par ne pas obtenir d’images de taille appropriée. Un ordre approprié est recommandé pour les propriétés.

Si vous souhaitez prendre le contrôle de la redimensionnement de l’image correctement, Vous devez passer les propriétés Loadwidth, LoadHeight & LoadDisplayMode avant de définir le champ URI.

Comprenons ce qui se passe en interne. Si vous définissez l’URI avant les champs de mise à l’échelle, Roku télécharge l’image avec la largeur, la hauteur et le mode d’affichage par défaut ou non définis. Cela pourrait déclencher les problèmes suivants:

• • Taille d’image plus grande ou indésirable.
  • Consommation de mémoire inégale.
  • Rendu lent.

L’ordre correct indique au Roku de télécharger les images en taille spécifiée uniquement entraînant un rendu fluide.

Conclusion

Affiche Le nœud est un excellent hack pour l’optimisation de l’image, mais il doit être utilisé judicieusement. L’utiliser négligemment peut certainement avoir un impact sur les performances globales de votre application et si vous l’utilisez correctement, cela vous facilitera la vie en même temps.

Vous avez trouvé cela utile? PARTAGEZ-LE