Gallery application for content viewing
A gallery software application enables a user to browse, view, and interact with various content items, such as still images and videos. The gallery includes a graphical user interface that displays multiple images in the foreground and one image in the background. The foreground images represent content items. The background image is generated based on one of the foreground images. As the foreground images are scrolled, the background image changes.
1. A computer-implemented method for generating a background image that is displayed while foreground images are being scrolled, comprising:
in response to a first plurality of foreground images being displayed, selecting a first foreground image from the first plurality of foreground images;
generating a first background image based on the first foreground image;
displaying a first portion of the first background image;
displaying a remaining portion of the first background image with an alpha ramp that transitions the remaining portion of the first background image from opaque to transparent;
receiving user input causing foreground images to be scrolled such that the first plurality of foreground images is no longer displayed and a second plurality of foreground images is displayed;
in response to the second plurality of foreground images being displayed, selecting a second foreground image from the second plurality of foreground images;
generating a second background image based on the second foreground image;
displaying a cross-fading animation that transitions from the remaining portion of the first background image to which the alpha ramp was added to a first portion of the second background image; and
displaying the first portion of the second background image.
2. The method of claim 1 , wherein generating the first background image based on the first foreground image comprises applying an image filter to the first foreground image.
3. The method of claim 2 , wherein the image filter is a box blur.
4. The method of claim 1 , wherein generating the first background image based on the first foreground image comprises darkening the first foreground image.
5. The method of claim 1 , wherein generating the first background image based on the first foreground image comprises zooming in to the first foreground image and cropping the zoomed image.
6. The method of claim 1 , wherein the first portion of the first background image comprises a majority of the first background image.
7. The method of claim 1 , wherein selecting the first foreground image from the first plurality of foreground images comprises selecting a foreground image that is located in an upper-left area of the plurality of foreground images being displayed.
8. The method of claim 1 , wherein selecting the first foreground image from the first plurality of foreground images comprises selecting a foreground image that is located in a central area of the plurality of foreground images being displayed.
9. The method of claim 1 , wherein the remaining portion of the first background image is 25% of the first background image.
10. A computer program product stored on a non-transitory computer-readable storage medium, the computer program product for generating a background image that is displayed while foreground images are being scrolled, the computer program product comprising a machine-readable medium storing computer program code for performing a method, the method comprising:
in response to a first plurality of foreground images being displayed, selecting a first foreground image from the first plurality of foreground images;
generating a first background image based on the first foreground image;
displaying a first portion of the first background image;
displaying a remaining portion of the first background image with an alpha ramp that transitions the remaining portion of the first background image from opaque to transparent;
receiving user input causing foreground images to be scrolled such that the first plurality of foreground images is no longer displayed and a second plurality of foreground images is displayed;
in response to the second plurality of foreground images being displayed, selecting a second foreground image from the second plurality of foreground images;
generating a second background image based on the second foreground image;
displaying a cross-fading animation that transitions from the remaining portion of the first background image to which the alpha ramp was added to a first portion of the second background image; and
displaying the first portion of the second background image.