Revealing of truncated content on scrollable grid
View Patent ↗Various embodiments related to the revealing of truncated content on a scrollable grid are disclosed. One disclosed embodiment provides a computing device comprising a display, a processor, and memory comprising instructions executable by the processor to display a cell of a grid of content at a first, smaller size and display in the cell a content item that is truncated based upon the first, smaller size of the cell. The computing device is further configured to receive a request to scroll the grid, and scroll the grid on the display device. During scrolling, the size of the cell is increased to a second, larger size, and a revealing of a truncated portion of the content item is animated.
1. A computing device, comprising:
a display device;
a processor; and
memory comprising instructions executable by the processor to:
display on the display device a cell of a grid at a first, smaller size;
display in the cell a content item that is truncated based upon the first, smaller size of the cell;
receive a request to scroll the grid;
scroll the grid on the display device;
during scrolling, increase the size of the cell in a first direction relative to other cells to a second, larger size while not increasing the size of the cell in another direction transverse to the first direction; and
animate a revealing of a truncated portion of the content item based upon the second, larger size of the cell.
2. The device of claim 1 , wherein the grid is a non-uniform grid of content.
3. The device of claim 1 , wherein the instructions are executable to increase the size of the cell to the second, larger size by scrolling in a horizontal direction and by increasing a horizontal size of the cell.
4. The device of claim 1 , wherein the instructions are executable to increase the size of the cell to the second, larger size by scrolling in a vertical direction and by increasing a vertical size of the cell.
5. The device of claim 1 , wherein the instructions are executable to animate the revealing of the truncated portion of the content item by revealing the truncated portion upon completion of scrolling.
6. The device of claim 1 , wherein the instructions are executable to animate the revealing of the truncated portion of the content item by revealing the truncated portion of the content item continuously as the cell expands from the first, smaller size to the second, larger size during scrolling.
7. The device of claim 6 , wherein the instructions are further executable to animate a revealing of the truncated portion at a rate based on an expansion rate at which the cell increases from the first, smaller size to the second, larger size.
8. The device of claim 1 , wherein the instructions are executable to scroll the grid on the display device and conclude with a snapping animation, the snapping animation adjusting the grid to automatically stop scrolling at a nearest grid unit location.
9. The device of claim 1 , wherein the grid comprises a media programming guide.
10. A computer-readable storage medium comprising instructions stored thereon that are executable by a computing device to perform a method of presenting a scrollable non-uniform grid of content on a display device and updating content of a cell of the non-uniform grid of content during scrolling of the non-uniform grid of content, the method comprising:
displaying on the display device the cell of the non-uniform grid of content at a first, smaller size;
displaying in the cell a content item that is horizontally truncated based upon the first, smaller size of the cell;
receiving a request to scroll the non-uniform grid of content;
horizontally scrolling the non-uniform grid of content on the display device;
during scrolling, horizontally increasing the size of the cell to a second, larger size; and
during horizontally increasing the size of the cell, updating the content item via an animation to reveal a truncated portion of the content item, the truncated portion of the content item being revealed as the size of the cell increases from the first, smaller size to the second, larger size during scrolling.
11. The device of claim 10 , wherein the non-uniform grid of content comprises a media programming guide.
12. The device of claim 10 , wherein the instructions are executable to increase the size of the cell to the second, larger size by scrolling in a horizontal direction and increasing a horizontal size of the cell.
13. The device of claim 10 , wherein the instructions are executable to increase the size of the cell to the second, larger size by scrolling in a vertical direction and increasing a vertical size of the cell.
14. The device of claim 10 , wherein the instructions are further executable to animate a revealing of the truncated portion at a rate based on an expansion rate at which the cell increases from the first, smaller size to the second, larger size.
15. The device of claim 10 , wherein the instructions are executable to scroll the non-uniform grid of content on the display device and conclude with a snapping animation, the snapping animation adjusting a grid border to be pulled to a nearest predetermined grid unit location and to be displayed at that nearest predetermined grid unit location.
16. A method of presenting a scrollable non-uniform grid of content in the form of a media programming guide on a touch-sensitive display device and updating content of a cell of the non-uniform grid during scrolling of the grid, the method comprising:
displaying on the touch-sensitive display device the cell of the non-uniform grid at a first, smaller size;
displaying in the cell a content item that is truncated based upon the first, smaller size of the cell;
receiving a request to scroll the non-uniform grid via a user's finger interacting with the touch-sensitive display device;
horizontally scrolling the non-uniform grid on the touch-sensitive display device, the non-uniform grid scrolling in response to a location of the user's finger on the touch-sensitive display device;
during scrolling, horizontally increasing a size of the cell to a second, larger size; and
during horizontally increasing the size of the cell, animating a revealing of a truncated portion of the content item as the size of the cell increases from the first, smaller size to the second, larger size.
17. The method of claim 16 , wherein increasing the size of the cell to the second, larger size comprises scrolling in a horizontal direction and increasing a horizontal size of the cell.
18. The method of claim 16 , wherein increasing the size of the cell to the second, larger size comprises scrolling in a vertical direction and increasing a vertical size of the cell.
19. The method of claim 16 , wherein scrolling the non-uniform grid on the display device concludes with a snapping animation, the snapping animation adjusting a grid border to be pulled to a nearest predetermined grid unit location.
20. The method of claim 16 , further comprising animating a revealing of the truncated portion at a rate based on an expansion rate at which the cell increases from the first, smaller size to the second, larger size.