CN114860355A - Icon display method and device, terminal and storage medium - Google Patents
Icon display method and device, terminal and storage medium Download PDFInfo
- Publication number
- CN114860355A CN114860355A CN202110159063.1A CN202110159063A CN114860355A CN 114860355 A CN114860355 A CN 114860355A CN 202110159063 A CN202110159063 A CN 202110159063A CN 114860355 A CN114860355 A CN 114860355A
- Authority
- CN
- China
- Prior art keywords
- icon
- value
- area
- application program
- drawn
- 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
- 238000000034 method Methods 0.000 title claims abstract description 74
- 230000008569 process Effects 0.000 claims abstract description 27
- 230000004044 response Effects 0.000 claims abstract description 6
- 238000012545 processing Methods 0.000 claims description 21
- 230000008859 change Effects 0.000 claims description 10
- 238000004590 computer program Methods 0.000 claims description 8
- 230000000694 effects Effects 0.000 description 31
- 238000010586 diagram Methods 0.000 description 16
- 230000000007 visual effect Effects 0.000 description 16
- 238000004891 communication Methods 0.000 description 6
- 230000001360 synchronised effect Effects 0.000 description 6
- 230000009467 reduction Effects 0.000 description 5
- 238000005516 engineering process Methods 0.000 description 4
- 230000008878 coupling Effects 0.000 description 3
- 238000010168 coupling process Methods 0.000 description 3
- 238000005859 coupling reaction Methods 0.000 description 3
- 230000003287 optical effect Effects 0.000 description 3
- 238000011946 reduction process Methods 0.000 description 2
- 238000009877 rendering Methods 0.000 description 2
- 230000003068 static effect Effects 0.000 description 2
- 238000006467 substitution reaction Methods 0.000 description 2
- 238000012360 testing method Methods 0.000 description 2
- 238000011161 development Methods 0.000 description 1
- 230000003993 interaction Effects 0.000 description 1
- 238000007781 pre-processing Methods 0.000 description 1
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
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0481—Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance
- G06F3/04817—Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance using icons
Landscapes
- Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- Software Systems (AREA)
- General Engineering & Computer Science (AREA)
- Human Computer Interaction (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- User Interface Of Digital Computer (AREA)
Abstract
The invention discloses an icon display method, an icon display device, a terminal and a storage medium. The method comprises the following steps: acquiring a first instruction; the first instruction is used for indicating an icon of an application program to be drawn and displayed; drawing an icon of the application program in response to the first instruction; when the edge area of the icon of the application program is drawn, adjusting the size of the edge area, and adjusting the pixel transparency value of the adjusted part of the edge area in the process of adjusting the size of the edge area so as to eliminate sawteeth existing in the edge area and obtain the drawn icon of the application program; and displaying the drawn icons of the application programs on a display interface.
Description
Technical Field
The invention relates to a terminal technology, in particular to an icon display method, an icon display device, a terminal and a storage medium.
Background
With the rapid development of terminal technology, more and more applications are supported and installed on the terminal. Generally, for each application installed on the terminal, a corresponding icon may be displayed, and the icon needs to be preprocessed before being displayed on the terminal. With the increasing number of application programs, the icon styles become diversified, so that the icon preprocessing process becomes complicated to ensure the display effect of the icon, and the system processing difficulty is increased.
Therefore, it is desirable to find a technical solution for rapidly processing icons.
Disclosure of Invention
In view of this, embodiments of the present invention are intended to provide an icon display method, an icon display apparatus, a terminal, and a storage medium.
The technical scheme of the invention is realized as follows:
the embodiment of the invention provides an icon display method, which comprises the following steps:
acquiring a first instruction; the first instruction is used for indicating an icon of an application program to be drawn and displayed;
responding to the first instruction, and drawing an icon of the application program;
when the edge area of the icon of the application program is drawn, adjusting the size of the edge area, and adjusting the pixel transparency value of the adjusted part of the edge area in the process of adjusting the size of the edge area so as to eliminate sawteeth existing in the edge area and obtain the drawn icon of the application program;
and displaying the drawn icons of the application programs on a display interface.
In the above scheme, the edge area of the icon of the application program includes a first area not containing the icon identifier and a second area containing the icon identifier; the adjusting the size of the edge region and the pixel transparency value of the adjusted portion of the edge region in the process of adjusting the size of the edge region includes:
after the first area is drawn for the ith time, the first parameter is adjusted from a first value to a second value, and the second parameter is adjusted from a third value to a fourth value; the first parameter characterizes a parameter for adjusting the size of the first area; the second parameter characterizes a pixel transparency value of the adjusted portion of the first region; wherein the first value is less than the second value; the third value is greater than the fourth value;
stopping drawing the first area until i is equal to N;
wherein i is 1, …, and N is an integer greater than 1.
In the above scheme, the method further comprises:
after the second area is drawn for the mth time, the third parameter is adjusted from the fifth value to the sixth value, and the fourth parameter is adjusted from the seventh value to the eighth value; the third parameter characterizes a parameter for adjusting the size of the second area; the fourth parameter characterizes a pixel transparency value of the adjusted portion of the second region; the fifth value is less than the sixth value; the seventh value is greater than the eighth value;
stopping drawing the second region until M is equal to M;
wherein M is 1, …, and M is an integer greater than 1.
In the foregoing solution, after the drawing of the second region is stopped, the method further includes:
detecting whether the size of the icon identification in the second area changes;
and when the change of the size of the icon identifier in the second area is detected, adjusting the size of the icon identifier to an initial value.
In the above scheme, the first instruction carries an application identifier of an application program; the drawing the icon of the application program comprises the following steps:
determining an icon of the application program by using the application identifier of the application program;
and drawing the icon of the application program.
In the foregoing solution, the displaying the drawn icon of the application on the display interface includes:
generating an application icon list based on the drawn icons of the application programs;
and displaying the application icon list on a display interface.
In the above scheme, the icon of the application program is a three-dimensional icon; the method further comprises the following steps:
acquiring a second instruction; the second instruction is used for indicating that the three-dimensional icon displayed on the display interface is switched into a plane icon;
and responding to the second instruction, and displaying the plane icon on a display interface.
An embodiment of the present invention provides an icon display apparatus, including:
an acquisition unit configured to acquire a first instruction; the first instruction is used for indicating an icon of an application program to be drawn and displayed;
the processing unit is used for responding to the first instruction and drawing an icon of the application program; when the edge area of the icon of the application program is drawn, adjusting the size of the edge area, and adjusting the pixel transparency value of the adjusted part of the edge area in the process of adjusting the size of the edge area so as to eliminate sawteeth existing in the edge area and obtain the drawn icon of the application program; and displaying the drawn icons of the application programs on a display interface.
An embodiment of the present invention provides a terminal, including: a processor and a memory for storing a computer program capable of running on the processor,
wherein the processor is configured to implement the steps of any of the above methods when executing the computer program.
An embodiment of the present invention provides a computer-readable storage medium, on which a computer program is stored, which, when executed by a processor, implements the steps of any of the above-mentioned methods.
According to the icon display method, the icon display device, the terminal and the storage medium, the first instruction is obtained; the first instruction is used for indicating an icon of an application program to be drawn and displayed; drawing an icon of the application program in response to the first instruction; when the edge area of the icon of the application program is drawn, adjusting the size of the edge area, and adjusting the pixel transparency value of the adjusted part of the edge area in the process of adjusting the size of the edge area so as to eliminate sawteeth existing in the edge area and obtain the drawn icon of the application program; and displaying the drawn icons of the application programs on a display interface. By adopting the technical scheme of the embodiment of the invention, the edge area of the icon of the application program is adjusted, and the pixel transparency of the adjusted part of the edge area is adjusted, so that the visual sawtooth effect is reduced, a better icon display effect is achieved, and the icon processing process is simpler.
Drawings
FIG. 1 is a schematic diagram illustrating an implementation flow of a graph display method according to an embodiment of the present invention;
FIG. 2 is a schematic diagram of an edge region of an icon according to an embodiment of the present invention;
FIG. 3 is a schematic diagram of eliminating the jaggies present in the first region according to an embodiment of the present invention;
fig. 4 is a schematic flow chart illustrating an implementation process of performing aliasing cancellation on a first area, which does not include an icon identifier, in an icon of an application program according to an embodiment of the present invention;
fig. 5 is a schematic diagram illustrating that the size of the icon identifier in the second area is detected to be increased after the drawing of the second area is stopped according to the embodiment of the present invention;
fig. 6 is a schematic diagram illustrating that the size of the icon identifier in the second area is adjusted to an initial value according to the embodiment of the present invention;
fig. 7 is a schematic flow chart illustrating an implementation of performing aliasing cancellation on a second area including an icon identifier in an icon of an application according to an embodiment of the present invention;
FIG. 8 is a diagram illustrating the anti-aliasing effect of a second region according to the embodiment of the invention;
FIG. 9 is a schematic view of the serrations present in the first region and the serrations present in the second region in accordance with an embodiment of the present invention;
FIG. 10 is a schematic diagram of an embodiment of the present invention with the first and second regions being jagged;
FIG. 11 is a schematic diagram illustrating a structure of a display device according to an embodiment of the present invention;
fig. 12 is a schematic structural diagram of a terminal according to an embodiment of the present invention.
Detailed Description
Before describing the technical solution of the embodiment of the present invention in detail, a description will be given of a related art.
In the related art, for each application installed on a terminal, a corresponding icon may be displayed, and the icon needs to be preprocessed before being displayed on the terminal. For example, the existing Aliasing of the icon is eliminated by using Full screen Anti-Aliasing (FSAA) to achieve a better icon display effect. However, the process of using full screen anti-aliasing to remove the aliasing existing in the icon is complicated, and the processing difficulty of the system is increased.
Based on this, in various embodiments of the present invention, a first instruction is fetched; the first instruction is used for indicating an icon of an application program to be drawn and displayed; drawing an icon of the application program in response to the first instruction; when the edge area of the icon of the application program is drawn, adjusting the size of the edge area, and adjusting the pixel transparency value of the adjusted part of the edge area in the process of adjusting the size of the edge area so as to eliminate sawteeth existing in the edge area and obtain the drawn icon of the application program; and displaying the drawn icons of the application programs on a display interface.
It should be noted that, in the embodiment of the present invention, by adjusting the edge area (outline) of the application icon and adjusting the pixel transparency of the adjusted portion of the edge area, a reduction in the visual aliasing effect can be obtained, so as to improve the visual effect and achieve a better icon display effect.
The present invention will be described in further detail with reference to the accompanying drawings and specific embodiments.
The embodiment of the invention provides an icon display method, and fig. 1 is a schematic flow chart of the implementation of the icon display method in the embodiment of the invention; as shown in fig. 1, the method includes:
step 101: acquiring a first instruction; the first instruction is used for indicating an icon of an application program to be drawn and displayed;
step 102: drawing an icon of the application program in response to the first instruction; when the edge area of the icon of the application program is drawn, adjusting the size of the edge area, and adjusting the pixel transparency value of the adjusted part of the edge area in the process of adjusting the size of the edge area so as to eliminate sawteeth existing in the edge area and obtain the drawn icon of the application program;
step 103: and displaying the drawn icons of the application programs on a display interface.
Here, in step 101, in actual application, the execution subject of the icon display method may be a terminal, and specifically, may be a mobile terminal, an intelligent wearable device such as a smart watch, and the like. The icons of the displayed applications may be stereoscopic icons, i.e., stereoscopic icons drawn from a plurality of basic shapes, including but not limited to circles, squares, cylinders, and the like.
Here, in step 102, in the actual application, the edge region (outline) of the icon is adjusted (expanded), and the pixel transparency of the adjusted portion (expanded portion) of the edge region is reduced, so that the visual jaggy effect is reduced, the visual effect is improved, and a good icon display effect is achieved.
Here, in step 103, in the actual application, the drawn icon of the application program may be displayed on a terminal such as a mobile terminal or a smart wearable device.
The following is a detailed description of how the jaggies present in the edge region are removed.
In actual application, different icons can be displayed for different application programs, so that the icon styles can be determined based on the identifications of the application programs.
Based on this, in an embodiment, the first instruction carries an application identifier of an application program; the drawing the icon of the application program comprises the following steps:
determining an icon of the application program by using the application identifier of the application program;
and drawing the icon of the application program.
For example, assuming that the application identifier of the application program is 01, the determined icon style may be a cylindrical-shaped stereoscopic icon; assuming that the application identification of the application program is 02, the determined icon style may be a cubic-shaped stereoscopic icon, and the like.
In practical applications, the icon may be drawn by a plurality of basic shapes, wherein the basic shapes include, but are not limited to, circles, triangles, squares, cubes, cylinders, and the like. In the case where the icon is drawn by a plurality of basic shapes, there may be a plurality of edge regions of the icon, so that each of the edge regions where jaggies exist in the plurality of edge regions may be processed separately to reduce the visual jaggy effect. Wherein, the edge area with the sawtooth may not contain icon identification.
Based on the above, in one embodiment, the edge area of the icon of the application program comprises a first area which does not contain the icon identifier and a second area which contains the icon identifier; the adjusting the size of the edge region and the pixel transparency value of the adjusted portion of the edge region in the adjusting the size of the edge region includes:
after the first area is drawn for the ith time, the first parameter is adjusted from a first value to a second value, and the second parameter is adjusted from a third value to a fourth value; the first parameter characterizes a parameter for adjusting the size of the first area; the second parameter characterizes a pixel transparency value of the adjusted portion of the first region; wherein the first value is less than the second value; the third value is greater than the fourth value;
stopping drawing the first area until i is equal to N;
wherein i is 1, …, and N is an integer greater than 1.
Here, the value of N can be obtained from practical experience.
Here, the first parameter may specifically be a parameter for enlarging the outline of the first region. For example, when the shape of the first region is a circle, the first parameter may be a parameter for enlarging the outline of the circle, for example, a radius parameter for drawing the circle; when the shape of the first area is a rectangle, the first parameter may be a parameter for enlarging the outline of the rectangle, for example, a parameter for drawing a vertex of the rectangle, or a parameter for drawing the length and width of the rectangle, or the like.
Here, in actual application, the number of the first area and the second area is not limited, that is, the edge area of the icon of the application program may include a first area not including the icon identifier and a second area including the icon identifier, or may include a plurality of first areas not including the icon identifier and a plurality of second areas including the icon identifier.
For example, fig. 2 is a schematic diagram of an edge area of an icon, and as shown in fig. 2, the edge area of the icon of the application includes a first area not including an icon identifier and a second area including an icon identifier, where the first area is an edge area formed by a cylinder and the second area is an edge area formed by a circle.
Fig. 3 is a schematic diagram of eliminating the saw-teeth existing in the first area, as shown in fig. 3, where the first area is in the shape of a cylinder, and the process of eliminating the saw-teeth existing in the edge of the cylinder (corresponding to the first area) may include:
step 1: drawing the edge of the cylinder for the first time by using the radius r1, wherein the pixel transparency value of the edge of the cylinder is t 1;
step 2: after the first drawing of the edge of the cylinder, the radius is adjusted to r2, wherein r2> r1, and the radius r2 is used for the second drawing of the edge of the cylinder; during the second rendering of the cylinder edge, adjusting the pixel transparency value of the adjusted portion of the cylinder edge to t2, wherein t2< t 1;
and step 3: after the second drawing of the cylinder edge, the radius is adjusted to r3, wherein r3> r2, and the third drawing of the cylinder edge is performed by using the radius r 3; during the third drawing of the cylinder edge, adjusting the pixel transparency value of the adjusted portion of the cylinder edge to t3, wherein t3< t 2;
and 4, step 4: after the third drawing of the cylinder edge, the drawing is stopped.
It should be noted that, as a result of experience from tests, generally, the anti-aliasing effect is relatively satisfactory when the cylinder edge is subjected to gradual transparency of approximately three pixels, so that the cylinder edge can be drawn three times, but the radius is gradually enlarged a little bit, and the transparency is gradually reduced. Since the radius of the cylinder is gradually increased a little, the pixels at the edge of the cylinder are gradually expanded a little, but the transparency of the outer pixels is also gradually reduced due to the reduction of the transparency. By adjusting the parameters of the change of the radius and the parameters of the change of the transparency, after the edges of the three pixels are made to be gradually changed and transparent, the integral anti-aliasing effect basically reaches the standard.
In an example, as shown in fig. 4, a process of performing aliasing cancellation on a first area, which does not include an icon identifier, in an icon of an application program is described, where the process includes:
step 401: and according to the first parameter, drawing the first area which does not contain the icon identification in the icon of the application program for the ith time.
Step 402: and after the ith drawing is carried out on the first area, adjusting the first parameter from a first value to a second value, and adjusting the second parameter from a third value to a fourth value in the process of carrying out the (i + 1) th drawing on the first area.
Here, the first parameter characterizes a parameter for adjusting the size of the first area; the second parameter characterizes a pixel transparency value of the adjusted portion of the first region; wherein the first value is less than the second value; the third value is greater than the fourth value;
wherein i is 1, …, and N is an integer greater than 1.
Step 403: and repeating the steps 401 to 402, and stopping drawing the first area when i is equal to N.
Here, performing aliasing cancellation on the first area not including the icon identifier in the edge area of the icon of the application program has the following advantages:
(1) the first area (outline) which does not contain the icon identification in the edge area of the icon of the application program is expanded, and the pixel transparency of the adjusting part of the first area is subjected to reduction processing, so that the visual sawtooth effect can be reduced, the visual effect is improved, and a better icon display effect is achieved.
(2) Compared with a mode of eliminating the saw teeth of the icon by using a full-screen anti-saw tooth technology in the related art, in the embodiment of the invention, only the pixels of the enlarged part of the second area of the icon are calculated, the process of eliminating the saw teeth of the icon is simple, the calculated amount is small, and therefore, a good icon display effect can be quickly achieved.
In practical applications, when the icon is drawn by a plurality of basic shapes, there may be a plurality of edge regions of the icon, so that each edge region having jaggies in the plurality of edge regions may be processed separately to reduce the visual jaggy effect. Wherein, the edge area with the sawtooth can contain icon identification.
Based on the above, in one embodiment, the edge area of the icon of the application program comprises a first area which does not contain the icon identifier and a second area which contains the icon identifier; the method further comprises the following steps:
after the second area is drawn for the mth time, the third parameter is adjusted from the fifth value to the sixth value, and the fourth parameter is adjusted from the seventh value to the eighth value; the third parameter characterizes a parameter for adjusting the size of the second area; the fourth parameter characterizes a pixel transparency value of the adjusted portion of the second region; the fifth value is less than the sixth value; the seventh value is greater than the eighth value;
stopping drawing the second region until M is equal to M;
wherein M is 1, …, and M is an integer greater than 1.
Here, the value of M can be obtained from practical experience.
Here, the third parameter may specifically be a parameter for enlarging the contour of the second region. For example, when the shape of the second region is a circle, the third parameter may be a parameter for enlarging the outline of the circle, for example, a radius parameter for drawing the circle; when the shape of the second area is a rectangle, the third parameter may be a parameter for enlarging the outline of the rectangle, for example, a parameter for drawing a vertex of the rectangle, or a parameter for drawing the length and width of the rectangle, or the like.
In practical application, the second area, which is an edge area where the sawtooth exists, includes the icon identifier, so that in the process of adjusting the second area, if the size of the icon identifier changes, the size of the icon identifier needs to be reduced to the initial size.
Based on this, in an embodiment, after stopping drawing the second region, the method further includes:
detecting whether the size of the icon identification in the second area changes;
when the change of the size of the icon identification in the second area is detected, the size of the icon identification is adjusted to an initial value.
Here, when it is not detected that the size of the icon indicator in the second area is changed, the size of the icon indicator is kept unchanged.
Here, the second region is circular in shape, and the process of removing the jaggy existing at the circular edge (corresponding to the second region) may include:
step 1: drawing the circular edge for the first time by using the radius r1, wherein the pixel transparency value of the circular edge is t 1;
step 2: after the first drawing of the circular edge is carried out, the radius is adjusted to r2, wherein r2> r1, and the second drawing of the circular edge is carried out by using the radius r 2; during the second rendering of the circular edge, adjusting the pixel transparency value of the adjusted portion of the circular edge to t2, wherein t2< t 1;
and step 3: after the circular edge is drawn for the second time, the radius is adjusted to r3, wherein r3> r2, and the circular edge is drawn for the third time by using the radius r 3; during the third drawing of the circular edge, adjusting the pixel transparency value of the adjusted portion of the circular edge to t3, wherein t3< t 2;
and 4, step 4: after the third drawing of the circular edge, the drawing is stopped.
It should be noted that, as a result of experience from tests, generally, a relatively satisfactory anti-aliasing effect can be obtained by performing gradual transparency of approximately three pixels on a circular edge, so that the circular edge can be drawn three times, but the radius is gradually enlarged a little bit, and the transparency is gradually reduced. Since the radius of the cylinder is gradually increased a little, the pixels at the edge of the cylinder are gradually expanded a little, but the transparency of the outer pixels is also gradually reduced due to the reduction of the transparency. By adjusting the parameters of the change of the radius and the parameters of the change of the transparency, after the edges of the three pixels are made to be gradually changed and transparent, the integral anti-aliasing effect basically reaches the standard.
And 5: after the drawing of the circular edge is stopped, detecting whether the size of the icon identification in the circular edge changes or not; when the change of the size of the icon identification in the circular edge is detected, the size of the icon identification is adjusted to an initial value.
Fig. 5 is a schematic diagram of detecting that the size of the icon indicator in the second area is increased after the drawing of the second area is stopped, fig. 6 is a schematic diagram of adjusting the size of the icon indicator in the second area to an initial value, and as shown in fig. 6, when the radius of the second area is increased, the pattern size of the icon indicator in the second area is maintained.
In an example, as shown in fig. 7, a process of performing aliasing cancellation on a second area containing an icon identifier in an icon of an application program is described, including:
step 701: and according to the third parameter, drawing a second area containing the icon identifier in the icon of the application program for the mth time.
Step 702: after the second area is drawn for the mth time, the third parameter is adjusted from the fifth value to the sixth value, and the fourth parameter is adjusted from the seventh value to the eighth value; the third parameter characterizes a parameter for adjusting the size of the second area.
Here, the third parameter characterizes a parameter for adjusting the size of the second area; the fourth parameter characterizes a pixel transparency value of the adjusted portion of the second region; the fifth value is less than the sixth value; the seventh value is greater than the eighth value.
It should be noted that, when the second region is drawn, by increasing the radius parameter used for drawing the outline of the second region, the pixel transparency of the enlarged portion is reduced more and more as the distance from the central point is further and more (exceeding the normal radius), so that the edge gradual change transparency effect is achieved, and the anti-aliasing effect is achieved, as shown in fig. 8.
Step 703: and repeatedly executing the steps 701 to 702, and stopping drawing the second area when M is equal to M.
Step 704: after the second area is stopped being drawn, detecting whether the size of the icon identification in the second area changes; when detecting that the size of the icon identification in the second area changes, step 705 is executed.
Step 705: and adjusting the size of the icon identification to an initial value.
Here, performing aliasing cancellation on the second area including the icon identifier in the edge area of the icon of the application program has the following advantages:
(1) the second area (outline) containing the icon identification in the edge area of the icon of the application program is expanded, and the pixel transparency of the adjusting part of the second area is reduced, so that the visual sawtooth effect can be reduced, the visual effect is improved, and a better icon display effect is achieved.
(2) Compared with a mode of eliminating the saw teeth of the icon by using a full-screen anti-saw tooth technology in the related art, in the embodiment of the invention, only the pixels of the enlarged part of the second area of the icon are calculated, the process of eliminating the saw teeth of the icon is simple, the calculated amount is small, and therefore, a good icon display effect can be quickly achieved.
Fig. 9 is a schematic diagram of the saw-tooth existing in the first region and the saw-tooth existing in the second region, as shown in fig. 9, for the first region, in order to reduce the visual saw-tooth effect, the outline of the first region may be expanded, and in the process of expanding the outline of the first region, the pixel transparency value of the adjustment portion (expanded portion) of the first region may be subjected to a reduction process to achieve a gradual transparent effect, so as to eliminate the saw-tooth existing in the first region, as shown in fig. 10. As shown in fig. 9, for the second region, in order to reduce the visual aliasing effect, the outline of the second region may be expanded, and in the process of expanding the outline of the second region, the pixel transparency value of the adjustment portion (expanded portion) of the second region may be subjected to a reduction process to achieve a gradual transparency effect, so as to eliminate the aliasing existing in the first region, as shown in fig. 10.
In practical application, after the jaggies existing in the first area and the second area of the icon are eliminated, the drawn icon of the application program can be displayed on a display interface, and the display form includes but is not limited to an application list form.
Based on this, in an embodiment, the displaying the icon of the drawn application on the display interface includes:
generating an application icon list based on the drawn icons of the application programs;
and displaying the application icon list on a display interface.
Here, when the display interface displays the application icon list, the number of icons of each row of the application programs that are supported to be displayed in the application icon list may be different, for example, the first row of the list displays 3 icons, and the second row of the list displays 2 icons. In addition, the icon style of each row of application programs supported to be displayed in the application icon list may also be different, for example, a stereoscopic icon is displayed in a first row of the list, and a planar icon is displayed in a second row of the list.
In practical applications, it is considered that the user wants to display the stereoscopic icon for some applications and the planar icon for other applications, so that the user experience can be improved by switching between the stereoscopic icon and the planar icon.
Based on this, in one embodiment, the icon of the application program is a three-dimensional icon; the method further comprises the following steps:
acquiring a second instruction; the second instruction is used for indicating that the three-dimensional icon displayed on the display interface is switched into a plane icon;
and responding to the second instruction, and displaying the plane icon on a display interface.
It should be noted that, in the embodiment of the present invention, the icon of the application program is a three-dimensional icon such as a cylindrical icon, and the edge area (outline) of the cylindrical icon is enlarged, and the pixel transparency of the enlarged portion of the edge area is reduced, so that the reduction of the visual sawtooth effect can be obtained, thereby improving the visual effect and achieving a better icon display effect.
By adopting the technical scheme of the embodiment of the invention, the edge area of the icon of the application program is adjusted, and the pixel transparency of the adjusted part of the edge area is adjusted, so that the visual sawtooth effect is reduced, a better icon display effect is achieved, and the icon processing process is simpler.
In order to implement the icon display method in the embodiment of the invention, the embodiment of the invention also provides an icon display device. FIG. 11 is a schematic diagram illustrating a structure of a display device according to an embodiment of the present invention; as shown in fig. 9, the apparatus includes:
an acquiring unit 111 configured to acquire a first instruction; the first instruction is used for indicating an icon of an application program to be drawn and displayed;
a processing unit 112, configured to, in response to the first instruction, draw an icon of the application program; when the edge area of the icon of the application program is drawn, adjusting the size of the edge area, and adjusting the pixel transparency value of the adjusted part of the edge area in the process of adjusting the size of the edge area so as to eliminate sawteeth existing in the edge area and obtain the drawn icon of the application program; and displaying the drawn icons of the application programs on the display interface.
In an embodiment, the processing unit 112 is specifically configured to: the edge area of the icon of the application program comprises a first area which does not contain the icon identification and a second area which contains the icon identification; after the first area is drawn for the ith time, the first parameter is adjusted from a first value to a second value, and the second parameter is adjusted from a third value to a fourth value; the first parameter characterizes a parameter for adjusting the size of the first area; the second parameter characterizes a pixel transparency value of the adjusted portion of the first region; wherein the first value is less than the second value; the third value is greater than the fourth value;
stopping drawing the first area until i is equal to N;
wherein i is 1, …, and N is an integer greater than 1.
In an embodiment, the processing unit 112 is specifically configured to: after the second area is drawn for the mth time, the third parameter is adjusted from the fifth value to the sixth value, and the fourth parameter is adjusted from the seventh value to the eighth value; the third parameter characterizes a parameter for adjusting the size of the second area; the fourth parameter characterizes a pixel transparency value of the adjusted portion of the second region; the fifth value is less than the sixth value; the seventh value is greater than the eighth value;
stopping drawing the second region until M is equal to M;
wherein M is 1, …, and M is an integer greater than 1.
In an embodiment, the processing unit 112 is further configured to detect whether the size of the icon identifier in the second area changes after the drawing of the second area is stopped;
when the change of the size of the icon identification in the second area is detected, the size of the icon identification is adjusted to an initial value.
In an embodiment, the processing unit 112 is specifically configured to: the first instruction carries an application identifier of an application program; determining an icon of the application program by using the application identifier of the application program; and drawing the icon of the application program.
In an embodiment, the processing unit 112 is specifically configured to:
generating an application icon list based on the drawn icons of the application programs; and displaying the application icon list on a display interface.
In an embodiment, the processing unit 112 is further configured to: the icon of the application program is a three-dimensional icon; acquiring a second instruction; the second instruction is used for indicating that the three-dimensional icon displayed on the display interface is switched into a plane icon; and responding to the second instruction, and displaying the plane icon on a display interface.
In practical application, the obtaining unit 111 may be implemented by a communication interface in the apparatus; the processing unit 112 may be implemented by a processor in the device; the Processor may be a Central Processing Unit (CPU), a Digital Signal Processor (DSP), a Micro Control Unit (MCU), or a Programmable Gate Array (FPGA).
It should be noted that: the apparatus provided in the foregoing embodiment is only exemplified by the division of the program modules when displaying icons, and in practical applications, the above processing may be distributed to different program modules according to needs, that is, the internal structure of the terminal is divided into different program modules to complete all or part of the above-described processing. In addition, the apparatus provided in the above embodiments and the icon display method embodiments belong to the same concept, and specific implementation processes thereof are described in the method embodiments for details, which are not described herein again.
Based on the hardware implementation of the above-mentioned devices, an embodiment of the present invention further provides a terminal, fig. 12 is a schematic diagram of a hardware composition structure of the terminal according to the embodiment of the present invention, as shown in fig. 12, the terminal 120 includes a memory 123, a processor 122, and a computer program stored in the memory 123 and capable of running on the processor 122; the processor 122, when executing the program, implements the method provided by one or more of the above technical solutions.
It should be noted that, the specific steps implemented when the processor 122 executes the program have been described in detail above, and are not described herein again.
It is understood that the terminal 120 further includes a communication interface 121, and the communication interface 121 is used for information interaction with other devices; meanwhile, various components in the terminal 120 are coupled together by a bus system 124. It will be appreciated that the bus system 124 is configured to enable connected communication between these components. The bus system 124 includes a power bus, a control bus, a status signal bus, and the like, in addition to the data bus.
It will be appreciated that the memory 123 in this embodiment may be either volatile memory or nonvolatile memory, and may include both volatile and nonvolatile memory. Among them, the nonvolatile Memory may be a Read Only Memory (ROM), a Programmable Read Only Memory (PROM), an Erasable Programmable Read-Only Memory (EPROM), an Electrically Erasable Programmable Read-Only Memory (EEPROM), a magnetic random access Memory (FRAM), a Flash Memory (Flash Memory), a magnetic surface Memory, an optical disk, or a Compact Disc Read-Only Memory (CD-ROM); the magnetic surface storage may be disk storage or tape storage. Volatile Memory can be Random Access Memory (RAM), which acts as external cache Memory. By way of illustration and not limitation, many forms of RAM are available, such as Static Random Access Memory (SRAM), Synchronous Static Random Access Memory (SSRAM), Dynamic Random Access Memory (DRAM), Synchronous Dynamic Random Access Memory (SDRAM), Double Data Rate Synchronous Dynamic Random Access Memory (DDRSDRAM), Enhanced Synchronous Dynamic Random Access Memory (ESDRAM), Enhanced Synchronous Dynamic Random Access Memory (Enhanced DRAM), Synchronous Dynamic Random Access Memory (SLDRAM), Direct Memory (DRmb Access), and Random Access Memory (DRAM). The described memory for embodiments of the present invention is intended to comprise, without being limited to, these and any other suitable types of memory.
The method disclosed in the above embodiments of the present invention may be applied to the processor 122, or implemented by the processor 122. The processor 122 may be an integrated circuit chip having signal processing capabilities. In implementation, the steps of the above method may be performed by integrated logic circuits of hardware or instructions in the form of software in the processor 122. The processor 122 described above may be a general purpose processor, a DSP, or other programmable logic device, discrete gate or transistor logic device, discrete hardware components, or the like. Processor 122 may implement or perform the methods, steps, and logic blocks disclosed in embodiments of the present invention. A general purpose processor may be a microprocessor or any conventional processor or the like. The steps of the method disclosed by the embodiment of the invention can be directly implemented by a hardware decoding processor, or can be implemented by combining hardware and software modules in the decoding processor. The software modules may be located in a storage medium located in a memory where information is read by the processor 122 to perform the steps of the foregoing methods in conjunction with its hardware.
The embodiment of the invention also provides a storage medium, in particular a computer storage medium, and more particularly a computer readable storage medium. Stored thereon are computer instructions, i.e. computer programs, which when executed by a processor perform the methods provided by one or more of the above-mentioned aspects.
In the embodiments provided in the present invention, it should be understood that the disclosed method and intelligent device may be implemented in other ways. The above-described device embodiments are merely illustrative, for example, the division of the unit is only a logical functional division, and there may be other division ways in actual implementation, such as: multiple units or components may be combined, or may be integrated into another system, or some features may be omitted, or not implemented. In addition, the coupling, direct coupling or communication connection between the components shown or discussed may be through some interfaces, and the indirect coupling or communication connection between the devices or units may be electrical, mechanical or other forms.
The units described as separate parts may or may not be physically separate, and parts displayed as units may or may not be physical units, that is, may be located in one place, or may be distributed on a plurality of network units; some or all of the units can be selected according to actual needs to achieve the purpose of the solution of the embodiment.
In addition, all the functional units in the embodiments of the present invention may be integrated into one processing unit, or each unit may be separately regarded as one unit, or two or more units may be integrated into one unit; the integrated unit can be realized in a form of hardware, or in a form of hardware plus a software functional unit.
Those of ordinary skill in the art will understand that: all or part of the steps for implementing the method embodiments may be implemented by hardware related to program instructions, and the program may be stored in a computer readable storage medium, and when executed, the program performs the steps including the method embodiments; and the aforementioned storage medium includes: a removable storage device, a ROM, a RAM, a magnetic or optical disk, or various other media capable of storing program code.
Alternatively, the integrated unit of the present invention may be stored in a computer-readable storage medium if it is implemented in the form of a software functional module and sold or used as a separate product. Based on such understanding, the technical solutions of the embodiments of the present invention may be essentially implemented or a part contributing to the prior art may be embodied in the form of a software product, which is stored in a storage medium and includes several instructions for enabling a computer device (which may be a personal computer, a terminal, or a network device) to execute all or part of the methods described in the embodiments of the present invention. And the aforementioned storage medium includes: a removable storage device, a ROM, a RAM, a magnetic or optical disk, or various other media that can store program code.
It should be noted that: "first," "second," and the like are used for distinguishing between similar elements and not necessarily for describing a particular sequential or chronological order.
In addition, the technical solutions described in the embodiments of the present invention may be arbitrarily combined without conflict.
The above description is only for the specific embodiments of the present invention, but the scope of the present invention is not limited thereto, and any person skilled in the art can easily conceive of the changes or substitutions within the technical scope of the present invention, and all the changes or substitutions should be covered within the scope of the present invention.
Claims (10)
1. An icon display method, characterized in that the method comprises:
acquiring a first instruction; the first instruction is used for indicating an icon of an application program to be drawn and displayed;
drawing an icon of the application program in response to the first instruction;
when the edge area of the icon of the application program is drawn, adjusting the size of the edge area, and adjusting the pixel transparency value of the adjusted part of the edge area in the process of adjusting the size of the edge area so as to eliminate sawteeth existing in the edge area and obtain the drawn icon of the application program;
and displaying the drawn icons of the application programs on a display interface.
2. The method according to claim 1, wherein the edge area of the icon of the application program comprises a first area containing no icon identification and a second area containing the icon identification; the adjusting the size of the edge region and the pixel transparency value of the adjusted portion of the edge region in the adjusting the size of the edge region includes:
after the first area is drawn for the ith time, the first parameter is adjusted from a first value to a second value, and the second parameter is adjusted from a third value to a fourth value; the first parameter characterizes a parameter for adjusting the size of the first area; the second parameter characterizes a pixel transparency value of the adjusted portion of the first region; wherein the first value is less than the second value; the third value is greater than the fourth value;
stopping drawing the first area until i is equal to N;
wherein i is 1, …, and N is an integer greater than 1.
3. The method of claim 2, further comprising:
after the second area is drawn for the mth time, the third parameter is adjusted from the fifth value to the sixth value, and the fourth parameter is adjusted from the seventh value to the eighth value; the third parameter characterizes a parameter for adjusting the size of the second area; the fourth parameter characterizes a pixel transparency value of the adjusted portion of the second region; the fifth value is less than the sixth value; the seventh value is greater than the eighth value;
stopping drawing the second region until M is equal to M;
wherein M is 1, …, and M is an integer greater than 1.
4. The method of claim 3, wherein after stopping drawing the second region, the method further comprises:
detecting whether the size of the icon identification in the second area changes;
when the change of the size of the icon identification in the second area is detected, the size of the icon identification is adjusted to an initial value.
5. The method of claim 1, wherein the first instruction carries an application identifier of an application program; the drawing the icon of the application program comprises the following steps:
determining an icon of the application program by using the application identifier of the application program;
and drawing the icon of the application program.
6. The method of claim 5, wherein displaying the rendered icon of the application on the display interface comprises:
generating an application icon list based on the drawn icons of the application programs;
and displaying the application icon list on a display interface.
7. The method of claim 1, wherein the icon of the application is a stereoscopic icon; the method further comprises the following steps:
acquiring a second instruction; the second instruction is used for indicating that the three-dimensional icon displayed on the display interface is switched into a plane icon;
and responding to the second instruction, and displaying the plane icon on a display interface.
8. An icon display apparatus, comprising:
an acquisition unit configured to acquire a first instruction; the first instruction is used for indicating an icon of an application program to be drawn and displayed;
the processing unit is used for responding to the first instruction and drawing an icon of the application program; when the edge area of the icon of the application program is drawn, adjusting the size of the edge area, and adjusting the pixel transparency value of the adjusted part of the edge area in the process of adjusting the size of the edge area so as to eliminate saw teeth in the edge area and obtain the drawn icon of the application program; and displaying the drawn icons of the application programs on the display interface.
9. A terminal, comprising: a processor and a memory for storing a computer program capable of running on the processor,
wherein the processor is adapted to perform the steps of the method of any one of claims 1 to 7 when running the computer program.
10. A computer-readable storage medium, on which a computer program is stored, which, when being executed by a processor, carries out the steps of the method of any one of claims 1 to 7.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202110159063.1A CN114860355A (en) | 2021-02-04 | 2021-02-04 | Icon display method and device, terminal and storage medium |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202110159063.1A CN114860355A (en) | 2021-02-04 | 2021-02-04 | Icon display method and device, terminal and storage medium |
Publications (1)
| Publication Number | Publication Date |
|---|---|
| CN114860355A true CN114860355A (en) | 2022-08-05 |
Family
ID=82622722
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN202110159063.1A Pending CN114860355A (en) | 2021-02-04 | 2021-02-04 | Icon display method and device, terminal and storage medium |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN114860355A (en) |
Citations (4)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN106575190A (en) * | 2014-07-31 | 2017-04-19 | 微软技术许可有限责任公司 | Icon resizing |
| CN106657962A (en) * | 2015-10-30 | 2017-05-10 | 深圳创锐思科技有限公司 | Image processing method, image processing device, and electronic equipment used for naked eye three-dimensional display |
| CN107483771A (en) * | 2017-06-13 | 2017-12-15 | 青岛海信电器股份有限公司 | A kind of method and image display device of image generation |
| CN108073836A (en) * | 2016-11-16 | 2018-05-25 | 中兴通讯股份有限公司 | The method of adjustment and terminal of display interface |
-
2021
- 2021-02-04 CN CN202110159063.1A patent/CN114860355A/en active Pending
Patent Citations (4)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN106575190A (en) * | 2014-07-31 | 2017-04-19 | 微软技术许可有限责任公司 | Icon resizing |
| CN106657962A (en) * | 2015-10-30 | 2017-05-10 | 深圳创锐思科技有限公司 | Image processing method, image processing device, and electronic equipment used for naked eye three-dimensional display |
| CN108073836A (en) * | 2016-11-16 | 2018-05-25 | 中兴通讯股份有限公司 | The method of adjustment and terminal of display interface |
| CN107483771A (en) * | 2017-06-13 | 2017-12-15 | 青岛海信电器股份有限公司 | A kind of method and image display device of image generation |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| US8570347B2 (en) | Electronic device and method for image editing | |
| CN107680042B (en) | Rendering method, device, engine and storage medium combining texture and convolution network | |
| CN107742317B (en) | Rendering method, device and system combining light sensation and convolution network and storage medium | |
| CN107527322B (en) | Rendering method, device, engine and storage medium combined with convolutional neural network | |
| EP4040376A1 (en) | Picture processing method and apparatus, and electronic device and storage medium | |
| CN115237522A (en) | Page self-adaptive display method and device | |
| CN109388306B (en) | Information display method and device | |
| CN114860355A (en) | Icon display method and device, terminal and storage medium | |
| CN110968385A (en) | Proportion display method and device | |
| CN111158840B (en) | Image carousel method and device | |
| CN109683798B (en) | Text determination method, terminal and computer readable storage medium | |
| CN109739403B (en) | Method and apparatus for processing information | |
| CN112068834A (en) | JS-based data rendering method and device | |
| CN115049531B (en) | Image rendering method and device, graphic processing equipment and storage medium | |
| CN111402369A (en) | Interactive advertisement processing method and device, terminal equipment and storage medium | |
| CN110321190A (en) | The method and device of icon optimization in a kind of desktop | |
| CN112395375A (en) | Map presenting method, terminal and computer readable storage medium | |
| US20130182000A1 (en) | System and method for rendering an image | |
| WO2022126145A1 (en) | Hybrid shadow rendering | |
| CN110782389B (en) | Image data byte alignment method and terminal | |
| CN114416243A (en) | Interface display method and device of vehicle-mounted terminal and electronic equipment | |
| CN107133241B (en) | Data display method and device | |
| CN110929478A (en) | Anonymous webpage compression method, device and system | |
| CN109885218B (en) | Icon processing method and device and terminal | |
| CN116975485A (en) | Lazy loading method, lazy loading device, lazy loading storage medium and lazy loading equipment for page blocks |
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 |