CN103761303B - The arrangement display methods and device of a kind of picture - Google Patents

Abstract

A method and device for arranging and displaying pictures. The steps of the method include: calculating the ratio of the number of pixels contained in each color of a picture in a picture library to the number of all pixels in the picture, and recording the color with the highest ratio as The main color of the picture; extract the main color of each picture recorded in the previous step to create a color gradient progress bar, forming a mapping from the main color of each picture to the color point of the progress bar; arrange the pictures to change the main color of the picture The sequence is consistent with the color gradient sequence of the progress bar; when receiving an instruction to select a color point of the progress bar, locate the picture with the corresponding main color for display. Utilizing the present invention can display picture information more intuitively, enables users to browse and search for pictures more quickly and conveniently, facilitates users, and improves user experience.

Description

Method and device for arranging and displaying pictures

technical field

The invention relates to the technical field of graphic information, in particular to a method and device for arranging and displaying pictures.

Background technique

At present, mobile terminals including mobile phones often store a large number of pictures. When faced with a huge number of picture databases, it is time-consuming and laborious for users to browse through pictures, especially when they need to find the required picture files, they often have no way to start. For the convenience of users to view, the existing image database can be arranged according to time order, file size, geographical location where the photos were taken, etc. However, pictures are the carrier of the visual level. When people need to look up pictures, they often need to rely on a certain visual feature of the picture, such as color. However, using the above-mentioned existing logical arrangement or search method obviously cannot provide intuitive operation experience for the user.

Contents of the invention

In order to overcome the deficiencies in the prior art mentioned above, the present invention provides a method and device for arranging and displaying pictures, which can more intuitively display the information of pictures, so that users can browse and search for pictures more quickly and conveniently.

The present invention is achieved through the following technical solutions:

A method for arranging and displaying pictures, the steps comprising:

S1. Calculate the ratio of the number of pixels contained in each color of a picture in the picture library to the number of all pixels in the picture, and record the color with the highest ratio as the main color of the picture;

S2, extracting the main color of each picture recorded in step S1 to create a progress bar of color gradient, forming a mapping from the main color of each picture to the color point of the progress bar;

S3. Arranging the pictures so that the main color change order of the pictures is consistent with the color gradient order of the progress bar;

S4. When receiving an instruction to select a color point of the progress bar, locate and display a picture with a corresponding main color.

Further, step S2 includes: synchronously updating the progress bar of the picture library when adding or deleting a picture in the picture library.

Preferably, in step S3, the pictures with the same main color are arranged in order of creation time or randomly arranged.

Preferably, a slider is set on the progress bar, and the slider indicates the main color of the picture that is slid to a specified coordinate position in the user interface or the picture selected by the user.

Preferably, in step S4, receiving an instruction to select a color point of the progress bar refers to receiving an instruction that the slider is dragged to a color point on the progress bar.

Preferably, in step S4, locating and displaying pictures with corresponding main colors refers to selecting one or more than two pictures with corresponding main colors and pre-displaying or highlighting them.

The invention also discloses a display device for arranging pictures, including:

The main color recording module is used to calculate the ratio of the number of pixels contained in each color of a picture in the picture library to the number of all pixels in the picture, and record the color with the highest ratio as the main color of the picture;

The progress bar drawing module is used to extract the main tone of each picture recorded by the main tone recording module to create a progress bar of color gradient, forming a mapping from the main tone of each picture to the color point of the progress bar;

Arrangement module, which is used to arrange the pictures so that the main color change order of the pictures is consistent with the color gradient order of the progress bar;

The positioning display module is configured to locate and display a picture with a corresponding main color when receiving an instruction to select a color point of the progress bar.

Further, the progress bar drawing module includes an updating unit, configured to synchronously update the progress bar of the picture library when a picture is added or deleted from the picture library.

Preferably, a slider is set on the progress bar, and the slider indicates the main color of the picture that slides to a specified coordinate position in the user interface or the picture selected by the user; the positioning display module receives the selected progress bar The instruction of the color point refers to the instruction that the slider is dragged to a color point on the progress bar.

Preferably, the location and display module is used to locate and display pictures with corresponding main colors means to select one or two or more pictures with corresponding main colors and perform pre-display or highlight display.

Compared with the prior art, the present invention uses the main colors of the pictures to arrange and display the pictures, and draws a progress bar based on the main colors of the pictures. The user can browse and search for pictures through the progress bar, providing a more intuitive 1. A convenient picture display method, the user only needs to quickly find the desired picture according to the color impression or color requirement of the picture, which is convenient for the user and improves the user experience.

Description of drawings

Accompanying drawing 1 is a schematic diagram of the implementation flow of a picture arrangement and display method according to an embodiment of the present invention;

Accompanying drawing 2 is a frame diagram of an arrangement and display device for pictures according to an embodiment of the present invention.

detailed description

In order to facilitate the understanding of those skilled in the art, the present invention will be further described below in conjunction with the accompanying drawings.

A method for arranging and displaying pictures, the steps comprising:

S1. Calculate the ratio of the number of pixels contained in each color of a picture in the picture library to the number of all pixels in the picture, and record the color with the highest ratio as the main color of the picture;

S2, extracting the main color of each picture recorded in step S1 to create a progress bar of color gradient, forming a mapping from the main color of each picture to the color point of the progress bar;

S3. Arranging the pictures so that the main color change order of the pictures is consistent with the color gradient order of the progress bar;

S4. When receiving an instruction to select a color point of the progress bar, locate and display a picture with a corresponding main color.

In step S1, when calculating the main color of a picture, it is first necessary to judge the color of each pixel that constitutes the picture. Usually, the color value of each pixel in the picture can be obtained by using existing image processing software. In practical applications, there are many ways to judge the main color of a picture by using the number of pixels of various colors. If the number of pixels accounts for the largest proportion of all pixels in the picture, the color is judged as the main color.

In step S2, a progress bar is drawn according to the determined main color of each picture, and the progress bar can be set on the side edge of the user interface, for example, on the right side of the picture queue. The progress bar contains the main colors of the pictures in the picture library, and the main colors are sorted in the form of a color gradient to form a progress bar. In practical application, the progress bar of the color gradient is obtained by sorting the obtained color values of the main colors in a gradual order from large to small or from small to large.

Further, step S2 includes: synchronously updating the progress bar of the picture library when adding or deleting a picture in the picture library. When a new picture is added to the picture library, its main color is extracted and added to the progress bar; and when a picture is deleted from the picture library, the main color of the picture corresponding to the progress bar is deleted synchronously.

In a preferred embodiment of the present invention, a slider is provided on the progress bar, and the slider indicates the main color of the picture that is slid to a specified coordinate position in the user interface or the picture selected by the user. When the method of the present invention is applied to a touch terminal, when the user flips through the gallery, the picture queue is generally scrolled forward or backward through a sliding operation, so that the pictures enter the user interface sequentially. In order to adapt to the user's general usage habits, the slider is used to indicate the main color of the picture that slides to the center of the user interface. The slider slides accordingly to indicate the dominant color of the image at the center of the UI. In addition, when the user clicks to select a certain picture, the slider moves to the color point corresponding to the main color of the picture, preferentially indicating the main color of the picture in real time.

In step S3, arrange the pictures in the gallery according to the gradient order of their main colors, and make the main tone change order of the pictures consistent with the color gradient order of the progress bar, echoing the color gradient of the progress bar. Preferably, pictures with the same main color are arranged in order of creation time or randomly.

In step S4, receiving an instruction to select a color point of the progress bar refers to receiving an instruction that the slider is dragged to a color point on the progress bar. In this step S4, locating and displaying pictures with corresponding main colors refers to selecting one or more than two pictures with corresponding main colors and pre-displaying or highlighting them. When the system detects that the user drags the slider to a color point on the progress bar, correspondingly, the color point of the progress bar is mapped to a picture with the same main tone as the color value of the color point, and the picture is pre-displayed or highlight. When there are multiple pictures with the same main color, the multiple pictures are simultaneously selected and pre-displayed or highlighted.

Specifically, as shown in Figure 1, taking a mobile phone as an example, the present invention also provides an implementation process of a method for arranging and displaying pictures of a touch screen mobile phone in an embodiment, the steps of which include:

S101. Determine and record the main color of each picture in the picture library;

S102. Create a color gradient progress bar according to the recorded main color;

S103, arranging the pictures, so that the main color change order of the pictures is consistent with the color gradient order of the progress bar;

S104. The user performs a sliding operation on the touch screen to flip through the pictures;

S105, displaying a progress bar of color gradient at the bottom of the image queue;

S106. It is detected that the user drags the slider of the progress bar to a color point;

S107, locate and display the picture whose main color corresponds to the color point.

The present invention also discloses a picture arrangement and display device, as shown in Figure 2, comprising:

The main tone recording module 21 is used to calculate the ratio of the number of pixels contained in each color of a picture in the picture library to the number of all pixels in the picture, and record the color with the highest ratio as the main tone of the picture;

The progress bar drawing module 22 is used to extract the main tone of each picture recorded by the main tone recording module to create a progress bar of color gradient, forming a mapping from the main tone of each picture to the color point of the progress bar;

Arrangement module 23, is used for arranging picture, makes the change order of main tone of picture and the color gradient order of progress bar consistent;

The positioning display module 24 is configured to locate and display a picture with a corresponding main color when receiving an instruction to select a color point of the progress bar.

When the main tone recording module 21 is used to calculate the main tone of a picture, it is first necessary to judge the color of each pixel that constitutes the picture. Usually, the color of each pixel in the picture can be obtained by using existing image processing software. value. In practical applications, there are many ways to judge the main color of a picture by using the number of pixels of various colors. If the number of pixels accounts for the largest proportion of all pixels in the picture, the color is judged as the main color.

The progress bar drawing module 22 is used to draw a progress bar according to the determined main color of each picture, and the progress bar can be set on the side edge of the user interface, for example, on the right side of the picture queue. The progress bar contains the main colors of the pictures in the picture library, and the main colors are sorted in the form of a color gradient to form a progress bar. In practical application, the progress bar of the color gradient is obtained by sorting the obtained color values of the main colors in a gradual order from large to small or from small to large.

Further, the progress bar drawing module 22 includes an update unit, configured to synchronously update the progress bar of the picture library when a picture is added or deleted from the picture library. When a new picture is added to the picture library, its main color is extracted and added to the progress bar; and when a picture is deleted from the picture library, the main color of the picture corresponding to the progress bar is deleted synchronously.

In a preferred embodiment of the present invention, a slider is provided on the progress bar, and the slider indicates the main color of the picture that is slid to a specified coordinate position in the user interface or the picture selected by the user. When the method of the present invention is applied to a touch terminal, when the user flips through the gallery, the picture queue is generally scrolled forward or backward through a sliding operation, so that the pictures enter the user interface sequentially. In order to adapt to the user's general usage habits, the slider is used to indicate the main color of the picture that slides to the center of the user interface. The slider slides accordingly to indicate the dominant color of the image at the center of the UI. In addition, when the user clicks to select a certain picture, the slider moves to the color point corresponding to the main color of the picture, preferentially indicating the main color of the picture in real time.

The arrangement module 23 is used to arrange the pictures in the gallery according to the gradient order of their main colors, and make the main tone change order of the pictures consistent with the color gradient order of the progress bar, echoing the color gradient of the progress bar. Preferably, pictures with the same main color are arranged in order of creation time or randomly.

The location display module 24 receiving the instruction to select the color point of the progress bar refers to receiving the instruction that the slider is dragged to a color point on the progress bar. The location and display module 24 is used to locate and display the picture with the corresponding main color means to select one or more than two pictures with the corresponding main color and perform pre-display or highlight display. When the system detects that the user drags the slider to a color point on the progress bar, correspondingly, the color point of the progress bar is mapped to a picture with the same main color as the color point, and the picture is pre-displayed or highlighted . When there are multiple pictures with the same main color, the multiple pictures are simultaneously selected and pre-displayed or highlighted.

The picture library in the embodiment of the present invention may include all pictures stored in the application terminal, or may only include pictures stored in folders or subfolders under a certain directory structure.

The above content is a further detailed description of the present invention in combination with specific preferred modes, and it should not be deemed that the specific implementation of the present invention is limited to the above description. For those skilled in the art, without departing from the concept of the present invention, some simple deductions or substitutions can be made, which should be considered within the protection scope determined by the claims submitted in the present invention.

Claims (7)

1. A method for arranging and displaying pictures, the steps comprising: S1. Calculate the ratio of the number of pixels contained in each color of a picture in the picture library to the number of all pixels in the picture, and record the color with the highest ratio as the main color of the picture; S2, extracting the main color of each picture recorded in step S1 to create a progress bar of color gradient, forming a mapping from the main color of each picture to the color point of the progress bar; S3. Arranging the pictures so that the main color change order of the pictures is consistent with the color gradient order of the progress bar; S4. When receiving an instruction to select a color point of the progress bar, locate a picture with a corresponding main color for display; Wherein, in step S3, the pictures with the same main color are arranged in order of creation time or randomly arranged; In step S4, locating and displaying pictures with corresponding main colors refers to selecting one or more than two pictures with corresponding main colors and pre-displaying or highlighting them. 2 . The method for arranging and displaying pictures according to claim 1 , wherein step S2 comprises: when a picture is added or deleted from the picture library, synchronously updating the progress bar of the picture library. 3 . 3. The method for arranging and displaying pictures according to claim 1, characterized in that: the progress bar is provided with a slider, and the slider indicates that the picture that slides to a specified coordinate position in the user interface or is selected by the user The main color of the picture; when the user clicks on a certain picture, the slider moves to the color point corresponding to the main color of the picture. 4. The method for arranging and displaying pictures according to claim 3, characterized in that: in step S4, receiving an instruction to select a color point of the progress bar refers to receiving the slider being dragged to a color point on the progress bar instructions. 5. A picture arrangement and display device, characterized in that it comprises: The main color recording module is used to calculate the ratio of the number of pixels contained in each color of a picture in the picture library to the number of all pixels in the picture, and record the color with the highest ratio as the main color of the picture; The progress bar drawing module is used to extract the main tone of each picture recorded by the main tone recording module to create a progress bar of color gradient, forming a mapping from the main tone of each picture to the color point of the progress bar; The arrangement module is used to arrange the pictures, so that the main color change order of the pictures is consistent with the color gradient order of the progress bar, and the pictures with the same main color are arranged in the order of creation time or randomly arranged; A positioning display module, configured to locate a picture with a corresponding main color for display when an instruction for selecting a color point of the progress bar is received; Wherein, the positioning and display module is specifically used to locate and display a picture with a corresponding main color, which refers to selecting one or more than two pictures with a corresponding main color and performing pre-display or highlighting. 6. The arrangement and display device for pictures according to claim 5, characterized in that: said progress bar drawing module comprises an update unit for synchronously updating the picture library when adding or deleting a picture in said picture library the progress bar. 7. The arrangement and display device for pictures according to claim 5, characterized in that: said progress bar is provided with a slider, and said slider indicates that the picture that slides to a specified coordinate position in the user interface or is selected by the user The main color of the picture; when the user clicks on a certain picture, the slider moves to the color point corresponding to the main color of the picture; the positioning display module receives the instruction to select the color point of the progress bar. A command that is dragged to a colored point on the progress bar.