CN110879739A - Display method and display device of notification bar - Google Patents
Display method and display device of notification bar Download PDFInfo
- Publication number
- CN110879739A CN110879739A CN201911179469.5A CN201911179469A CN110879739A CN 110879739 A CN110879739 A CN 110879739A CN 201911179469 A CN201911179469 A CN 201911179469A CN 110879739 A CN110879739 A CN 110879739A
- Authority
- CN
- China
- Prior art keywords
- color
- image
- notification bar
- area
- modifying
- 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.)
- Pending
Links
Images
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F9/00—Arrangements for program control, e.g. control units
- G06F9/06—Arrangements for program control, e.g. control units using stored programs, i.e. using an internal store of processing equipment to receive or retain programs
- G06F9/44—Arrangements for executing specific programs
- G06F9/451—Execution arrangements for user interfaces
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06T—IMAGE DATA PROCESSING OR GENERATION, IN GENERAL
- G06T11/00—2D [Two Dimensional] image generation
- G06T11/001—Texturing; Colouring; Generation of texture or colour
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06T—IMAGE DATA PROCESSING OR GENERATION, IN GENERAL
- G06T11/00—2D [Two Dimensional] image generation
- G06T11/40—Filling a planar surface by adding surface attributes, e.g. colour or texture
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06T—IMAGE DATA PROCESSING OR GENERATION, IN GENERAL
- G06T2210/00—Indexing scheme for image generation or computer graphics
- G06T2210/62—Semi-transparency
Landscapes
- Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- Software Systems (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Human Computer Interaction (AREA)
- General Engineering & Computer Science (AREA)
- User Interface Of Digital Computer (AREA)
Abstract
The invention relates to a display method and a display device of a notification bar, wherein the method comprises the following steps: acquiring an application interface screenshot of a notification bar and filling a screen to obtain a first image; blurring the first image to generate a second image; drawing a pure-color semitransparent background layer, and covering the semitransparent background layer on the surface of the second image to obtain a third image; and performing gradient processing on the color of the third image to obtain and display a background image of the notification bar. According to the display method of the notification bar, the screenshots of the application interface are subjected to fuzzy processing in sequence, the pure-color semitransparent background layer is added, then gradient processing is carried out, so that a background image of the notification bar with a gradient effect can be obtained, and a user can bring brand-new visual experience when information of the notification bar is displayed.
Description
Technical Field
The invention belongs to the technical field of intelligent equipment display, and particularly relates to a display method and a display device of a notification bar of intelligent equipment.
Background
With the increase of applications installed on the smart phone by a user, the increase of notifications generated by the applications and the increase of the frequency of the notifications viewed by the user, in order to improve the visual experience of the user in viewing the notification interface, the mobile phones of many brands perform gaussian fuzzy processing on the background of the notification interface, so that the notification can be seen and the general situation of the applications behind the notification bar can be seen when the notification bar is pulled down.
Disclosure of Invention
The invention provides an earphone and a control method thereof, which are used for improving the visual experience effect of a user for watching a notice.
The invention discloses a display method of a notification bar in a first aspect, which comprises the following steps:
acquiring an application interface screenshot of a notification bar and filling a screen to obtain a first image;
blurring the first image to generate a second image;
drawing a pure-color semitransparent background layer, and covering the semitransparent background layer on the surface of the second image to obtain a third image;
and performing gradient processing on the color of the third image to obtain and display a background image of the notification bar.
A second aspect of the present invention discloses a display device of a notification bar, the device comprising:
the acquisition module is used for acquiring an application interface screenshot of the notification bar and filling a screen to obtain a first image;
the processing generation module is used for carrying out fuzzy processing on the first image to generate a second image;
the drawing module is used for drawing a pure-color semitransparent background layer, and covering the semitransparent background layer on the surface of the second image to obtain a third image;
and the gradient processing module is used for performing gradient processing on the color of the third image to obtain and display the background image of the notification bar.
The third aspect of the present invention discloses an electronic device, which includes a memory, a processor, and a computer program stored in the memory and running on the processor, wherein the processor implements the steps of the above-mentioned notification bar display method when executing the computer program.
A fourth aspect of the present invention discloses a readable storage medium having stored thereon a computer program which, when executed by a processor, implements the steps of the method for displaying a notification bar as described above.
It can be known from the foregoing embodiments of the present invention that, in the notification bar display method of the present invention, the screenshots of the application interface are sequentially subjected to the blur processing, the solid-color translucent background layer is added, and then the gradation processing is performed, so that a notification bar background image with a gradation effect can be obtained, and a user can bring a brand-new visual experience when displaying the notification bar information.
Drawings
In order to more clearly illustrate the embodiments of the present invention or the technical solutions in the prior art, the drawings used in the description of the embodiments or the prior art will be briefly described below, it is obvious that the drawings in the following description are only some embodiments of the present invention, and for those skilled in the art, other drawings can be obtained according to these drawings without inventive exercise.
FIG. 1 is a flow chart illustrating a method for displaying a notification bar according to the present invention;
FIG. 2 is a block diagram of a display device of a notification bar according to the present invention;
FIG. 3 is a diagram illustrating an actual display effect of the notification bar according to the present invention.
Detailed Description
In order to make the objects, features and advantages of the present invention more obvious and understandable, the technical solutions in the embodiments of the present invention will be clearly and completely described below with reference to the accompanying drawings in the embodiments of the present invention, and it is apparent that the described embodiments are only a part of the embodiments of the present invention, and not all of the embodiments. All other embodiments, which can be derived by a person skilled in the art from the embodiments given herein without making any creative effort, shall fall within the protection scope of the present invention.
Referring to fig. 1, a first aspect of the present invention discloses a method for displaying a notification bar, including:
s100, acquiring an application interface screenshot of a notification bar and filling a screen to obtain a first image;
in the embodiment of the invention, the application interface refers to an interface image in which a plurality of application icons are arranged according to a certain arrangement mode when the intelligent device is in a bright screen state, and when the screenshot of the application interface is obtained, the image content displayed on the whole screen is obtained.
Specifically, the obtaining of the current application interface screenshot and the screen filling to obtain the first image includes:
s110, when the drop-down operation of the notification bar is detected, acquiring an application interface screenshot of the notification bar after the drop-down operation;
in the embodiment of the present invention, the display instruction of the notification bar is implemented by a pull-down operation, and in a specific application process, the display instruction of the notification bar may also be implemented by pushing up or pulling left or right.
S120, rotationally reducing the screenshot of the application interface to a preset size to obtain a screenshot of an intermediate interface;
in the embodiment of the invention, the application interface screenshot is rotated and reduced to one fourth of the size, so that the quality of the application interface screenshot is reduced, and the aims of saving the memory and generating the time of the fuzzy picture are fulfilled.
S130, stretching the screenshot of the intermediate interface to completely fill the screen to obtain the first image.
The intermediate interface screenshot is stretched to completely fill the screen, so that the integrity of the application interface screenshot can be maintained, and the overall visual effect is improved.
S200, carrying out fuzzy processing on the first image to generate a second image;
in the embodiment of the invention, the fuzzy processing of the first image can keep the rough outline of the screenshot of the application interface, achieve the effect of being unified with the application interface, weaken the background and enhance the display of the notification information content in the notification bar.
Specifically, the blurring the first image to generate a second image includes:
and carrying out Gaussian blur operation on the first image to generate a second image, wherein the second image is a Gaussian blur picture.
The visual effect of the image generated by the Gaussian blur technology is like that the image is observed through a semitransparent screen, which is obviously different from the out-of-focus imaging effect of a lens in a scattered scene and the effect in a common lighting shadow, and the image can provide different viewing experiences for users.
S300, drawing a pure-color semitransparent background layer, and covering the semitransparent background layer on the surface of the second image to obtain a third image;
in the embodiment of the invention, the semitransparent background layer is arranged, and a pure-color fuzzy layer is added on the surface of the first image, so that the color of the background main body is more uniform. The color of the solid translucent background layer used in the present invention was set to #4c 000000.
And S400, performing gradient processing on the color of the third image to obtain and display a background image of the notification bar.
In the embodiment of the invention, the processing of the gradual change effect can increase the overall layering of the notification bar, and the background color gradually becomes lighter in the process of pulling down the notification bar, so that the pull-down effect is more vivid in display and the visual experience is more vivid.
Specifically, the performing of the gradation process on the color of the third image includes:
s410, determining that the initial position of the third image is a first end and the end position of the third image is a second end along the height direction of the notification bar;
s420, modifying the first end into a first color and modifying the second end into a second color;
s430, modifying the space between the first end and the second end into gradually-changed colors from the first color to the second color.
In the process of color gradient, specific color numbers of an initial position and an end position are determined firstly, and then gradient colors between the initial position and the Chinese end position are adjusted, so that the adjustment process of each time can be more uniform and convenient, the actual display effect of the notification bar after gradient is as shown in figure 3, and the display layering and stereoscopic impression of the notification bar are greatly different from those of a single fuzzified notification bar.
In another embodiment of the present invention, the determining that the initial position of the third image in the height direction of the notification bar is a first end and the end position is a second end includes:
and dividing the third image into a first area, a second area and a third area according to a preset proportion along the height direction of the notification bar, wherein the initial position of the first area is a first end, and the end position of the third area is a second end.
It should be noted that, the third image is divided into three regions, and respective gradient adjustment is performed, the color numbers of the starting color and the ending color of each segment of the region are defined, and the proportion of each region is fixed, so that in the process of sliding the notification bar, the overall color gradient effect can be updated at any time, and a plurality of regions are adjusted at the same time, and the working efficiency can also be improved.
Then said modifying said first end to a first color and said second end to a second color comprises:
modifying the intersection position of the first area and the second area into a third color, and modifying the intersection position of the second area and the third area into a fourth color; wherein the first color, the third color, the fourth color and the second color gradually change in sequence.
Further, the gradual change color from the first end to the intersection position of the first area and the second area is modified into the gradual change color from the first color to the third color, the gradual change color from the intersection position of the first area and the second area to the intersection position of the second area and the third area is modified into the gradual change color from the third color to the fourth color, and the gradual change color from the intersection position of the second area and the third area to the second end is modified into the gradual change color from the fourth color to the second color.
In an embodiment of the invention, the method further comprises:
when a designated touch operation for adjusting the height of the notification bar is detected, re-determining that the initial position of the third image is a third end and the end position is a fourth end along the changed height of the notification bar;
modifying the third end to a first color and the fourth end to a second color;
and modifying the space between the third end and the fourth end into gradually-changed colors from the first color to the second color.
In the process that the height of the notification bar changes, the adjustment of the gradient color is updated in real time, so that the gradient effect is kept uniform, and the sliding visual experience is more real.
Referring further to fig. 2, a second aspect of the present invention discloses a display device for a notification bar, the device comprising:
an obtaining module 501, configured to obtain an application interface screenshot of a notification bar and fill a screen to obtain a first image;
a processing generation module 502, configured to perform blurring processing on the first image to generate a second image;
a drawing module 503, configured to draw a solid-color semitransparent background layer, and cover the semitransparent background layer on the surface of the second image to obtain a third image;
and a gradient processing module 504, configured to perform gradient processing on the color of the third image to obtain and display a background image of the notification bar.
The obtaining module 501 sends the obtained first image to the processing generation module 502, the processing generation module 502 performs blurring processing to obtain a second image, and then the second image is sent to the gradation processing module 504, and the gradation processing module 504 performs color gradation processing and displays the second image as a background image of the notification bar.
The third aspect of the present invention discloses an electronic device, which includes a memory, a processor, and a computer program stored in the memory and running on the processor, wherein the processor implements the steps of the above-mentioned notification bar display method when executing the computer program.
A fourth aspect of the present invention discloses a readable storage medium having stored thereon a computer program which, when executed by a processor, implements the steps of the method for displaying a notification bar as described above.
In the several embodiments provided in the present application, it should be understood that the disclosed apparatus and method may be implemented in other ways. For example, the above-described apparatus embodiments are merely illustrative, and for example, the division of the modules is merely a logical division, and in actual implementation, there may be other divisions, for example, multiple modules or components may be combined or integrated into another system, or some features may be omitted, or not implemented. In addition, the shown or discussed mutual coupling or direct coupling or communication connection may be an indirect coupling or communication connection through some interfaces, devices or modules, and may be in an electrical, mechanical or other form.
The modules described as separate parts may or may not be physically separate, and parts displayed as modules may or may not be physical modules, may be located in one place, or may be distributed on a plurality of network modules. Some or all of the modules may be selected according to actual needs to achieve the purpose of the solution of the present embodiment.
In addition, functional modules in the embodiments of the present invention may be integrated into one processing module, or each of the modules may exist alone physically, or two or more modules are integrated into one module. The integrated module can be realized in a hardware mode, and can also be realized in a software functional module mode.
The integrated module, if implemented in the form of a software functional module and sold or used as a stand-alone product, may be stored in a computer readable storage medium. Based on such understanding, the technical solution of the present invention may be embodied in the form of a software product, which is stored in a storage medium and includes instructions for causing a computer device (which may be a personal computer, a server, or a network device) to execute all or part of the steps of the method according to the embodiments of the present invention. And the aforementioned storage medium includes: a U-disk, a removable hard disk, a Read-only Memory (ROM), a Random Access Memory (RAM), a magnetic disk or an optical disk, and other various media capable of storing program codes.
It should be noted that, for the sake of simplicity, the above-mentioned method embodiments are described as a series of acts or combinations, but those skilled in the art should understand that the present invention is not limited by the described order of acts, as some steps may be performed in other orders or simultaneously according to the present invention. Further, those skilled in the art will appreciate that the embodiments described in the specification are presently preferred and that no acts or modules are necessarily required of the invention.
In the above embodiments, the descriptions of the respective embodiments have respective emphasis, and for parts that are not described in detail in a certain embodiment, reference may be made to related descriptions of other embodiments.
In view of the above description of the technical solutions provided by the present invention, those skilled in the art will recognize that there may be variations in the technical solutions and the application ranges according to the concepts of the embodiments of the present invention, and in summary, the content of the present specification should not be construed as limiting the present invention.
Claims (10)
1. A display method of a notification bar, comprising:
acquiring an application interface screenshot of a notification bar and filling a screen to obtain a first image;
blurring the first image to generate a second image;
drawing a pure-color semitransparent background layer, and covering the semitransparent background layer on the surface of the second image to obtain a third image;
and performing gradient processing on the color of the third image to obtain and display a background image of the notification bar.
2. The method for displaying a notification bar according to claim 1, wherein the obtaining a current application interface screenshot and filling the screen to obtain a first image comprises:
when the drop-down operation of the notification bar is detected, acquiring an application interface screenshot of the notification bar after the drop-down operation;
rotating and reducing the screenshot of the application interface to a preset size to obtain a screenshot of an intermediate interface;
and stretching the screenshot of the intermediate interface to completely fill the screen to obtain the first image.
3. The method for displaying a notification bar according to claim 1, wherein the blurring the first image to generate a second image includes:
and carrying out Gaussian blur operation on the first image to generate a second image, wherein the second image is a Gaussian blur picture.
4. The method for displaying a notification bar according to claim 1, wherein said performing gradation processing on the color of the third image includes:
determining that the initial position of the third image is a first end and the end position is a second end along the height direction of the notification bar;
modifying the first end to a first color and modifying the second end to a second color;
and modifying the space between the first end and the second end into gradually-changed colors from the first color to the second color.
5. The method according to claim 4, wherein the determining that the initial position of the third image is the first end and the end position is the second end in the height direction of the notification bar includes:
dividing the third image into a first area, a second area and a third area according to a preset proportion along the height direction of the notification bar to obtain that the initial position of the first area is a first end, and the end position of the third area is a second end;
then said modifying said first end to a first color and said second end to a second color comprises:
modifying the intersection position of the first area and the second area into a third color, and modifying the intersection position of the second area and the third area into a fourth color; wherein the first color, the third color, the fourth color and the second color gradually change in sequence.
6. The method for displaying a notification bar according to claim 5, wherein said modifying the first end to the second end to a gradual gradient color from a first color to a second color comprises:
modifying the intersection position of the first end and the first area and the intersection position of the second area into gradually-changed colors from the first color to the third color, modifying the intersection position of the first area and the second area to the intersection position of the second area and the third area into gradually-changed colors from the third color to the fourth color, and modifying the intersection position of the second area and the third area to the second end into gradually-changed colors from the fourth color to the second color.
7. The method for displaying a notification bar according to any one of claims 1 to 6, further comprising:
when a designated touch operation for adjusting the height of the notification bar is detected, re-determining that the initial position of the third image is a third end and the end position is a fourth end along the changed height of the notification bar;
modifying the third end to a first color and the fourth end to a second color;
and modifying the space between the third end and the fourth end into gradually-changed colors from the first color to the second color.
8. A display device of a notification bar, the device comprising:
the acquisition module is used for acquiring an application interface screenshot of the notification bar and filling a screen to obtain a first image;
the processing generation module is used for carrying out fuzzy processing on the first image to generate a second image;
the drawing module is used for drawing a pure-color semitransparent background layer, and covering the semitransparent background layer on the surface of the second image to obtain a third image;
and the gradient processing module is used for performing gradient processing on the color of the third image to obtain and display the background image of the notification bar.
9. An electronic device comprising a memory, a processor, and a computer program stored on the memory and running on the processor, wherein the processor implements the steps of the method for displaying a notification bar according to any one of claims 1 to 7 when executing the computer program.
10. A readable storage medium on which a computer program is stored, the computer program, when being executed by a processor, implementing the steps of the method for displaying a notification bar according to any one of claims 1 to 7.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201911179469.5A CN110879739A (en) | 2019-11-27 | 2019-11-27 | Display method and display device of notification bar |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201911179469.5A CN110879739A (en) | 2019-11-27 | 2019-11-27 | Display method and display device of notification bar |
Publications (1)
| Publication Number | Publication Date |
|---|---|
| CN110879739A true CN110879739A (en) | 2020-03-13 |
Family
ID=69729628
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN201911179469.5A Pending CN110879739A (en) | 2019-11-27 | 2019-11-27 | Display method and display device of notification bar |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN110879739A (en) |
Cited By (3)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN112887191A (en) * | 2021-01-08 | 2021-06-01 | Oppo广东移动通信有限公司 | Information display control method and related device |
| CN113254141A (en) * | 2021-06-25 | 2021-08-13 | 深圳小米通讯技术有限公司 | Image generation method, image generation device, electronic equipment and storage medium |
| CN113791857A (en) * | 2021-09-03 | 2021-12-14 | 北京鲸鲮信息系统技术有限公司 | Application window background fuzzy processing method and device in Linux system |
Citations (5)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN101309377A (en) * | 2007-05-14 | 2008-11-19 | 深圳艾科创新微电子有限公司 | Method for implementing OSD background display in gradations of color |
| US20160260229A1 (en) * | 2015-03-04 | 2016-09-08 | Adobe Systems Incorporated | Camera-Based Brush Creation |
| CN106445501A (en) * | 2016-08-30 | 2017-02-22 | 深圳天珑无线科技有限公司 | Display method of notification bar, and terminal |
| CN107801078A (en) * | 2016-09-07 | 2018-03-13 | 环球智达科技（北京）有限公司 | Smart television interface background processing method and system |
| CN108874482A (en) * | 2018-05-30 | 2018-11-23 | 北京小米移动软件有限公司 | Image processing method and device |
-
2019
- 2019-11-27 CN CN201911179469.5A patent/CN110879739A/en active Pending
Patent Citations (5)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN101309377A (en) * | 2007-05-14 | 2008-11-19 | 深圳艾科创新微电子有限公司 | Method for implementing OSD background display in gradations of color |
| US20160260229A1 (en) * | 2015-03-04 | 2016-09-08 | Adobe Systems Incorporated | Camera-Based Brush Creation |
| CN106445501A (en) * | 2016-08-30 | 2017-02-22 | 深圳天珑无线科技有限公司 | Display method of notification bar, and terminal |
| CN107801078A (en) * | 2016-09-07 | 2018-03-13 | 环球智达科技（北京）有限公司 | Smart television interface background processing method and system |
| CN108874482A (en) * | 2018-05-30 | 2018-11-23 | 北京小米移动软件有限公司 | Image processing method and device |
Cited By (5)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN112887191A (en) * | 2021-01-08 | 2021-06-01 | Oppo广东移动通信有限公司 | Information display control method and related device |
| CN112887191B (en) * | 2021-01-08 | 2022-07-26 | Oppo广东移动通信有限公司 | Information display control method and related device |
| CN113254141A (en) * | 2021-06-25 | 2021-08-13 | 深圳小米通讯技术有限公司 | Image generation method, image generation device, electronic equipment and storage medium |
| CN113791857A (en) * | 2021-09-03 | 2021-12-14 | 北京鲸鲮信息系统技术有限公司 | Application window background fuzzy processing method and device in Linux system |
| CN113791857B (en) * | 2021-09-03 | 2024-04-30 | 北京字节跳动网络技术有限公司 | Application window background fuzzy processing method and device in Linux system |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN110766777B (en) | Method and device for generating virtual image, electronic equipment and storage medium | |
| JP2023508512A (en) | Super-resolution reconstruction method and related apparatus | |
| CN106980510B (en) | Window self-adaption method and device of player | |
| CN110879739A (en) | Display method and display device of notification bar | |
| US20090002368A1 (en) | Method, apparatus and a computer program product for utilizing a graphical processing unit to provide depth information for autostereoscopic display | |
| CN107660338B (en) | Stereoscopic display of objects | |
| JP2002123842A (en) | Device for generating stereoscopic image, and medium for recording information | |
| CN105528207A (en) | Virtual reality system, and method and apparatus for displaying Android application images therein | |
| JP2015516627A (en) | Image enhancement | |
| US9734551B1 (en) | Providing depth-of-field renderings | |
| CN103164231A (en) | Input method virtual keyboard skin management method and device | |
| CN112652046B (en) | Game picture generation method, device, equipment and storage medium | |
| CN112051995B (en) | Image rendering method, related device, equipment and storage medium | |
| CN113206993A (en) | Method for adjusting display screen and display device | |
| CN113126862A (en) | Screen capture method and device, electronic equipment and readable storage medium | |
| CN105824515A (en) | Element display method and device | |
| CN115170400A (en) | Video repair method, related device, equipment and storage medium | |
| CN109656463B (en) | Method, device and system for generating individual expressions | |
| CN105094615A (en) | Information processing method and electronic equipment | |
| CN106528161B (en) | Terminal device, page display processing device and method | |
| EP2346262A2 (en) | Method and apparatus for setting stereoscopic effect in a portable terminal | |
| US8817081B2 (en) | Image processing apparatus, image processing method, and program | |
| CN110941413B (en) | Display screen generation method and related device | |
| CN116091292A (en) | Data processing method and related device | |
| CN106055293A (en) | Method, apparatus and system for displaying images |
Legal Events
| Date | Code | Title | Description |
|---|---|---|---|
| PB01 | Publication | ||
| SE01 | Entry into force of request for substantive examination | ||
| SE01 | Entry into force of request for substantive examination |