CN101393512A - Method for displaying selecting menu icon by custom gradient background - Google Patents
Method for displaying selecting menu icon by custom gradient background Download PDFInfo
- Publication number
- CN101393512A CN101393512A CNA2008102318225A CN200810231822A CN101393512A CN 101393512 A CN101393512 A CN 101393512A CN A2008102318225 A CNA2008102318225 A CN A2008102318225A CN 200810231822 A CN200810231822 A CN 200810231822A CN 101393512 A CN101393512 A CN 101393512A
- Authority
- CN
- China
- Prior art keywords
- menu icon
- scumming
- transparency
- background
- pixel
- 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
Landscapes
- User Interface Of Digital Computer (AREA)
- Digital Computer Display Output (AREA)
Abstract
The invention relates to a method for highlighting a menu icon by self-defining the gradual-layer background. The method comprises the following steps: providing a display screen; providing a menu icon, and displaying the menu icon on the display screen; acquiring line and row values of pixels of the display screen; receiving the background color and the cover color; according to the line and row values of the pixels of the display screen, adjusting the cover color transparency; carrying out covering treatment on the background color and the cover color to form a gradual-layer image; and laminating the menu icon on the gradual-layer image so as to form the gradual-layer background. Through the steps, the visual difference between the menu icon and a background image is reinforced, so that the menu icon is still clear after being laminated on the background image.
Description
Technical field
The present invention relates to a kind of method of displaying selecting menu icon, especially a kind of custom gradient background is with the method for displaying selecting menu icon.
Background technology
Because the progress of electronic correlation technical field, electronic functionalities is not only become stronger day by day, and volume and weight also reduce gradually simultaneously.Such development in science and technology, also make palm electronic equipment, for example: mobile computer, PDA (Personal Digital Assistant) (Personal digital assistant, PDA), boundary to each other such as mobile phone, computing machine dictionary is more and more fuzzyyer, palm electronic equipment in the past often only has simple function, but as seen arrives the various functions of oligomerisation portable device now.
Yet after the volume-diminished, it is inevitable outcome that display screen dwindles thereupon, and it is unexistent lightly that the small screen no doubt has giant-screen, makes that also the communication between operator and the electronic equipment becomes difficult.Especially present portable electronic device often has the formal confused functional menu of the dim eyesight made us, allowing the electronic equipment that possesses numerous functions like this can not be operated the person easily uses, have simultaneously compact advantage again concurrently, except the improvement of operating system software, another developing direction is to strengthen the identification of menu icon and background.
Though the palm electronic equipment in past can allow the background of the various different colours of user's conversion, can't do further adjustment to selected color.So in case the color of this color and some menu icon is approaching, to cause the user to be difficult to some menu icon of identification under this color background, at this moment, the user often only is forced to change other color background, and the generating unit sorting free hand drawing mark situation that is difficult to identification again after replacing very likely, this not only makes the user can't select the color oneself liked as a setting, also increases operational inconvenience simultaneously.
Therefore, how allowing the user specify the own color of being liked arbitrarily as a setting under the identification that does not influence the menu icon, is the problem that institute of the present invention desire solves.
Summary of the invention
The above-mentioned technical matters of the present invention for existing in the solution background technology, and a kind of custom gradient background is proposed with the displaying selecting menu icon method.
Technical solution of the present invention is: the present invention for a kind of custom gradient background with the displaying selecting menu icon method, its special character is: this method comprises the following step:
1) provides display screen;
2) provide the menu icon display on display screen;
3) obtain the pixel ranks numerical value of display screen;
4) receive background color and scumming;
5) adjust the scumming transparency according to pixels of display screen ranks numerical value;
6) background color and scumming are carried out covering treatment, form gradually layer pattern;
7) the menu icon that coincides on layer pattern gradually forms gradually layer background.
Above-mentioned steps 5) concrete steps are as follows:
5.1) obtain the pixel line number of display screen, and will be made as k as several somes line numbers;
5.2) obtain the capable pixel of scumming i;
5.3) judge whether i＜k, if i＜k sets up, then carry out step 5.4); If i＜k is false, then finishes transparency and handle;
5.4) transparency is made as T, and T is the function that i and k constituted, promptly T=T (i, k).
5.5) be that transparency is handled the capable transparency of carrying out of i of scumming with T; (i k) does transparency and handles according to equation T=T to be about to the capable pixel of scumming i;
5.6) scumming i is capable carries out after transparency handles, it is capable to continue to obtain scumming i+1, and carry out step 5.2) to step 5.6) processing, up to step 5.3) in till i＜k no longer sets up.
Above-mentioned steps 6) in background color and scumming being carried out covering treatment is to utilize the alpha passage technology that scumming is hidden on background color.
Above-mentioned steps 7) also comprise afterwards step 8) on display screen, export the menu icon with gradually the layer background.
Above-mentioned background color and scumming are constituted by the tone of Red Green Blue, concentration, brightness or its.
Another kind of custom gradient background is with the method for displaying selecting menu icon, and its special character is: this method comprises the following step:
1) provides the menu icon;
2) obtain the pixel coordinate information of menu icon;
3) receive background color and scumming;
4) adjust the scumming transparency according to the pixel coordinate information of menu icon;
5) background color and scumming are carried out covering treatment, form gradually layer pattern of menu icon edge;
6) the menu icon that gradually coincides on the layer pattern at menu icon edge forms gradually layer background of menu icon edge.
Above-mentioned steps 4) concrete steps are as follows:
4.1) obtain the horizontal ordinate of menu icon central pixel point, it is made as x; Obtain the horizontal ordinate of menu icon central pixel point, it is made as y.
4.2) obtain the pixel width and the height of menu icon, and width is made as w, highly be made as h.
4.3) free free hand drawing mark edge starts at, and obtains the capable pixel of a, all pixels will become and carry out the object that transparency is handled in a line range, and the size of a value is determined by the user;
4.4) obtain free free hand drawing mark edge and start at, (i j), promptly obtains the pixel that coordinate on the scumming satisfies x-w/2-a＜i＜x+w/2+a and y-h/2-a＜j＜y+h/2+a to extend all pixel coordinates in the capable scope of a outward;
4.5) transparency is made as T, and T is the function that i, j and k constituted, promptly T=T (i, j, k);
4.6) be that transparency is carried out transparency to obtained scumming pixel and handled with obtained scumming pixel with T, (i, j k) do the transparency processing according to equation T=T.
Above-mentioned steps 5) in background color and scumming being carried out covering treatment is to utilize the alpha passage technology that scumming is hidden on background color.
Above-mentioned steps 6) afterwards, also comprise gradually layer background of step 7) output menu icon and menu icon edge.
Above-mentioned background color and scumming are constituted by Red Green Blue tone, concentration, brightness or its.
With displaying selecting menu icon, this method allows the user specify the own color of being liked arbitrarily as a setting under the identification that does not influence the menu icon by custom gradient background in the present invention.Strengthened menu icon and background graphics difference visually simultaneously, made menu icon on background graphics and smudgy.
Description of drawings
Fig. 1 is the first embodiment of the invention process flow diagram;
Fig. 2 is first embodiment of the invention transparency process flow figure;
Fig. 3 is a gradually layer pattern synoptic diagram of first embodiment of the invention;
Fig. 4 is the first embodiment of the invention synoptic diagram;
Fig. 5 is the second embodiment of the invention process flow diagram;
Fig. 6 is a second embodiment of the invention transparency processing flow chart;
Fig. 7 is a gradually layer pattern synoptic diagram of second embodiment of the invention menu icon edge;
Fig. 8 is the second embodiment of the invention synoptic diagram.
Wherein, the 101-menu, 102-menu icon, 103-color background figure, 701-is layer pattern gradually, and 702-display screen, 703-menu icon, 704-be layer background gradually, and 801-menu icon edge is layer pattern gradually, and 802-menu icon, 803-menu icon edge be layer background gradually;
Embodiment
Referring to Fig. 1,3,4, first embodiment of the invention comprises the following step:
Step 201: display screen 702 is provided.
Step 202: menu 101 is provided, and each menu 101 comprises menu icon 102.
Above-mentioned menu 101 comprises functional menus 101 such as F1 dictionary, F2 study, F3 multimedia, F4 account, F5 system, and each menu 101 comprises menu icon 102, as: the menu 101 of F1 dictionary comprises functional menu icons 102 such as the translation of full sentence, english Chinese dictionary, Oxford high-order, Cambridge encyclopaedia, solar corona Hua Ri, multinational dictionary, Chinese-English dictionary, encyclopaedia diagram, professional dictionary, national language dictionary, A card, B card.
Step 203: the pixel ranks numerical value of obtaining display screen 702.
The pixel ranks numerical value of obtained herein display screen 702, the parameter foundation in the time of will handling as transparency after a while.
Step 204: receive background color and scumming.
The user can be by the electronic drawing board that palm electronic equipment provided, arbitrary decision background color and scumming color.In addition, by adjusting Red Green Blue tone, concentration and brightness size, the user can mix various different background colors and scumming arbitrarily.
Step 205: adjust the scumming transparency according to display screen 702 pixel ranks numerical value.
The adjustment of scumming transparency is to decide according to display screen 702 pixel line numbers or columns.For example: display screen 702 pixels are 240 row and 180 row, then can make the transparency of scumming the 1st row be (1-1/240), and the 2nd row transparency is (1-2/240), and the 3rd row transparency is that (1-3/240) the rest may be inferred; Also can make the transparency of scumming the 1st row be (1-1/180), the 2nd row transparency is (1-2/180), and the 3rd row transparency is that (1-3/180) the rest may be inferred.
Step 206: background color and scumming are carried out covering treatment form gradually layer pattern 701.
The scumming of utilizing the alpha passage technology to have handled through transparency hides on background color, forms gradually layer pattern 701.
Step 207: the menu icon 703 that coincides on layer pattern 701 gradually forms gradually layer background 704.
Referring to Fig. 2, the transparency disposal route of first embodiment of the invention comprises the following step:
Step 301: obtain the pixel line number of display screen 702, and will be made as k as several somes line numbers.
Step 302: obtain the capable pixel of scumming i.
Step 303: judge whether i＜k.
If i＜k sets up, then carry out step 304; If i＜k is false, then finishes transparency and handle.
Step 304: transparency T=T (i, k).
Transparency is made as T, and T is the function that i and k constituted, promptly T=T (i, k).
Step 305: with T is that transparency is handled the capable transparency of carrying out of i of scumming.
(i k) does transparency and handles according to equation T=T with the capable pixel of scumming i.
Step 306:i=i+1.
Scumming i is capable to carry out after transparency handles, and it is capable to continue to obtain scumming i+1, and carries out step 302 and handle to step 306, till i＜k no longer sets up in step 303.
Referring to Fig. 5,7,8, second embodiment of the invention comprises the following step:
Step 401: menu 101 is provided, and each menu 101 comprises menu icon 802.
Step 402: the pixel coordinate information of obtaining menu icon 802.
The pixel coordinate information of menu icon 802 comprises horizontal ordinate x and ordinate y, the parameter when the pixel coordinate information of menu icon 802 will be handled as transparency after a while.
Step 403: receive background color and scumming.
The user can be by the electronic drawing board that palm electronic equipment provided, arbitrary decision background color and scumming color.In addition, by adjusting Red Green Blue tone, concentration and brightness size, the user can mix various different background colors and scumming arbitrarily.
Step 404: adjust the scumming transparency according to menu icon 802 pixel coordinate informations.
The adjustment of scumming transparency is that the pixel coordinate information with menu icon 802 is a foundation, only do transparency at the edge near zone of menu icon 802 at this and handle, but not full frame is all made transparency and is handled.
Step 405: background color and scumming are carried out covering treatment, form gradually layer pattern 801 of menu icon edge.
Utilize the alpha passage technology that the scumming of the intact transparency of adjusted is hidden on background color, can form gradually layer pattern 801 of menu icon edge.
Step 406: the menu icon 802 that gradually coincides on the layer pattern 801 at menu icon edge forms gradually layer background 803 of menu icon edge.
Referring to Fig. 6, the transparency disposal route of second embodiment of the invention comprises the following step:
Step 501: obtain menu icon 802 centers the pixel coordinate (x, y)
Obtain the horizontal ordinate of menu icon 802 central pixel point, it is made as x; Obtain the horizontal ordinate of menu icon central pixel point, it is made as y.
Step 502: obtain the pixel width and the height of menu icon 802, and width is made as w, highly be made as h.
Step 503: free free hand drawing is marked 802 edges and is started at, and obtains the capable pixel of a.
Free free hand drawing is marked 802 edges and is started at, and all pixels will become and carry out the object that transparency is handled in a line range, and the size of a value is determined by the user.
Step 504: obtain free free hand drawing and mark 802 edges and start at, extend outward all pixel coordinates in the capable scope of a (i, j).
Promptly obtain the pixel that coordinate on the scumming satisfies x-w/2-a＜i＜x+w/2+a and y-h/2-a＜j＜y+h/2+a.
Step 505: transparency T=T (i, j, a).
Transparency is made as T, and T is the function that i, j and k constituted, promptly T=T (i, j, k).
Step 506: with T is that transparency is carried out the transparency processing with obtained scumming pixel to obtained scumming pixel, and (i, j k) do transparency and handle according to equation T=T.
Claims (10)
1, a kind of custom gradient background is characterized in that with the displaying selecting menu icon method: this method comprises the following step:
1) provides display screen;
2) provide the menu icon display on display screen;
3) obtain the pixel ranks numerical value of display screen;
4) receive background color and scumming;
5) adjust the scumming transparency according to pixels of display screen ranks numerical value;
6) background color and scumming are carried out covering treatment, form gradually layer pattern;
7) the menu icon that coincides on layer pattern gradually forms gradually layer background.
2, custom gradient background according to claim 1 is characterized in that with the displaying selecting menu icon method: the concrete steps of described step 5) are as follows:
5.1) obtain the pixel line number of display screen, and will be made as k as several somes line numbers;
5.2) obtain the capable pixel of scumming i;
5.3) judge whether i＜k, if i＜k sets up, then carry out step 5.4); If i＜k is false, then finishes transparency and handle;
5.4) transparency is made as T, and T is the function that i and k constituted, promptly T=T (i, k);
5.5) be that transparency is handled the capable transparency of carrying out of i of scumming with T; (i k) does transparency and handles according to equation T=T to be about to the capable pixel of scumming i;
5.6) scumming i is capable carries out after transparency handles, it is capable to continue to obtain scumming i+1, and carry out step 5.2) to step 5.6) processing, up to step 5.3) in till i＜k no longer sets up.
3, custom gradient background according to claim 2 is characterized in that with the method for displaying selecting menu icon: in the described step 6) background color and scumming being carried out covering treatment is to utilize the alpha passage technology that scumming is hidden on background color.
4, according to claim 1 or 2 or 3 described custom gradient backgrounds with the method for displaying selecting menu icon, it is characterized in that: comprise also after the described step 7) that step 8) export menu icon and layer background gradually on display screen.
5, custom gradient background according to claim 4 is characterized in that with the method for displaying selecting menu icon: described background color and scumming are constituted by the tone of Red Green Blue, concentration, brightness or its.
6, a kind of custom gradient background is characterized in that with the method for displaying selecting menu icon: this method comprises the following step:
1) provides the menu icon;
2) obtain the pixel coordinate information of menu icon;
3) receive background color and scumming;
4) adjust the scumming transparency according to the pixel coordinate information of menu icon;
5) background color and scumming are carried out covering treatment, form gradually layer pattern of menu icon edge;
6) the menu icon that gradually coincides on the layer pattern at menu icon edge forms gradually layer background of menu icon edge.
7, custom gradient background according to claim 6 is characterized in that with the method for displaying selecting menu icon: the concrete steps of described step 4) are as follows:
4.1) obtain the horizontal ordinate of menu icon central pixel point, it is made as x; Obtain the horizontal ordinate of menu icon central pixel point, it is made as y;
4.2) obtain the pixel width and the height of menu icon, and width is made as w, highly be made as h;
4.3) free free hand drawing mark edge starts at, and obtains the capable pixel of a, all pixels will become and carry out the object that transparency is handled in a line range, and the size of a value is determined by the user;
4.4) obtain free free hand drawing mark edge and start at, (i j), promptly obtains the pixel that coordinate on the scumming satisfies x-w/2-a＜i＜x+w/2+a and y-h/2-a＜j＜y+h/2+a to extend all pixel coordinates in the capable scope of a outward;
4.5) transparency is made as T, and T is the function that i, j and k constituted, promptly T=T (i, j, k);
4.6) be that transparency is carried out transparency to obtained scumming pixel and handled with obtained scumming pixel with T, (i, j k) do the transparency processing according to equation T=T.
8, custom gradient background according to claim 7 is characterized in that with the method for displaying selecting menu icon: in the described step 5) background color and scumming being carried out covering treatment is to utilize the alpha passage technology that scumming is hidden on background color.
9, according to claim 6 or 7 or 8 described custom gradient backgrounds with the method for displaying selecting menu icon, it is characterized in that: after the described step 6), also comprise gradually layer background of step 7) output menu icon and menu icon edge.
10, custom gradient background according to claim 9 is characterized in that with the method for displaying selecting menu icon: described background color and scumming are constituted by Red Green Blue tone, concentration, brightness or its.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CNA2008102318225A CN101393512A (en) | 2008-10-21 | 2008-10-21 | Method for displaying selecting menu icon by custom gradient background |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CNA2008102318225A CN101393512A (en) | 2008-10-21 | 2008-10-21 | Method for displaying selecting menu icon by custom gradient background |
Publications (1)
| Publication Number | Publication Date |
|---|---|
| CN101393512A true CN101393512A (en) | 2009-03-25 |
Family
ID=40493822
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CNA2008102318225A Pending CN101393512A (en) | 2008-10-21 | 2008-10-21 | Method for displaying selecting menu icon by custom gradient background |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN101393512A (en) |
Cited By (8)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN101887347A (en) * | 2010-06-24 | 2010-11-17 | 无敌科技(西安)有限公司 | Display method for highlighting foreground picture and system thereof |
| CN101916168A (en) * | 2010-08-31 | 2010-12-15 | 宇龙计算机通信科技(深圳)有限公司 | Method and system for displaying application icon and mobile terminal |
| CN102622163A (en) * | 2011-03-14 | 2012-08-01 | 北京小米科技有限责任公司 | Icon generation method |
| CN103870124A (en) * | 2014-03-03 | 2014-06-18 | 联想(北京)有限公司 | Information processing method and electronic equipment |
| CN103970422A (en) * | 2014-05-26 | 2014-08-06 | 深圳市中兴移动通信有限公司 | Screen transparency automatic changing method of mobile terminal and mobile terminal |
| CN104636045A (en) * | 2015-03-09 | 2015-05-20 | 联想(北京)有限公司 | Display method, display device and electronic equipment |
| CN105955733A (en) * | 2012-01-13 | 2016-09-21 | 青岛海信移动通信技术股份有限公司 | Icon modifying method, icon modifying device and mobile terminal |
| CN107424002A (en) * | 2017-04-26 | 2017-12-01 | 网易传媒科技（北京）有限公司 | Methods of exhibiting, equipment and the computer-readable recording medium of picture search result |
-
2008
- 2008-10-21 CN CNA2008102318225A patent/CN101393512A/en active Pending
Cited By (14)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN101887347A (en) * | 2010-06-24 | 2010-11-17 | 无敌科技(西安)有限公司 | Display method for highlighting foreground picture and system thereof |
| CN101916168A (en) * | 2010-08-31 | 2010-12-15 | 宇龙计算机通信科技(深圳)有限公司 | Method and system for displaying application icon and mobile terminal |
| CN101916168B (en) * | 2010-08-31 | 2012-10-10 | 宇龙计算机通信科技(深圳)有限公司 | Method and system for displaying application icon |
| US9310964B2 (en) | 2011-03-14 | 2016-04-12 | Xiaomi Inc. | Icon generation method |
| CN102622163A (en) * | 2011-03-14 | 2012-08-01 | 北京小米科技有限责任公司 | Icon generation method |
| WO2012122933A1 (en) * | 2011-03-14 | 2012-09-20 | 北京小米科技有限责任公司 | Icon generation method |
| CN102622163B (en) * | 2011-03-14 | 2018-06-05 | 小米科技有限责任公司 | A kind of icon generation method |
| CN105955733A (en) * | 2012-01-13 | 2016-09-21 | 青岛海信移动通信技术股份有限公司 | Icon modifying method, icon modifying device and mobile terminal |
| CN105955733B (en) * | 2012-01-13 | 2019-09-27 | 青岛海信移动通信技术股份有限公司 | A kind of method, apparatus and mobile terminal for modifying icon |
| CN103870124A (en) * | 2014-03-03 | 2014-06-18 | 联想(北京)有限公司 | Information processing method and electronic equipment |
| CN103970422A (en) * | 2014-05-26 | 2014-08-06 | 深圳市中兴移动通信有限公司 | Screen transparency automatic changing method of mobile terminal and mobile terminal |
| CN104636045A (en) * | 2015-03-09 | 2015-05-20 | 联想(北京)有限公司 | Display method, display device and electronic equipment |
| CN104636045B (en) * | 2015-03-09 | 2019-04-26 | 联想(北京)有限公司 | Display methods, device and electronic equipment |
| CN107424002A (en) * | 2017-04-26 | 2017-12-01 | 网易传媒科技（北京）有限公司 | Methods of exhibiting, equipment and the computer-readable recording medium of picture search result |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN101393512A (en) | Method for displaying selecting menu icon by custom gradient background | |
| CN111654635A (en) | Shooting parameter adjusting method and device and electronic equipment | |
| CN101308445A (en) | Method for effectively relieving menu icon under picture background | |
| US20110221682A1 (en) | Keypad and electronic apparatus for removing language variance | |
| US10068359B2 (en) | Information processing device | |
| CN108230255A (en) | It is used to implement the method, apparatus and electronic equipment of image enhancement | |
| CN109298912A (en) | Adjusting method, device, storage medium and the electronic equipment of subject color | |
| KR20070084278A (en) | Image processing apparatus and method | |
| WO2023045857A1 (en) | Image processing method and apparatus, electronic device and storage medium | |
| CN106485769A (en) | E-book front cover generation method and device | |
| CN109213407A (en) | A kind of screenshot method and terminal device | |
| CN112308944A (en) | Augmented reality display method of simulated lip makeup | |
| CN110458921A (en) | A kind of image processing method, device, terminal and storage medium | |
| EP3285474B1 (en) | Colour gamut mapping method and apparatus, computer program and recording medium | |
| US10275439B2 (en) | Information processing device, display method and control program | |
| US20170315710A1 (en) | Methods and systems for creating and using electronic coloring pages | |
| CN101562694B (en) | Method for realizing functions of character extraction and automatic translation of digital camera | |
| CN107798716A (en) | Image effect extracts | |
| CN107517303A (en) | Wallpaper treatment method and device | |
| CN107122153A (en) | A kind of automobile instrument method for displaying image | |
| CN113986407A (en) | Cover generation method and device and computer storage medium | |
| CN113747076A (en) | Shooting method and device and electronic equipment | |
| CN112634155B (en) | Image processing method, device, electronic equipment and storage medium | |
| US9727224B2 (en) | Image processing device, image processing method, and storage medium storing image processing program | |
| CN107170046A (en) | A kind of augmented reality device and augmented reality picture display process |
Legal Events
| Date | Code | Title | Description |
|---|---|---|---|
| C06 | Publication | ||
| PB01 | Publication | ||
| C10 | Entry into substantive examination | ||
| SE01 | Entry into force of request for substantive examination | ||
| C02 | Deemed withdrawal of patent application after publication (patent law 2001) | ||
| WD01 | Invention patent application deemed withdrawn after publication |
Open date: 20090325 |