User interface for presenting a list of thumbnail items associated with media items
View Patent ↗A user interface allows a user to access media items by selecting from a list of thumbnail items associated with the media items. Various techniques are used to reduce the latency times when displaying the list of thumbnail items in the user interface. When the list is initially displayed, for example, the thumbnail items may be loaded into memory according to how far they are from a currently displayed portion of the list, rather than always starting from the top of the list. In addition, if not all of the thumbnail items can be loaded at one time, when the list window is scrolled, the thumbnail items relatively far from a current scroll position of the list are purged so that the items closer to the current scroll position may be loaded.
1. A non-transitory computer-readable medium that stores instructions that when executed by one or more processors, cause the one or more processors to perform operations comprising:
identifying a current scroll position in a list of thumbnail items;
performing a normal loading operation to load at least some of the thumbnail items into a memory, including (i) loading one or more thumbnail items associated with the current scroll position, (ii) continuously loading additional thumbnail items for both sides of the current scroll position in order of their displayed proximity to the current scroll position, so that thumbnail items that are to be displayed closest to the current scroll position are loaded first and thumbnail items that are to be displayed furthest from the current scroll position are loaded last, and (iii) while continuously loading, periodically determining whether an amount of memory that is available is below a threshold;
in response to determining that the amount of memory that is available is below the threshold, terminating the normal loading operation and performing a low-memory loading operation, the low-memory operation including (i) continuously loading additional thumbnail items for both sides of the current scroll position while removing one or more loaded thumbnail items from the memory that are displayed furthest from the current scroll position, (ii) in response to receiving user input to change the current scroll position, removing loaded thumbnail images that are displayed furthest from the changed current scroll position while loading additional thumbnail items for both sides of the changed current scroll position; and
displaying at least some of the thumbnail items as they are loaded into the memory.
2. The computer program product of claim 1 , wherein the computer-readable medium further stores instructions for:
displaying a media item that corresponds to a selected thumbnail item in a preview window.
3. The computer program product of claim 1 , wherein the current scroll position comprises an index associated with a thumbnail item in the list.
4. The computer program product of claim 1 , wherein the current scroll position identifies a subset of the thumbnail items that are to be displayed in the list window.
5. The computer program product of claim 1 , wherein the current scroll position is received in response to linking to one of the media items.
6. The computer program product of claim 1 , wherein the current scroll position is received as part of state information saved from a previous use of the computer program product.
7. The computer program product of claim 1 , wherein each media item comprises an image, and each corresponding thumbnail item comprises a lower resolution thumbnail image that corresponds to the image.
8. An electronic computing device comprising:
a memory;
a display;
a processor coupled to the memory and the display, the processor to:
identify a current scroll position in a list of thumbnail items that is presented on the display,
perform a normal loading operation to load at least some of the thumbnail items into the memory, including (i) loading one or more thumbnail items associated with the current scroll position, (ii) continuously loading additional thumbnail items for both sides of the current scroll position in order of their displayed proximity to the current scroll position, so that thumbnail items that are to be displayed closest to the current scroll position are loaded first and thumbnail items that are to be displayed furthest from the current scroll position are loaded last, and (iii) while continuously loading, periodically determining whether an amount of memory that is available is below a threshold;
in response to determining that the amount of memory that is available is below the threshold, terminating the normal loading operation and performing a low-memory loading operation, the low-memory loading operation including (i) continuously loading additional thumbnail items for both sides of the current scroll position while removing one or more loaded thumbnail items from the memory resource that are displayed furthest from the current scroll position, (ii) in response to receiving user input to change the current scroll position, removing loaded thumbnail images that are displayed furthest from the changed current scroll position while loading additional thumbnail items for both sides of the changed current scroll position, and
displaying at least some of the thumbnail items as they are loaded into the memory resource, the thumbnail items displayed in a list window that contains at least a portion of the list of thumbnail items.
9. The device of claim 8 , wherein the processor presents a user interface feature on the display, the user interface feature including a preview window for displaying a media item that corresponds to a selected thumbnail item.
10. The device of claim 8 , wherein the current scroll position comprises an index associated with a thumbnail item in the list.
11. The device of claim 9 , wherein the current scroll position identifies a subset of the thumbnail items that are to be displayed in the user interface feature.
12. The device of claim 8 , wherein the processor is configured to receive the current scroll position in response to linking to one of the media items.
13. The device of claim 8 , wherein the processor is configured to receive the current scroll position as part of state information saved from a previous use by a user.
14. The device of claim 8 , wherein each media item comprises an image, and each corresponding thumbnail item comprises a lower resolution thumbnail image that corresponds to the image.
15. A non-transitory computer-readable medium that stores instructions that when executed by one or more processors, cause the one or more processors to perform operations comprising:
allocating a portion of a memory for a list of thumbnail items;
identifying a current scroll position in the list of thumbnail items=
performing a normal loading operation to load at least some of the thumbnail items into the memory, including (i) loading one or more thumbnail items associated with the current scroll position, (ii) continuously loading additional thumbnail items for both sides of the current scroll position in order of their displayed proximity to the current scroll position, so that thumbnail items that are to be displayed closest to the current scroll position are loaded first and thumbnail items that are to be displayed furthest from the current scroll position are loaded last, and (iii) while continuously loading, periodically determining whether an amount of memory that is available is below a threshold;
in response to determining that the amount of memory that is available is below the threshold, terminating the normal loading operation and performing a low-memory loading operation, the low-memory loading operation including (i) continuously loading additional thumbnail items for both sides of the current scroll position while removing one or more loaded thumbnail items from the memory resource that are displayed furthest from the current scroll position, (ii) in response to receiving user input to change the current scroll position, removing loaded thumbnail images that are displayed furthest from the changed current scroll position, while loading additional thumbnail items for both sides of the changed current scroll position; and
displaying at least some of the thumbnail items as they are loaded into memory.
16. The computer program product of claim 15 , wherein the computer-readable medium further stores instructions for:
displaying a media item that corresponds to a selected thumbnail item in a preview window.
17. The computer program product of claim 15 , wherein each media item comprises an image, and each corresponding thumbnail item comprises a lower resolution thumbnail image that corresponds to the image.
18. The computer program product of claim 15 , wherein the current scroll position is defined by a window that includes a set of visible thumbnail items.
19. The computer program product of claim 15 , wherein the current scroll position is defined by at least one visible item in the list of thumbnail items.