CN109947973B - Background configuration method, device and equipment for display area and readable medium - Google Patents
Background configuration method, device and equipment for display area and readable medium Download PDFInfo
- Publication number
- CN109947973B CN109947973B CN201811109740.3A CN201811109740A CN109947973B CN 109947973 B CN109947973 B CN 109947973B CN 201811109740 A CN201811109740 A CN 201811109740A CN 109947973 B CN109947973 B CN 109947973B
- Authority
- CN
- China
- Prior art keywords
- picture
- background
- display area
- current preview
- target display
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Active
Links
Images
Landscapes
- Controls And Circuits For Display Device (AREA)
- User Interface Of Digital Computer (AREA)
Abstract
The embodiment of the disclosure discloses a background configuration method, a background configuration device, a background configuration equipment and a readable medium for a display area. The method comprises the following steps: acquiring a current preview picture in a target display area; carrying out reduction processing on the current preview picture to obtain a reduced picture; amplifying the reduced picture to obtain a first background picture in the target display area; and displaying the first background picture in a layer below the layer where the current preview picture is located in a target display area. The embodiment of the disclosure can highlight the preview picture in the display area, achieve a striking effect, and further improve the content distribution efficiency.
Description
Technical Field
The present disclosure relates to image processing technologies, and in particular, to a method, an apparatus, a device, and a readable medium for configuring a background of a display area.
Background
With the development of internet technology and the emergence of various applications of terminals, various information such as music, videos, documents, etc. is presented on the terminals. Many information is configured with preview pictures, and the application program displays the preview pictures in a display area, so that a user can browse and select required information conveniently.
In most display areas of preview pictures, blank or advertisement pop-up windows are generally displayed, so that the preview pictures are difficult to highlight, a striking effect cannot be achieved, and the content distribution efficiency is reduced.
Disclosure of Invention
The embodiment of the disclosure provides a method, a device, equipment and a readable medium for configuring a background of a display area, so that a preview picture is highlighted in the display area, a striking effect is achieved, and further, the content distribution efficiency is improved.
In a first aspect, an embodiment of the present disclosure provides a method for configuring a background of a display area, including:
acquiring a current preview picture in a target display area;
carrying out reduction processing on the current preview picture to obtain a reduced picture;
amplifying the reduced picture to obtain a first background picture in the target display area;
and displaying the first background picture in a layer below the layer where the current preview picture is located in a target display area.
In a second aspect, an embodiment of the present disclosure provides a device for configuring a background of a display area, including:
the acquisition module is used for acquiring a current preview picture in the target display area;
the zooming-out module is used for zooming out the current preview picture to obtain a zoomed-out picture;
the amplifying module is used for amplifying the reduced picture to obtain a first background picture in the target display area;
and the display module is used for displaying the first background picture in a layer below the layer where the current preview picture is located in the target display area.
In a third aspect, an embodiment of the present disclosure provides an electronic device, including:
one or more processing devices;
storage means for storing one or more programs;
when the one or more programs are executed by the one or more processing devices, the one or more processing devices are caused to implement the method for configuring the background of the display area according to any embodiment of the present disclosure.
In a fourth aspect, the embodiments of the present disclosure provide a computer-readable medium, on which a computer program is stored, where the computer program, when executed by a processing device, implements a background configuration method for a presentation area according to any one of the embodiments of the present disclosure.
According to the background configuration method, device, equipment and readable medium for the display area, provided by the embodiment of the disclosure, the current preview picture in the target display area is obtained; carrying out reduction processing on the current preview picture to obtain a reduced picture; performing amplification processing on the reduced picture to obtain a first background picture in the target display area, namely, reducing and amplifying the current preview picture to obtain a large picture similar to the content of the current preview picture; displaying the first background picture through a layer below the layer where the current preview picture is located in the target display area, so that the background of the target display area is visually consistent with the current preview picture, the color is more coordinated, and the viewing is more comfortable; and the current preview picture can be highlighted, the user is guided to execute the trigger operation, and the content distribution efficiency is improved.
Drawings
In order to more clearly illustrate the embodiments of the present disclosure or the technical solutions in the prior art, a brief description will be given below to the drawings required for the embodiments or the technical solutions in the prior art, and it is obvious that the drawings in the following description are some embodiments of the present disclosure, and for those skilled in the art, other drawings can be obtained according to these drawings without creative efforts.
Fig. 1a illustrates a flowchart of a method for configuring a background of a display area according to an embodiment of the present disclosure;
FIG. 1b is a schematic diagram of a target display area according to an embodiment of the present disclosure;
FIG. 1c is a schematic diagram of another target display area provided in the first embodiment of the present disclosure;
FIG. 1d is a schematic diagram of another target display area provided in the first embodiment of the present disclosure;
fig. 2 shows a flowchart of a method for configuring a background of a display area according to a second embodiment of the present disclosure;
fig. 3 shows a flowchart of a method for configuring a background of a display area according to a third embodiment of the present disclosure;
fig. 4 shows a flowchart of a method for configuring a background of a display area according to a third embodiment of the present disclosure;
fig. 5 is a schematic structural diagram illustrating a background configuration device of a display area according to a fifth embodiment of the present disclosure;
fig. 6 shows a schematic structural diagram of an electronic device according to a sixth embodiment of the present disclosure.
Detailed Description
To make the objects, technical solutions and advantages of the present disclosure clearer, the technical solutions of the present disclosure will be clearly and completely described below through embodiments with reference to the accompanying drawings in the embodiments of the present disclosure, and it is obvious that the described embodiments are some, but not all embodiments of the present disclosure. All other embodiments, which can be derived by a person skilled in the art from the embodiments disclosed herein without making any creative effort, shall fall within the protection scope of the present disclosure.
In the following embodiments, optional features and examples are provided in each embodiment, and various features described in the embodiments may be combined to form a plurality of alternatives, and each numbered embodiment should not be regarded as only one technical solution.
Example one
Fig. 1a is a flowchart illustrating a method for configuring a background of a display area according to an embodiment of the present disclosure, where the embodiment of the present disclosure is applicable to a case where the background of the display area is configured, and the method may be executed by a device for configuring the background of the display area, where the device may be formed by hardware and/or software and is generally integrated in an electronic device. As shown in fig. 1a, the background configuration method for a display area provided in the embodiment of the present disclosure includes the following operations:
and S110, acquiring the current preview picture in the target display area.
As shown in fig. 1b, the target display area includes an area for displaying the preview picture on the current interface. Of course, without limitation, the target presentation area may also include an area associated with the preview picture on the current interface, such as the menu 2 area associated with the preview picture in fig. 1 c. It should be noted that the display area in fig. 1b and 1c includes an area where the preview picture is located (the area is hidden by the preview picture), so as to avoid the occurrence of background vacancy when the current preview picture is switched.
Optionally, with reference to fig. 1b, fig. 1c and fig. 1d, at least one picture may be displayed in the target display area, and if the target display area displays one picture (as in fig. 1c), the picture is a current preview picture and may be displayed in a central area of the target display area; if the target display area displays two or more pictures (as shown in fig. 1b and fig. 1d), the pictures are arranged in a preset direction, for example, transversely or longitudinally, at this time, the picture displayed in the center area of the target display area is the current preview picture, and other preview pictures may only display part of the content or all of the content. For example, in fig. 1B, the preview pictures a and B only show part of the content, and the other part of the content is not loaded. Optionally, two or more pictures are displayed in the picture target display area, as shown in fig. 1b, the sizes of the preview pictures are the same, or, as shown in fig. 1d, the size of the current preview picture is larger than the sizes of the other preview pictures. In the case shown in fig. 1d, when the other preview picture is switched to the current preview picture, the size is adjusted to be larger than that of the current preview picture, whereas when the current preview picture is switched to the other preview picture, the size is adjusted to be smaller than that of the other preview picture.
In this embodiment, the size of the target display area is greater than the sum of the sizes of the preview pictures.
The current preview picture includes a cover of the multimedia file or a promotional poster. In a scene, the terminal responds to the trigger operation of the current preview picture and can play the corresponding multimedia file. In order to highlight the current preview picture and guide the user to exert attention and further execute the trigger operation, the background of the target display area is determined according to the current preview picture, so that the background of the target display area is visually consistent with the current preview picture, the color is more coordinated, the user can watch the target display area more comfortably, the current preview picture is highlighted, and the user is guided to execute the trigger operation.
And S120, carrying out reduction processing on the current preview picture to obtain a reduced picture.
Because the current preview picture generally contains more pixel points and is rich in color, in order to reduce the processing data amount and improve the data processing speed, the background picture is prevented from being better than the current preview picture in visual effect, that is, 'catching people' is avoided, the current preview picture is reduced, that is, the current preview picture is down-sampled, so that the pixel points are reduced, and redundant color is removed.
Optionally, performing reduction processing on the current preview picture to obtain a reduced picture, including: in the row direction of the current preview picture, every N rows of pixels are obtained, and in the column direction of the current preview picture, every M rows of pixels are obtained to form a reduced picture; wherein, M and N are natural numbers, and M and N can be the same or different. In an example, the resolution of the current preview picture is 1920 × 1920, and after the zoom-out operation is performed, the resolution of the obtained zoomed-out picture is 32 × 32.
And S130, amplifying the reduced picture to obtain a first background picture in the target display area.
In general, if the size of the target display area is larger than the size of the reduced picture, the reduced picture is enlarged to obtain a first background picture. The size of the first background picture is larger than that of the current preview picture and smaller than or equal to that of the target display area.
Optionally, an interpolation algorithm is adopted, new pixel points are inserted between the pixel points of the reduced picture, and a first background picture in the target display area is obtained. Interpolation algorithms include, but are not limited to: nearest neighbor, bilinear, bicubic, pixel region relationship based, Lanuss interpolation.
In an optional implementation manner, the enlarging the reduced picture to obtain a first background picture in the target display area includes: acquiring the size proportion of a first background picture and a reduced picture; determining a picture subregion corresponding to each pixel point in the reduced picture on the first background picture according to the size proportion; and determining the pixel value of each pixel point in the corresponding picture subregion according to the pixel value of each pixel point in the reduced picture.
For example, the resolution of the first background picture is 320 × 320, the resolution of the reduced picture is 32 × 32, and the binary size ratio is 10: 1. The first background picture is divided into 10 picture sub-regions, and each pixel point in the reduced picture respectively corresponds to the 10 picture sub-regions according to the mutual position relationship. And in each picture subregion, assigning the pixel value of each pixel point to the pixel value of the corresponding pixel point in the reduced picture.
And S140, displaying the first background picture in a layer below the layer where the current preview picture is located in the target display area.
The layer below the layer where the current preview picture is located includes any image below the layer where the current preview picture is located, such as a next layer, a next layer of the next layer, and the like, so that it is ensured that the first background picture does not block the current preview picture. Of course, if other preview pictures are displayed in the target display area, the first background picture should be located in the layer below the other preview pictures, so that the other preview pictures are prevented from being blocked and the browsing experience of the user is prevented from being influenced.
It is worth mentioning that the execution main body of the embodiment of the present disclosure is integrated in the electronic device. The electronic device includes a terminal or a server. If the electronic equipment comprises a terminal, the method provided by the embodiment is executed by the terminal. If the electronic equipment comprises the server, the server acquires a current preview picture in the target display area from the terminal, and performs reduction processing on the current preview picture to obtain a reduced picture; and amplifying the reduced picture to obtain a first background picture in the target display area, and sending the first background picture and a display scheme (namely displaying the first background picture in the target display area and on a layer below the layer where the current preview picture is located) to the terminal so that the terminal can display the first background picture according to the display scheme.
In the embodiment of the disclosure, a current preview picture in a target display area is obtained; carrying out reduction processing on the current preview picture to obtain a reduced picture; carrying out amplification processing on the reduced picture to obtain a first background picture in a target display area, namely, reducing and then amplifying the current preview picture to obtain a large picture similar to the content of the current preview picture; the first background picture is displayed in the target display area and on the layer below the layer where the current preview picture is located, so that the background of the target display area is visually consistent with the current preview picture, the color is more coordinated, and the user can watch the picture more comfortably; and the current preview picture can be highlighted, the user is guided to execute the trigger operation, and the content distribution efficiency is improved.
Example two
Fig. 2 shows a flowchart of a background configuration method for a display area according to a second embodiment of the present disclosure, which is further optimized in this embodiment or in optional embodiments of the following embodiments, specifically, after a first background picture is obtained, a blurring process is performed on the first background picture. With reference to fig. 2, the following operations are specifically included:
and S210, acquiring the current preview picture in the target display area.
And S220, carrying out reduction processing on the current preview picture to obtain a reduced picture.
And S230, carrying out amplification processing on the reduced picture to obtain a first background picture in the target display area.
S210-S230 are the same as S110-S130 in the above embodiments and are not described here again.
And S240, blurring the first background picture.
After the current preview picture is reduced and then enlarged, the color difference between pixel points in the first background picture is large, so that the color difference of adjacent positions of the picture is large. The present operation performs a blurring process on the first background picture. Optionally, the first background picture is filtered by using a filter to implement blurring. The filter includes an averaging filter, a smoothing filter, and a low-pass filter. Preferably, the first background picture is blurred with gaussian blur in a low pass filter.
After the blurring processing, the color of the first background picture is homogenized. Especially for the pixels with larger color difference, the effect that the color gradually changes between the adjacent pixel points is achieved. The overall visual effect is as if the picture were displayed through a translucent screen,
and S250, displaying the first background picture after the fuzzy processing on a layer below the layer where the current preview picture is located in the target display area.
In the embodiment, the current preview picture is reduced and then enlarged, and then is subjected to fuzzy processing, so that the color of the first background picture is homogenized, the effect that the color gradually changes between adjacent pixel points is achieved, the visual experience of a user is improved, and the current preview picture is better set off.
EXAMPLE III
Fig. 3 shows a flowchart of a background configuration method for a display area provided in a third embodiment of the present disclosure, and this embodiment further optimizes various optional implementation manners of the foregoing or following embodiments, specifically, "acquire a current preview picture in a target display area" to "acquire a current preview picture corresponding to an operation instruction in response to the operation instruction of a user in the display area. With reference to fig. 3, the following operations are specifically included:
and S310, responding to an operation instruction of the user in the display area, and acquiring a current preview picture corresponding to the operation instruction.
Alternatively, if the electronic device includes a terminal, the terminal directly performs S310. And if the electronic equipment comprises the server, the server acquires an operation instruction of the user in the display area and the preview picture in the display area from the terminal, and determines the current preview picture corresponding to the operation instruction according to the preview picture in the display area in response to the operation instruction.
Optionally, the operation instruction of the user in the display area includes: and the user slides on the display screen to operate the input operation instruction, and the sliding operation direction of the user is the same as the arrangement direction of the preview pictures. For example, the arrangement direction includes a transverse arrangement or a longitudinal arrangement. The current preview picture corresponding to the operation instruction is the next picture arranged in the reverse direction of the sliding operation direction. In an example, the sliding operation direction of the user is leftward, and the electronic device determines a next picture arranged on the right as a current preview picture in response to the leftward sliding operation direction, and displays the current preview picture in a center area of the display area.
And S320, carrying out reduction processing on the current preview picture to obtain a reduced picture.
S330, amplifying the reduced picture to obtain a first background picture in the target display area.
Optionally, for the operation of performing the reduction and re-enlargement processing on the current preview picture, reference is made to the related description of the above embodiments, and details are not repeated here.
Optionally, after obtaining the first background picture, the method further includes: and carrying out fuzzy processing on the first background picture. For details, refer to the related description of the second embodiment, which is not repeated herein.
And S340, displaying the first background picture in a layer below the layer where the current preview picture is located in the target display area.
In the embodiment of the disclosure, the current preview picture corresponding to the operation instruction is acquired by responding to the operation instruction of the user in the display area, and then the user autonomously selects the current preview picture through the operation instruction, and the background of the display area changes along with the change of the preview picture selected by the user, so that a better visual effect is presented to the user.
Example four
Fig. 4 shows a flowchart of a background configuration method for a display area according to a fourth embodiment of the present disclosure, which is further optimized in this embodiment, specifically, a second background picture is superimposed on a first background picture to perform a blurring process on the first background picture. With reference to fig. 4, the following operations are specifically included:
and S410, acquiring the current preview picture in the target display area.
And S420, carrying out reduction processing on the current preview picture to obtain a reduced picture.
And S430, amplifying the reduced picture to obtain a first background picture in the target display area.
The details of S410-S430 are described in the above embodiments, and are not described herein again.
And S440, extracting the theme color of the current preview picture.
The theme color is generally the color of the core element or the center color of the color scheme. Optionally, extracting the theme color of the current preview picture includes at least one of the following optional embodiments:
a first alternative embodiment: and determining the theme color according to the colors distributed at preset positions on the current preview picture.
Optionally, the preset position at least includes one of a center position of the picture, a position at the golden section point, and a position at the edge. The theme color may be determined according to an average value, a maximum value, or a minimum value of colors at preset positions.
Second alternative embodiment: and traversing each pixel point of the current preview picture, counting the number of the pixel points of each pixel value on the current preview picture, and determining the theme color according to the pixel values of the pixel points of which the number meets the preset requirement.
Optionally, each pixel point on the current preview picture is mapped to a color space, such as RGB, YUV, or HSV color space. The number of each pixel value is counted. And determining the theme color according to the pixel values of which the number exceeds a preset number threshold or the number is the maximum.
A third alternative embodiment: and determining the theme color according to the average value of the pixel values of all the pixel points in the current preview picture.
Specifically, the average value of the pixel values of the pixels is used as the theme color.
A fourth alternative embodiment: and identifying the foreground or the background in the current preview picture, and determining the theme color according to the foreground or the background.
And carrying out target identification on the current preview picture, and identifying the foreground and the background in the picture. Optionally, the pixel values of the foreground pixels are averaged to obtain a theme color, or the pixel values of the background pixels are averaged to obtain the theme color.
Fifth alternative embodiment: and extracting at least one color block from the current preview picture, and determining the theme color according to the difference value between the pixel mean values of the color blocks and/or the area of the color blocks, wherein each color block corresponds to different pixel value ranges.
And pre-dividing different pixel value ranges, and extracting at least one color block from the current preview picture according to the different pixel value ranges.
Optionally, the pixel mean value of each color block is calculated first, then the difference value between the pixel mean values of the color blocks is calculated, a target color block with the difference value within a preset difference value range is obtained, and the pixel mean value of the target color block is determined as the subject color.
Optionally, the area of each color block, that is, the number of pixels, is calculated, and the pixel mean value of the color block with the largest area is used as the theme color.
Alternatively, if the number of target color patches is plural, the area of each color patch is calculated, and the pixel average value of the target color patch with the largest area is taken as the subject color.
And S450, generating a second background picture in the target display area according to the theme color.
Optionally, generating the second background picture according to the theme color, wherein the pixel value of the pixel point of the second background picture is determined according to the theme color; or generating an initial picture according to the theme color, performing brightness differentiation processing and/or saturation differentiation processing on the initial picture to obtain a second background picture, and determining the pixel value of the pixel point of the initial picture according to the theme color.
The following describes in detail the process of performing brightness differentiation processing and/or saturation differentiation processing on an initial picture.
Optionally, according to a preset direction, performing saturation differentiation processing on the initial picture.
Wherein the predetermined direction includes but is not limited to: from a first edge of the initial picture in a direction towards a second edge, from a central region of the initial picture in a direction towards an edge, or from an edge of the initial picture in a direction towards a center. And gradually increasing or decreasing the saturation of each pixel according to a preset direction. Alternatively, the saturation may be increased or decreased by the same or different amplitudes among the pixels, that is, the saturation may be increased or decreased by the same amplitude, or the saturation may be increased or decreased by different amplitudes.
Optionally, brightness differentiation processing is performed on the initial picture according to a preset direction. The brightness difference processing method is substantially the same as the saturation difference processing method, and specifically, the brightness of each pixel is gradually increased or decreased in a preset direction. Alternatively, the magnitude of the increase or decrease in brightness may be the same or different between pixels.
Optionally, according to a preset direction, performing saturation differentiation processing and brightness differentiation processing on the initial picture, specifically, gradually increasing or decreasing the saturation and brightness of each pixel according to the preset direction. The degree of increase or decrease in brightness may be the same or different between pixels, and the degree of increase or decrease in saturation may be the same or different between pixels.
And S460, overlapping the first background picture and the second background picture in the target display area.
Optionally, a difference between sizes of the first background picture and the second background picture is within a preset difference range.
Optionally, the overlaying the first background picture and the second background picture includes: and superposing the layer where the first background picture is located and the layer where the second background picture is located. Preferably, the layer where the second background picture is located is on the layer where the first background picture is located.
Optionally, the overlaying the first background picture and the second background picture includes: and averaging the pixel values of the corresponding pixel points in the first background picture and the second background picture. If the sizes of the first background picture and the second background picture are different, the pixel points which do not correspond to each other exist. The pixel points which do not correspond to each other can take the pixel values of the pixel points themselves, and are not averaged, or are averaged with the preset pixel values, and the preset pixel values can be black pixel values or white pixel values.
And S470, displaying the superposed first background picture on a layer below the layer where the current preview picture is located in the target display area.
It is noted that S440 and S450 may be performed at any time period after S410 and before S470, and S460 may be performed at any time period after S430 and S450 and before S470. Fig. 4 shows only one alternative execution order, and does not limit the execution order before the operations.
In this embodiment, the second background picture in the target display area is generated according to the theme color, and the first background picture and the second background picture are superimposed, so that the first background picture is blurred based on the theme color through the second background picture, the matching degree between the first background picture and the current preview image is improved, the viewing comfort is improved, and the visual contrast is reduced.
In the above embodiment, before the superimposing the first background picture and the second background picture in the target display area, the method further includes: and carrying out fuzzy processing on the first background picture. And then, overlapping the second background picture and the first background picture after the fuzzification processing. And then, displaying the superposed first background picture in a layer below the layer where the current preview picture is located in the target display area.
In this embodiment, the first background picture is blurred once, and then the second background picture is superimposed, which is equivalent to blurring again, so that the first background picture has uniform color, the matching degree with the current preview picture is improved, the viewing comfort is improved, the visual contrast is reduced, the preview picture can be highlighted, a striking effect is achieved, and the content distribution efficiency is improved.
EXAMPLE five
Fig. 5 is a schematic structural diagram illustrating a background configuration apparatus for a display area according to a fifth embodiment of the present disclosure, where the fifth embodiment of the present disclosure is applicable to a case where a background configuration is performed on a display area. As shown in fig. 5, a background configuration apparatus for a display area in an embodiment of the present disclosure includes: an acquisition module 51, a reduction module 52, an enlargement module 53 and a presentation module 54.
An obtaining module 51, configured to obtain a current preview picture in a target display area;
a reducing module 52, configured to perform reducing processing on the current preview picture to obtain a reduced picture;
the amplifying module 53 is configured to amplify the reduced picture to obtain a first background picture in the target display area;
and the displaying module 54 is configured to display the first background picture on a layer below the layer where the current preview picture is located in the target display area.
In the embodiment of the disclosure, a current preview picture in a target display area is obtained; carrying out reduction processing on the current preview picture to obtain a reduced picture; carrying out amplification processing on the reduced picture to obtain a first background picture in a target display area, namely, reducing and then amplifying the current preview picture to obtain a large picture similar to the content of the current preview picture; the first background picture is displayed in the target display area and on the layer below the layer where the current preview picture is located, so that the background of the target display area is visually consistent with the current preview picture, the color is more coordinated, and the user can watch the picture more comfortably; and the current preview picture can be highlighted, the user is guided to execute the trigger operation, and the content distribution efficiency is improved.
Optionally, when performing a reduction process on the current preview picture to obtain a reduced picture, the reduction module 52 is specifically configured to: in the row direction of the current preview picture, every N rows of pixels are obtained, and in the column direction of the current preview picture, every M rows of pixels are obtained to form a reduced picture; wherein M and N are natural numbers.
Optionally, the enlarging module 53, when performing enlarging processing on the reduced picture to obtain the first background picture in the target display area, is specifically configured to: and inserting new pixel points among the pixel points of the reduced picture by adopting an interpolation algorithm to obtain a first background picture in the target display area.
Optionally, the enlarging module 53, when performing enlarging processing on the reduced picture to obtain the first background picture in the target display area, is specifically configured to: acquiring the size proportion of a first background picture and a reduced picture; determining a picture subregion corresponding to each pixel point in the reduced picture on the first background picture according to the size proportion; and determining the pixel value of each pixel point in the corresponding picture subregion according to the pixel value of each pixel point in the reduced picture.
Optionally, the apparatus further includes a blurring processing module, configured to perform blurring processing on the first background picture after the zoomed-out picture is enlarged to obtain the first background picture in the target display area.
Optionally, when the obtaining module 51 obtains the current preview picture in the target display area, it is specifically configured to: and responding to an operation instruction of the user in the display area, and acquiring a current preview picture corresponding to the operation instruction. Optionally, the operation instruction of the user in the display area includes: and the user slides on the display screen to operate the input operation instruction, and the sliding operation direction of the user is the same as the arrangement direction of the preview pictures.
Optionally, the apparatus further comprises: the device comprises an extraction module, a generation module and a superposition module. The extraction module is used for extracting the theme color of the current preview picture. The generating module is used for generating a second background picture in the target display area according to the theme color. The superposition module is used for superposing the first background picture and the second background picture in the target display area.
Further optionally, when the superimposing module superimposes the first background picture and the second background picture in the target display area, the superimposing module is specifically configured to: superposing the layer where the first background picture is located and the layer where the second background picture is located; or averaging the pixel values of the corresponding pixel points in the first background picture and the second background picture.
The background configuration device of the display area provided by the embodiment of the present disclosure is the same as the background configuration method of the display area provided by the above embodiments, and the technical details that are not described in detail in the embodiment of the present disclosure may be referred to the above embodiments, and the embodiment of the present disclosure and the above embodiments have the same beneficial effects.
EXAMPLE six
Referring now to FIG. 6, a block diagram of an electronic device 600 suitable for use in implementing embodiments of the present disclosure is shown. The electronic device in the embodiments of the present disclosure may include, but is not limited to, a mobile terminal such as a mobile phone, a notebook computer, a digital broadcast receiver, a PDA (personal digital assistant), a PAD (tablet computer), a PMP (portable multimedia player), a vehicle terminal (e.g., a car navigation terminal), and the like, and a fixed terminal such as a digital TV, a desktop computer, and the like, or various forms of servers such as a stand-alone server or a server cluster. The electronic device shown in fig. 6 is only an example, and should not bring any limitation to the functions and the scope of use of the embodiments of the present disclosure.
As shown in fig. 6, electronic device 600 may include a processing means (e.g., central processing unit, graphics processor, etc.) 601 that may perform various appropriate actions and processes in accordance with a program stored in a read-only memory device (ROM)602 or a program loaded from a storage device 608 into a random access memory device (RAM) 603. In the RAM 603, various programs and data necessary for the operation of the electronic apparatus 600 are also stored. The processing device 601, the ROM 602, and the RAM 603 are connected to each other via a bus 604. An input/output (I/O) interface 605 is also connected to bus 604.
Generally, the following devices may be connected to the I/O interface 605: input devices 606 including, for example, a touch screen, touch pad, keyboard, mouse, camera, microphone, accelerometer, gyroscope, etc.; output devices 607 including, for example, a Liquid Crystal Display (LCD), a speaker, a vibrator, and the like; storage 608 including, for example, tape, hard disk, etc.; and a communication device 609. The communication means 609 may allow the electronic device 600 to communicate with other devices wirelessly or by wire to exchange data. While fig. 6 illustrates an electronic device 600 having various means, it is to be understood that not all illustrated means are required to be implemented or provided. More or fewer devices may alternatively be implemented or provided.
In particular, according to an embodiment of the present disclosure, the processes described above with reference to the flowcharts may be implemented as computer software programs. For example, embodiments of the present disclosure include a computer program product comprising a computer program embodied on a computer readable medium, the computer program containing program code for performing a method of background configuration of a presentation area. In such an embodiment, the computer program may be downloaded and installed from a network via the communication means 609, or may be installed from the storage means 608, or may be installed from the ROM 602. The computer program, when executed by the processing device 601, performs the above-described functions defined in the methods of the embodiments of the present disclosure.
It should be noted that the computer readable medium in the present disclosure can be a computer readable signal medium or a computer readable storage medium or any combination of the two. A computer readable storage medium may be, for example, but not limited to, an electronic, magnetic, optical, electromagnetic, infrared, or semiconductor system, apparatus, or device, or any combination of the foregoing. More specific examples of the computer readable storage medium may include, but are not limited to: an electrical connection having one or more wires, a portable computer diskette, a hard disk, a random access memory device (RAM), a read-only memory device (ROM), an erasable programmable read-only memory device (EPROM or flash memory), an optical fiber, a portable compact disc read-only memory device (CD-ROM), an optical storage device, a magnetic storage device, or any suitable combination of the foregoing. In the present disclosure, a computer readable storage medium may be any tangible medium that can contain, or store a program for use by or in connection with an instruction execution system, apparatus, or device. In contrast, in the present disclosure, a computer readable signal medium may comprise a propagated data signal with computer readable program code embodied therein, either in baseband or as part of a carrier wave. Such a propagated data signal may take many forms, including, but not limited to, electro-magnetic, optical, or any suitable combination thereof. A computer readable signal medium may also be any computer readable medium that is not a computer readable storage medium and that can communicate, propagate, or transport a program for use by or in connection with an instruction execution system, apparatus, or device. Program code embodied on a computer readable medium may be transmitted using any appropriate medium, including but not limited to: electrical wires, optical cables, RF (radio frequency), etc., or any suitable combination of the foregoing.
The computer readable medium may be embodied in the electronic device; or may exist separately without being assembled into the electronic device.
The computer readable medium carries one or more programs which, when executed by the processing device, cause the electronic device to: acquiring a current preview picture in a target display area; carrying out reduction processing on the current preview picture to obtain a reduced picture; amplifying the reduced picture to obtain a first background picture in the target display area; and displaying the first background picture in a layer below the layer where the current preview picture is located in a target display area.
Computer program code for carrying out operations for aspects of the present disclosure may be written in any combination of one or more programming languages, including an object oriented programming language such as Java, Smalltalk, C + +, and conventional procedural programming languages, such as the "C" programming language or similar programming languages. The program code may execute entirely on the user's computer, partly on the user's computer, as a stand-alone software package, partly on the user's computer and partly on a remote computer or entirely on the remote computer or server. In the case of a remote computer, the remote computer may be connected to the user's computer through any type of network, including a Local Area Network (LAN) or a Wide Area Network (WAN), or the connection may be made to an external computer (for example, through the Internet using an Internet service provider).
The flowchart and block diagrams in the figures illustrate the architecture, functionality, and operation of possible implementations of systems, methods and computer program products according to various embodiments of the present disclosure. In this regard, each block in the flowchart or block diagrams may represent a module, segment, or portion of code, which comprises one or more executable instructions for implementing the specified logical function(s). It should also be noted that, in some alternative implementations, the functions noted in the block may occur out of the order noted in the figures. For example, two blocks shown in succession may, in fact, be executed substantially concurrently, or the blocks may sometimes be executed in the reverse order, depending upon the functionality involved. It will also be noted that each block of the block diagrams and/or flowchart illustration, and combinations of blocks in the block diagrams and/or flowchart illustration, can be implemented by special purpose hardware-based systems which perform the specified functions or acts, or combinations of special purpose hardware and computer instructions.
The units described in the embodiments of the present disclosure may be implemented by software or hardware. The name of the module does not in some cases constitute a limitation to the module itself, and for example, the obtaining module may also be described as a "module for obtaining a current preview picture in the target display area".
The foregoing description is only exemplary of the preferred embodiments of the disclosure and is illustrative of the principles of the technology employed. It will be appreciated by those skilled in the art that the scope of the disclosure herein is not limited to the particular combination of features described above, but also encompasses other embodiments in which any combination of the features described above or their equivalents does not depart from the spirit of the disclosure. For example, the above features and (but not limited to) the features disclosed in this disclosure having similar functions are replaced with each other to form the technical solution.
Claims (9)
1. A background configuration method for a display area is characterized by comprising the following steps:
acquiring a current preview picture in a target display area;
carrying out reduction processing on the current preview picture to obtain a reduced picture;
wherein the reduction processing includes: in the row direction of the current preview picture, every N rows of pixels are obtained, and in the column direction of the current preview picture, every M rows of pixels are obtained to form at least one pixel point, so that the reduced picture is formed; wherein M and N are natural numbers;
amplifying the reduced picture to obtain a first background picture in the target display area;
wherein the amplification process includes: inserting new pixel points among the pixel points of the reduced picture by adopting an interpolation algorithm to obtain a first background picture in the target display area;
extracting the theme color of the current preview picture;
wherein the extracting the theme color of the current preview picture comprises: determining a theme color according to colors distributed at preset positions on a current preview picture; or traversing each pixel point of the current preview picture, counting the number of the pixel points of each pixel value on the current preview picture, and determining the theme color according to the pixel values of the pixel points of which the number meets the preset requirement; or identifying the foreground or the background in the current preview picture, and determining the theme color according to the foreground or the background; or, extracting at least one color block from the current preview picture, and determining the theme color according to the difference value between the pixel mean values of the color blocks and/or the area of the color blocks, wherein each color block corresponds to different pixel value ranges;
generating a second background picture in the target display area according to the theme color;
overlapping the first background picture and the second background picture in the target display area;
and displaying the superposed pictures in a layer below the layer where the current preview picture is located in the target display area.
2. The method according to claim 1, wherein the enlarging the reduced picture to obtain the first background picture in the target display area comprises:
acquiring the size proportion of a first background picture and a reduced picture;
determining a picture subregion corresponding to each pixel point in the reduced picture on the first background picture according to the size proportion;
and determining the pixel value of each pixel point in the corresponding picture subregion according to the pixel value of each pixel point in the reduced picture.
3. The method according to claim 1, wherein after the enlarging the reduced picture to obtain the first background picture in the target display area, the method further comprises: and carrying out fuzzy processing on the first background picture.
4. The method of claim 1, wherein the obtaining the current preview picture in the target presentation area comprises:
and responding to an operation instruction of a user in the display area, and acquiring a current preview picture corresponding to the operation instruction.
5. The method of claim 4, wherein the user's operation instruction in the presentation area comprises: and the sliding operation direction of the user is the same as the arrangement direction of the preview pictures.
6. The method of claim 1, wherein the overlaying the first background picture and the second background picture comprises:
superposing the layer where the first background picture is located and the layer where the second background picture is located; alternatively, the first and second electrodes may be,
and averaging the pixel values of the corresponding pixel points in the first background picture and the second background picture.
7. A background configuration apparatus for a display area, comprising:
the acquisition module is used for acquiring a current preview picture in the target display area;
the zooming-out module is used for zooming out the current preview picture to obtain a zoomed-out picture; wherein the reduction module is specifically configured to: in the row direction of the current preview picture, every N rows of pixels are obtained, and in the column direction of the current preview picture, every M rows of pixels are obtained to form at least one pixel point, so that the reduced picture is formed; wherein M and N are natural numbers;
the amplifying module is used for amplifying the reduced picture to obtain a first background picture in the target display area; the amplifying module is specifically configured to: inserting new pixel points among the pixel points of the reduced picture by adopting an interpolation algorithm to obtain a first background picture in the target display area;
the extraction module is used for extracting the theme color of the current preview picture;
the extraction module is specifically used for determining the theme color according to the colors distributed at preset positions on the current preview picture; or traversing each pixel point of the current preview picture, counting the number of the pixel points of each pixel value on the current preview picture, and determining the theme color according to the pixel values of the pixel points of which the number meets the preset requirement; or identifying the foreground or the background in the current preview picture, and determining the theme color according to the foreground or the background; or, extracting at least one color block from the current preview picture, and determining the theme color according to the difference value between the pixel mean values of the color blocks and/or the area of the color blocks, wherein each color block corresponds to different pixel value ranges;
the generating module is used for generating a second background picture in the target display area according to the theme color;
the superposition module is used for superposing the first background picture and the second background picture in the target display area;
and the display module is used for displaying the superposed pictures in a layer below the layer where the current preview picture is located in the target display area.
8. An electronic device, characterized in that the electronic device comprises:
one or more processing devices;
storage means for storing one or more programs;
when executed by the one or more processing devices, cause the one or more processing devices to implement the method of background configuration of a presentation area as claimed in any one of claims 1 to 6.
9. A computer-readable medium, on which a computer program is stored, which, when being executed by processing means, carries out a method of background configuration of a presentation area according to any one of claims 1 to 6.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201811109740.3A CN109947973B (en) | 2018-09-21 | 2018-09-21 | Background configuration method, device and equipment for display area and readable medium |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201811109740.3A CN109947973B (en) | 2018-09-21 | 2018-09-21 | Background configuration method, device and equipment for display area and readable medium |
Publications (2)
| Publication Number | Publication Date |
|---|---|
| CN109947973A CN109947973A (en) | 2019-06-28 |
| CN109947973B true CN109947973B (en) | 2020-08-18 |
Family
ID=67006336
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN201811109740.3A Active CN109947973B (en) | 2018-09-21 | 2018-09-21 | Background configuration method, device and equipment for display area and readable medium |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN109947973B (en) |
Families Citing this family (3)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN110825480A (en) * | 2019-11-06 | 2020-02-21 | 北京无限光场科技有限公司 | Picture display method and device, electronic equipment and computer readable storage medium |
| CN112037303A (en) * | 2020-08-31 | 2020-12-04 | 深圳市欢太科技有限公司 | Card background color generation method, device, equipment and medium for theme display card |
| CN112069339A (en) * | 2020-09-04 | 2020-12-11 | 北京字节跳动网络技术有限公司 | Background picture processing and search result display method, device, equipment and medium |
Citations (3)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN101572821A (en) * | 2009-06-18 | 2009-11-04 | 深圳市美赛达科技有限公司 | Processing method and processing device for image zooming |
| CN105867915A (en) * | 2016-03-25 | 2016-08-17 | 广州阿里巴巴文学信息技术有限公司 | Application interface display method and device |
| CN108111897A (en) * | 2017-12-12 | 2018-06-01 | 北京奇艺世纪科技有限公司 | A kind of method and device for showing displaying information in video |
Family Cites Families (3)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US7679786B2 (en) * | 2006-09-06 | 2010-03-16 | Eastman Kodak Company | Color correction method |
| CN105094615B (en) * | 2015-08-10 | 2019-02-05 | 联想(北京)有限公司 | A kind of information processing method and electronic equipment |
| CN107526489B (en) * | 2016-06-21 | 2020-10-16 | 阿里巴巴集团控股有限公司 | Picture adjusting method and device |
-
2018
- 2018-09-21 CN CN201811109740.3A patent/CN109947973B/en active Active
Patent Citations (3)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN101572821A (en) * | 2009-06-18 | 2009-11-04 | 深圳市美赛达科技有限公司 | Processing method and processing device for image zooming |
| CN105867915A (en) * | 2016-03-25 | 2016-08-17 | 广州阿里巴巴文学信息技术有限公司 | Application interface display method and device |
| CN108111897A (en) * | 2017-12-12 | 2018-06-01 | 北京奇艺世纪科技有限公司 | A kind of method and device for showing displaying information in video |
Also Published As
| Publication number | Publication date |
|---|---|
| CN109947973A (en) | 2019-06-28 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN109947973B (en) | Background configuration method, device and equipment for display area and readable medium | |
| CN110062176B (en) | Method and device for generating video, electronic equipment and computer readable storage medium | |
| CN109597538B (en) | Display method, device and equipment of operable control and readable medium | |
| CN110070551B (en) | Video image rendering method and device and electronic equipment | |
| CN110796664B (en) | Image processing method, device, electronic equipment and computer readable storage medium | |
| CN113742025B (en) | Page generation method, device, equipment and storage medium | |
| CN109121000A (en) | A kind of method for processing video frequency and client | |
| CN111626921A (en) | Picture processing method and device and electronic equipment | |
| CN113132795A (en) | Image processing method and device | |
| CN113160039B (en) | Image style migration method and device, electronic equipment and storage medium | |
| CN113160038B (en) | Image style migration method and device, electronic equipment and storage medium | |
| CN111915496A (en) | Image processing method, device and storage medium | |
| JP2024502117A (en) | Image processing method, image generation method, device, equipment and medium | |
| CN113989396A (en) | Picture rendering method, device, equipment, storage medium and program product | |
| CN113870100A (en) | Image processing method and electronic device | |
| CN111626922B (en) | Picture generation method and device, electronic equipment and computer readable storage medium | |
| CN110825993B (en) | Picture display method and device and electronic equipment | |
| CN110602410B (en) | Image processing method and device, aerial camera and storage medium | |
| CN112101258A (en) | Image processing method, image processing device, electronic equipment and computer readable medium | |
| CN113393391B (en) | Image enhancement method, image enhancement device, electronic apparatus, and storage medium | |
| CN113256785B (en) | Image processing method, apparatus, device and medium | |
| CN113989404B (en) | Picture processing method, apparatus, device, storage medium, and program product | |
| CN116188290A (en) | Image processing method, device, equipment and storage medium | |
| CN111696041B (en) | Image processing method and device and electronic equipment | |
| CN117319736A (en) | Video processing method, device, electronic equipment and storage medium |
Legal Events
| Date | Code | Title | Description |
|---|---|---|---|
| PB01 | Publication | ||
| PB01 | Publication | ||
| SE01 | Entry into force of request for substantive examination | ||
| SE01 | Entry into force of request for substantive examination | ||
| GR01 | Patent grant | ||
| GR01 | Patent grant |