The following forum(s) are migrating to a new home on Microsoft Q&A (Preview): Developing Universal Windows apps!

Ask new questions on Microsoft Q&A (Preview).
Interact with existing posts until December 13, 2019, after which content will be closed to all new and existing posts.

Learn More

 none
[uap] How to realize Image Lazy Loading. RRS feed

  • Question

  • I have a list with alot of video thumbnail image.

    If I will get thumbnail for every video it will take alot of time.

    How can I make lazy loading image thumbnail?

    Image Lazy Loading for item view model ?


    • Edited by SmartWhy Tuesday, December 6, 2016 2:40 PM
    Tuesday, December 6, 2016 2:40 PM

Answers

All replies

  • Hi!

    This topic is the same than yours. You'll find the answer inside it : 

    https://social.msdn.microsoft.com/Forums/windowsapps/en-US/13a6c008-7f9d-4bba-b878-89808bcbf159/uwpsimple-way-to-implement-lazy-loading-listview-uwp?forum=wpdevelop

    If it's good for you, can you mark this answer as answer of your question please?


    Please remember to close your threads by marking helpful posts as answer and then start a new thread if you have a new question. Please don't ask several questions in the same thread. SVP utiliser le Marquer comme reponse; sur les reponses qui vous aide car cela permet aux personnes qui peuvent rencontrer le meme probleme que vous, de retrouver rapidement quelle est la reponse qui a resolu leur probleme. De plus, cela encourage aussi la personne qui a repondu a votre question, et de repondre aux suivantes...

    • Marked as answer by SmartWhy Wednesday, December 7, 2016 11:42 AM
    Tuesday, December 6, 2016 2:48 PM
  • If you use a ListView or GridView to render your Images you could use x:Bind and the x:Phase attribute to implement incremental rendering of the elements in your ItemTemplate. This way you can decrease the prioritity of the rendering of the Image element which should improve the rendering performance:

    <Image Source="{x:Bind ImageData}" MaxWidth="70" MaxHeight="70" x:Phase="3"/>

    Please refer to MSDN for more information: https://msdn.microsoft.com/en-us/windows/uwp/xaml-platform/x-phase-attribute

    Hope that helps.

    Please remember to close your threads by marking helpful posts as answer and then start a new thread if you have a new question. Please don't ask several questions in the same thread.

    Tuesday, December 6, 2016 7:50 PM