Lazy load thumb nail on gridview cells


  • I have an app that retrieves data from the network and loads them into a GridView. The data is bound to the Gridview using an observable collection. Each of the grid can also load a thumbnail image retrieved separately from the network. 

    Since I would need to show the thumb nail only when the grid is shown on the screen, I issue a async network call when the bound ThumbImage property is called (basically the grid element is being prepared to display).

    It works ok and since the GridView is using virtualized item panel, only a subset of elements are retrieved for display and that results in network calls to retrieve the thumbnail.

    I would like to limit network calls and My questions are

    1. is there way to detect if gridview is being scrolled and therefore avoid network calls to get the thumb image?

    2. Is there a better way to do lazy loading of the thumbinage (Note that the data to build the grid element is available, only the thumb image to replace the Image element needs to be retrieved)

    Thanks and Regards

    Wednesday, July 31, 2013 1:49 PM