CN114860355A - 图标显示方法、装置、终端及存储介质 - Google Patents
图标显示方法、装置、终端及存储介质 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
本发明公开了一种图标显示方法、装置、终端及存储介质。其中，方法包括：获取第一指令；所述第一指令用于指示绘制并显示应用程序的图标；响应所述第一指令，绘制所述应用程序的图标；当绘制所述应用程序的图标的边缘区域时，对所述边缘区域的大小进行调整，并在对所述边缘区域的大小进行调整的过程中对所述边缘区域的调整部分的像素透明度值进行调整，以消除边缘区域存在的锯齿，并得到绘制后的应用程序的图标；在显示界面显示绘制后的应用程序的图标。
Description
技术领域
本发明涉及终端技术，具体涉及一种图标显示方法、装置、终端及存储介质。
背景技术
随着终端技术的快速发展，终端上支持安装的应用程序越来越多。通常，针对终端上安装的每个应用程序，可以显示对应的图标，而且，在终端上显示图标之前，需要对图标进行预处理。随着应用程序数量越来越多，图标样式也变得多种多样，为了保证图标的显示效果，导致对图标进行预处理的过程变得复杂，增加了***处理难度。
因此，亟需找到一种对图标进行快速处理的技术方案。
发明内容
有鉴于此，本发明实施例期望提供一种图标显示方法、装置、终端及存储介质。
本发明的技术方案是这样实现的：
本发明实施例提供一种图标显示方法，所述方法包括：
获取第一指令；所述第一指令用于指示绘制并显示应用程序的图标；
响应所述第一指令，绘制所述应用程序的图标；
当绘制所述应用程序的图标的边缘区域时，对所述边缘区域的大小进行调整，并在对所述边缘区域的大小进行调整的过程中对所述边缘区域的调整部分的像素透明度值进行调整，以消除边缘区域存在的锯齿，并得到绘制后的应用程序的图标；
在显示界面显示绘制后的应用程序的图标。
上述方案中，所述应用程序的图标的边缘区域包括未包含图标标识的第一区域和包含图标标识的第二区域；所述对所述边缘区域的大小进行调整，并在对所述边缘区域的大小进行调整的过程中对所述边缘区域的调整部分的像素透明度值进行调整，包括：
当对所述第一区域进行第i次绘制后，将第一参数由第一值调整为第二值，并将第二参数由第三值调整为第四值；所述第一参数表征对所述第一区域的大小进行调整的参数；所述第二参数表征所述第一区域的调整部分的像素透明度值；其中，所述第一值小于所述第二值；所述第三值大于所述第四值；
直到i等于N，停止绘制所述第一区域；
其中，i＝1，…，N，N为大于1的整数。
上述方案中，所述方法还包括：
当对所述第二区域进行第m次绘制后，将第三参数由第五值调整为第六值，并将第四参数由第七值调整为第八值；所述第三参数表征对所述第二区域的大小进行调整的参数；所述第四参数表征所述第二区域的调整部分的像素透明度值；所述第五值小于所述第六值；所述第七值大于所述第八值；
直到m等于M，停止绘制所述第二区域；
其中，m＝1，…，M，M为大于1的整数。
上述方案中，停止绘制所述第二区域后，所述方法还包括：
检测所述第二区域内的图标标识的大小是否发生变化；
当检测到所述第二区域内的图标标识的大小发生变化时，将所述图标标识的大小调整为初始值。
上述方案中，所述第一指令携带应用程序的应用标识；所述绘制所述应用程序的图标，包括：
利用所述应用程序的应用标识确定所述应用程序的图标；
对所述应用程序的图标进行绘制。
上述方案中，所述在显示界面显示绘制后的应用程序的图标，包括：
基于绘制后的应用程序的图标，生成应用图标列表；
在显示界面显示所述应用图标列表。
上述方案中，所述应用程序的图标为立体图标；所述方法还包括：
获取第二指令；所述第二指令用于指示将显示界面显示的立体图标切换为平面图标；
响应所述第二指令，在显示界面显示所述平面图标。
本发明实施例提供一种图标显示装置，包括：
获取单元，用于获取第一指令；所述第一指令用于指示绘制并显示应用程序的图标；
处理单元，用于响应所述第一指令，绘制所述应用程序的图标；当绘制所述应用程序的图标的边缘区域时，对所述边缘区域的大小进行调整，并在对所述边缘区域的大小进行调整的过程中对所述边缘区域的调整部分的像素透明度值进行调整，以消除边缘区域存在的锯齿，并得到绘制后的应用程序的图标；以及在显示界面显示绘制后的应用程序的图标。
本发明实施例提供一种终端，包括：处理器和用于存储能够在处理器上运行的计算机程序的存储器，
其中，所述处理器用于运行所述计算机程序时，执行所述程序时实现上述任一方法的步骤。
本发明实施例提供一种计算机可读存储介质，其上存储有计算机程序，所述计算机程序被处理器执行所述程序时实现上述任一方法的步骤。
本发明实施例提供的图标显示方法、装置、终端及存储介质，获取第一指令；所述第一指令用于指示绘制并显示应用程序的图标；响应所述第一指令，绘制所述应用程序的图标；当绘制所述应用程序的图标的边缘区域时，对所述边缘区域的大小进行调整，并在对所述边缘区域的大小进行调整的过程中对所述边缘区域的调整部分的像素透明度值进行调整，以消除边缘区域存在的锯齿，并得到绘制后的应用程序的图标；在显示界面显示绘制后的应用程序的图标。采用本发明实施例的技术方案，通过对应用程序的图标的边缘区域进行调整，并对边缘区域的调整部分的像素透明度进行调整处理，由此降低视觉上的锯齿效果，从达到较好的图标显示效果，对图标进行处理的过程也比较简单。
附图说明
图1为本发明实施例图标显示方法的实现流程示意图；
图2为本发明实施例图标的边缘区域的示意图；
图3为本发明实施例消除第一区域存在的锯齿的示意图；
图4为本发明实施例对应用程序的图标中未包含图标标识的第一区域进行锯齿消除的实现流程示意图；
图5为本发明实施例停止绘制第二区域后检测到第二区域内的图标标识的大小变大的示意图；
图6为本发明实施例将第二区域内的图标标识的大小调整为初始值的示意图；
图7为本发明实施例对应用程序的图标中包含图标标识的第二区域进行锯齿消除的实现流程示意图；
图8为本发明实施例第二区域的抗锯齿效果的示意图；
图9为本发明实施例第一区域存在的锯齿和第二区域存在的锯齿的示意图；
图10为本发明实施例消除第一区域和第二区域的锯齿后的示意图；
图11为本发明实施例图标显示装置的组成结构示意图；
图12为本发明实施例终端的组成结构示意图。
具体实施方式
在对本发明实施例的技术方案进行详细说明之前，首先对相关技术进行介绍说明。
相关技术中，针对终端上安装的每个应用程序，可以显示对应的图标，而且，在终端上显示图标之前，需要对图标进行预处理。例如，使用全屏抗锯齿(FSAA，Full SceneAnti-Aliasing)对图标存在的锯齿进行消除，以达到较好的图标显示效果。但是，使用全屏抗锯齿对图标存在的锯齿进行消除的过程比较复杂，增加了***处理难度。
基于此，在本发明的各种实施例中，获取第一指令；所述第一指令用于指示绘制并显示应用程序的图标；响应所述第一指令，绘制所述应用程序的图标；当绘制所述应用程序的图标的边缘区域时，对所述边缘区域的大小进行调整，并在对所述边缘区域的大小进行调整的过程中对所述边缘区域的调整部分的像素透明度值进行调整，以消除边缘区域存在的锯齿，并得到绘制后的应用程序的图标；在显示界面显示绘制后的应用程序的图标。
需要说明的是，本发明实施例中，通过对应用图标的边缘区域(轮廓)进行调整，并对边缘区域的调整部分的像素透明度进行调整处理，由此能得到视觉上的锯齿效果的降低，从而改善视觉效果，达到较好的图标显示效果。
下面结合附图及具体实施例对本发明作进一步详细的说明。
本发明实施例提供一种图标显示方法，图1为本发明实施例图标显示方法的实现流程示意图；如图1所示，所述方法包括：
步骤101：获取第一指令；所述第一指令用于指示绘制并显示应用程序的图标；
步骤102：响应所述第一指令，绘制所述应用程序的图标；当绘制所述应用程序的图标的边缘区域时，对所述边缘区域的大小进行调整，并在对所述边缘区域的大小进行调整的过程中对所述边缘区域的调整部分的像素透明度值进行调整，以消除边缘区域存在的锯齿，并得到绘制后的应用程序的图标；
步骤103：在显示界面显示绘制后的应用程序的图标。
这里，在步骤101中，实际应用时，图标显示方法的执行主体可以为终端，具体可以为移动终端、智能穿戴设备如智能手表等等。显示的应用程序的图标可以为立体图标，即由多个基本形状绘制而成的立体图标，基本形状包括但不限于圆形、正方形、圆柱体等等。
这里，在步骤102中，实际应用时，通过对图标的边缘区域(轮廓)进行调整(扩大)，并对边缘区域的调整部分(扩大部分)的像素透明度进行下降处理，由此能得到视觉上的锯齿效果的降低，从而改善视觉效果，达到较好的图标显示效果。
这里，在步骤103中，实际应用时，可以在移动终端、智能穿戴设备等终端上显示绘制后的应用程序的图标。
下面对如何消除边缘区域存在的锯齿的过程进行详细说明。
实际应用时，可以针对不同应用程序显示不同的图标，这样，可以基于应用程序的标识确定图标样式。
基于此，在一实施例中，所述第一指令携带应用程序的应用标识；所述绘制所述应用程序的图标，包括：
利用所述应用程序的应用标识确定所述应用程序的图标；
对所述应用程序的图标进行绘制。
举例来说，假设应用程序的应用标识为01，则确定的图标样式可以为圆柱形状的立体图标；假设应用程序的应用标识为02，则确定的图标样式可以为正方体形状的立体图标，等等。
实际应用时，所述图标可以由多个基本形状绘制而成，其中，基本形状包括但不限于圆形、三角形、正方形、正方体、圆柱体等等。在所述图标由多个基本形状绘制而成的情况下，所述图标的边缘区域可以有多个，这样，可以针对多个边缘区域中存在锯齿的每个边缘区域分别进行处理，以降低视觉上的锯齿效果。其中，存在锯齿的边缘区域中可以不包含图标标识。
基于此，在一实施例中，所述应用程序的图标的边缘区域包括未包含图标标识的第一区域和包含图标标识的第二区域；所述对所述边缘区域的大小进行调整，并在对所述边缘区域的大小进行调整的过程中对所述边缘区域的调整部分的像素透明度值进行调整，包括：
当对所述第一区域进行第i次绘制后，将第一参数由第一值调整为第二值，并将第二参数由第三值调整为第四值；所述第一参数表征对所述第一区域的大小进行调整的参数；所述第二参数表征所述第一区域的调整部分的像素透明度值；其中，所述第一值小于所述第二值；所述第三值大于所述第四值；
直到i等于N，停止绘制所述第一区域；
其中，i＝1，…，N，N为大于1的整数。
这里，N的取值可以根据实际经验获得。
这里，所述第一参数具体可以是对所述第一区域的轮廓进行扩大的参数。举例来说，当所述第一区域的形状为圆形时，所述第一参数可以是对圆形轮廓进行扩大的参数，例如，用于绘制该圆形的半径参数；当所述第一区域的形状为长方形时，所述第一参数可以是对长方形轮廓进行扩大的参数，例如，用于绘制该长方形的顶点参数，或者，用于绘制该长方形的长和宽，等等。
这里，实际应用时，所述第一区域和第二区域的数量不做限定，也就是说，所述应用程序的图标的边缘区域可以包括一个未包含图标标识的第一区域和一个包含图标标识的第二区域，也可以包括多个未包含图标标识的第一区域和多个包含图标标识的第二区域。
举例来说，图2是图标的边缘区域的示意图，如图2所示，应用程序的图标的边缘区域包括一个未包含图标标识的第一区域和一个包含图标标识的第二区域，其中，第一区域为由圆柱体形成的边缘区域，第二区域为由圆形形成的边缘区域。
图3是消除第一区域存在的锯齿的示意图，如图3所示，第一区域的形状为圆柱体，对圆柱体边缘(对应第一区域)存在的锯齿进行消除的过程可以包括：
步骤1：使用半径r1，对圆柱体边缘进行第一次绘制，圆柱体边缘的像素透明度值为t1；
步骤2：在对圆柱体边缘进行第一次绘制后，将半径调整为r2，其中，r2>r1，使用半径r2，对圆柱体边缘进行第二次绘制；在对圆柱体边缘进行第二次绘制的过程中，将圆柱体边缘的调整部分的像素透明度值调整为t2，其中，t2<t1；
步骤3：在对圆柱体边缘进行第二次绘制后，将半径调整为r3，其中，r3>r2，使用半径r3，对圆柱体边缘进行第三次绘制；在对圆柱体边缘进行第三次绘制的过程中，将圆柱体边缘的调整部分的像素透明度值调整为t3，其中，t3<t2；
步骤4：在对圆柱体边缘进行第三次绘制后，停止绘制。
需要说明的是，这里，通过测验得到经验，一般对圆柱体边缘进行大概三个像素的渐变透明，就可以得到相对满意的抗锯齿效果，这样，可以对圆柱体边缘绘制三次，但半径依次放大一点点，而透明度依次下降。由于圆柱半径依次变大一点点，那么圆柱边缘的像素则会依次往外扩一点点，但由于透明度的下降，则外部的像素的透明度也依次下降。通过调整半径的变化的参数，及透明度变化的参数，造成大概三个像素的边缘渐变透明后，整体的抗锯齿效果就基本达标。
在一示例中，如图4所示，描述对应用程序的图标中未包含图标标识的第一区域进行锯齿消除的过程，包括：
步骤401：按照第一参数，对应用程序的图标中未包含图标标识的第一区域进行第i次绘制。
步骤402：当对所述第一区域进行第i次绘制后，将第一参数由第一值调整为第二值，并对所述第一区域进行第i+1次绘制的过程中，将第二参数由第三值调整为第四值。
这里，所述第一参数表征对所述第一区域的大小进行调整的参数；所述第二参数表征所述第一区域的调整部分的像素透明度值；其中，所述第一值小于所述第二值；所述第三值大于所述第四值；
其中，i＝1，…，N，N为大于1的整数。
步骤403：重复执行步骤401至402，当i等于N时，停止绘制所述第一区域。
这里，对应用程序的图标的边缘区域中未包含图标标识的第一区域进行锯齿消除，具备以下优点：
(1)通过对应用程序的图标的边缘区域中未包含图标标识的第一区域(轮廓)进行扩大，并对第一区域的调整部分的像素透明度进行下降处理，由此能得到视觉上的锯齿效果的降低，从而改善视觉效果，达到较好的图标显示效果。
(2)与相关技术中使用全屏抗锯齿技术对图标存在的锯齿进行消除的方式相比，本发明实施例中，仅对图标的第二区域的扩大部分的像素进行计算，对图标存在的锯齿进行消除的过程比较简单，计算量较小，从而能够快速达到较好的图标显示效果。
实际应用时，在所述图标由多个基本形状绘制而成的情况下，所述图标的边缘区域可以有多个，这样，可以针对多个边缘区域中存在锯齿的每个边缘区域分别进行处理，以降低视觉上的锯齿效果。其中，存在锯齿的边缘区域中可以包含图标标识。
基于此，在一实施例中，所述应用程序的图标的边缘区域包括未包含图标标识的第一区域和包含图标标识的第二区域；所述方法还包括：
当对所述第二区域进行第m次绘制后，将第三参数由第五值调整为第六值，并将第四参数由第七值调整为第八值；所述第三参数表征对所述第二区域的大小进行调整的参数；所述第四参数表征所述第二区域的调整部分的像素透明度值；所述第五值小于所述第六值；所述第七值大于所述第八值；
直到m等于M，停止绘制所述第二区域；
其中，m＝1，…，M，M为大于1的整数。
这里，M的取值可以根据实际经验获得。
这里，所述第三参数具体可以是对所述第二区域的轮廓进行扩大的参数。举例来说，当所述第二区域的形状为圆形时，所述第三参数可以是对圆形轮廓进行扩大的参数，例如，用于绘制该圆形的半径参数；当所述第二区域的形状为长方形时，所述第三参数可以是对长方形轮廓进行扩大的参数，例如，用于绘制该长方形的顶点参数，或者，用于绘制该长方形的长和宽，等等。
实际应用时，存在锯齿的边缘区域即第二区域中包含图标标识，这样，在对所述第二区域进行调整的过程中，若图标标识大小发生了变化，则需要将图标标识还原为初始大小。
基于此，在一实施例中，停止绘制所述第二区域后，所述方法还包括：
检测所述第二区域内的图标标识的大小是否发生变化；
当检测到所述第二区域内的图标标识的大小发生变化时，将所述图标标识的大小调整为初始值。
这里，当未检测到所述第二区域内的图标标识的大小发生变化时，保持所述图标标识的大小不变。
这里，第二区域的形状为圆形，对圆形边缘(对应第二区域)存在的锯齿进行消除的过程可以包括：
步骤1：使用半径r1，对圆形边缘进行第一次绘制，圆形边缘的像素透明度值为t1；
步骤2：在对圆形边缘进行第一次绘制后，将半径调整为r2，其中，r2>r1，使用半径r2，对圆形边缘进行第二次绘制；在对圆形边缘进行第二次绘制的过程中，将圆形边缘的调整部分的像素透明度值调整为t2，其中，t2<t1；
步骤3：在对圆形边缘进行第二次绘制后，将半径调整为r3，其中，r3>r2，使用半径r3，对圆形边缘进行第三次绘制；在对圆形边缘进行第三次绘制的过程中，将圆形边缘的调整部分的像素透明度值调整为t3，其中，t3<t2；
步骤4：在对圆形边缘进行第三次绘制后，停止绘制。
需要说明的是，这里，通过测验得到经验，一般对圆形边缘进行大概三个像素的渐变透明，就可以得到相对满意的抗锯齿效果，这样，可以对圆形边缘绘制三次，但半径依次放大一点点，而透明度依次下降。由于圆柱半径依次变大一点点，那么圆柱边缘的像素则会依次往外扩一点点，但由于透明度的下降，则外部的像素的透明度也依次下降。通过调整半径的变化的参数，及透明度变化的参数，造成大概三个像素的边缘渐变透明后，整体的抗锯齿效果就基本达标。
步骤5：停止绘制圆形边缘后，检测圆形边缘内的图标标识的大小是否发生变化；当检测到圆形边缘内的图标标识的大小发生变化时，将所述图标标识的大小调整为初始值。
图5是停止绘制第二区域后检测到第二区域内的图标标识的大小变大的示意图，图6是将第二区域内的图标标识的大小调整为初始值的示意图，如图6所示，当第二区域的半径变大时，第二区域内的图标标识的图案大小保持不变。
在一示例中，如图7所示，描述对应用程序的图标中包含图标标识的第二区域进行锯齿消除的过程，包括：
步骤701：按照第三参数，对应用程序的图标中包含图标标识的第二区域进行第m次绘制。
步骤702：当对所述第二区域进行第m次绘制后，将第三参数由第五值调整为第六值，并将第四参数由第七值调整为第八值；所述第三参数表征对所述第二区域的大小进行调整的参数。
这里，所述第三参数表征对所述第二区域的大小进行调整的参数；所述第四参数表征所述第二区域的调整部分的像素透明度值；所述第五值小于所述第六值；所述第七值大于所述第八值。
需要说明的是，对所述第二区域进行绘制时，通过增大绘制所述第二区域的轮廓所使用的半径参数，实现随着与圆心点的距离越来越远(超过正常半径)，扩大部分的像素透明度越来越下降，从而达到了边缘渐变透明效果，进而达到抗锯齿效果，如图8所示。
步骤703：重复执行步骤701至702，当m等于M时，停止绘制所述第二区域。
步骤704：停止绘制所述第二区域后，检测所述第二区域内的图标标识的大小是否发生变化；当检测到所述第二区域内的图标标识的大小发生变化时，执行步骤705。
步骤705：将所述图标标识的大小调整为初始值。
这里，对应用程序的图标的边缘区域中包含图标标识的第二区域进行锯齿消除，具备以下优点：
(1)通过对应用程序的图标的边缘区域中包含图标标识的第二区域(轮廓)进行扩大，并对第二区域的调整部分的像素透明度进行下降处理，由此能得到视觉上的锯齿效果的降低，从而改善视觉效果，达到较好的图标显示效果。
(2)与相关技术中使用全屏抗锯齿技术对图标存在的锯齿进行消除的方式相比，本发明实施例中，仅对图标的第二区域的扩大部分的像素进行计算，对图标存在的锯齿进行消除的过程比较简单，计算量较小，从而能够快速达到较好的图标显示效果。
图9是第一区域存在的锯齿和第二区域存在的锯齿的示意图，如图9所示，针对第一区域，为了降低视觉上的锯齿效果，可以对所述第一区域的轮廓进行扩大，并在对所述第一区域的轮廓进行扩大的过程中对所述第一区域的调整部分(扩大部分)的像素透明度值进行降低处理，以达到渐变透明效果，从而消除所述第一区域存在的锯齿，如图10所示。如图9所示，针对第二区域，为了降低视觉上的锯齿效果，可以对所述第二区域的轮廓进行扩大，并在对所述第二区域的轮廓进行扩大的过程中对所述第二区域的调整部分(扩大部分)的像素透明度值进行降低处理，以达到渐变透明效果，从而消除所述第一区域存在的锯齿，如图10所示。
实际应用时，当对所述图标的第一区域和第二区域中存在的锯齿进行消除后，可以在显示界面进行显示绘制后的应用程序的图标，显示形式包括但不限应用列表形式。
基于此，在一实施例中，所述在显示界面显示绘制后的应用程序的图标，包括：
基于绘制后的应用程序的图标，生成应用图标列表；
在显示界面显示所述应用图标列表。
这里，在显示界面显示所述应用图标列表时，所述应用图标列表中每行支持显示的应用程序的图标数量可以不同，例如，列表第一行显示3个图标，列表第二行显示2个图标。另外，所述应用图标列表中每行支持显示的应用程序的图标样式也可以不同，例如，列表第一行显示的是立体图标，列表第二行显示的是平面图标。
实际应用时，考虑到用户针对某些应用程序，希望以立体图标进行显示，而针对另外一些应用程序，希望以平面图标进行显示，这样，为了提高用户体验，可以在立体图标和平面图标之间进行切换。
基于此，在一实施例中，所述应用程序的图标为立体图标；所述方法还包括：
获取第二指令；所述第二指令用于指示将显示界面显示的立体图标切换为平面图标；
响应所述第二指令，在显示界面显示所述平面图标。
需要说明的是，本发明实施例中，所述应用程序的图标为立体图标如圆柱体形状图标，通过对圆柱体形状图标的边缘区域(轮廓)进行扩大，并对边缘区域的扩大部分的像素透明度进行下降处理，由此能得到视觉上的锯齿效果的降低，从而改善视觉效果，达到较好的图标显示效果，与相关技术中使用全屏抗锯齿技术对图标存在的锯齿进行消除的方式相比，具有性能快、场景强针对性、显示效果优异等特点。
采用本发明实施例的技术方案，通过对应用程序的图标的边缘区域进行调整，并对边缘区域的调整部分的像素透明度进行调整处理，由此降低视觉上的锯齿效果，从达到较好的图标显示效果，对图标进行处理的过程也比较简单。
为实现本发明实施例图标显示方法，本发明实施例还提供一种图标显示装置。图11为本发明实施例图标显示装置的组成结构示意图；如图9所示，所述装置包括：
获取单元111，用于获取第一指令；所述第一指令用于指示绘制并显示应用程序的图标；
处理单元112，用于响应所述第一指令，绘制所述应用程序的图标；当绘制所述应用程序的图标的边缘区域时，对所述边缘区域的大小进行调整，并在对所述边缘区域的大小进行调整的过程中对所述边缘区域的调整部分的像素透明度值进行调整，以消除边缘区域存在的锯齿，并得到绘制后的应用程序的图标；以及在显示界面显示绘制后的应用程序的图标。
在一实施例中，所述处理单元112，具体用于：所述应用程序的图标的边缘区域包括未包含图标标识的第一区域和包含图标标识的第二区域；当对所述第一区域进行第i次绘制后，将第一参数由第一值调整为第二值，并将第二参数由第三值调整为第四值；所述第一参数表征对所述第一区域的大小进行调整的参数；所述第二参数表征所述第一区域的调整部分的像素透明度值；其中，所述第一值小于所述第二值；所述第三值大于所述第四值；
直到i等于N，停止绘制所述第一区域；
其中，i＝1，…，N，N为大于1的整数。
在一实施例中，所述处理单元112，具体用于：当对所述第二区域进行第m次绘制后，将第三参数由第五值调整为第六值，并将第四参数由第七值调整为第八值；所述第三参数表征对所述第二区域的大小进行调整的参数；所述第四参数表征所述第二区域的调整部分的像素透明度值；所述第五值小于所述第六值；所述第七值大于所述第八值；
直到m等于M，停止绘制所述第二区域；
其中，m＝1，…，M，M为大于1的整数。
在一实施例中，所述处理单元112，还用于停止绘制所述第二区域后，检测所述第二区域内的图标标识的大小是否发生变化；
当检测到所述第二区域内的图标标识的大小发生变化时，将所述图标标识的大小调整为初始值。
在一实施例中，所述处理单元112，具体用于：所述第一指令携带应用程序的应用标识；利用所述应用程序的应用标识确定所述应用程序的图标；对所述应用程序的图标进行绘制。
在一实施例中，所述处理单元112，具体用于：
基于绘制后的应用程序的图标，生成应用图标列表；在显示界面显示所述应用图标列表。
在一实施例中，所述处理单元112，还用于：所述应用程序的图标为立体图标；获取第二指令；所述第二指令用于指示将显示界面显示的立体图标切换为平面图标；响应所述第二指令，在显示界面显示所述平面图标。
实际应用时，所述获取单元111可由所述装置中的通信接口实现；所述处理单元112可由所述装置中的处理器实现；所述处理器可以是中央处理器(CPU，CentralProcessing Unit)、数字信号处理器(DSP，Digital Signal Processor)、微控制单元(MCU，Microcontroller Unit)或可编程门阵列(FPGA，Field－Programmable Gate Array)。
需要说明的是：上述实施例提供的装置在进行图标显示时，仅以上述各程序模块的划分进行举例说明，实际应用时，可以根据需要而将上述处理分配由不同的程序模块完成，即将终端的内部结构划分成不同的程序模块，以完成以上描述的全部或者部分处理。另外，上述实施例提供的装置与图标显示方法实施例属于同一构思，其具体实现过程详见方法实施例，这里不再赘述。
基于上述设备的硬件实现，本发明实施例还提供了一种终端，图12为本发明实施例的终端的硬件组成结构示意图，如图12所示，终端120包括存储器123、处理器122及存储在存储器123上并可在处理器122上运行的计算机程序；所述处理器122执行所述程序时实现上述一个或多个技术方案提供的方法。
需要说明的是，所述处理器122执行所述程序时实现的具体步骤已在上文详述，这里不再赘述。
可以理解，终端120还包括通信接口121，所述通信接口121用于和其它设备进行信息交互；同时，终端120中的各个组件通过总线***124耦合在一起。可理解，总线***124配置为实现这些组件之间的连接通信。总线***124除包括数据总线之外，还包括电源总线、控制总线和状态信号总线等。
可以理解，本实施例中的存储器123可以是易失性存储器或非易失性存储器，也可包括易失性和非易失性存储器两者。其中，非易失性存储器可以是只读存储器(ROM，ReadOnly Memory)、可编程只读存储器(PROM，Programmable Read-Only Memory)、可擦除可编程只读存储器(EPROM，Erasable Programmable Read-Only Memory)、电可擦除可编程只读存储器(EEPROM，Electrically Erasable Programmable Read-Only Memory)、磁性随机存取存储器(FRAM，ferromagnetic random access memory)、快闪存储器(Flash Memory)、磁表面存储器、光盘、或只读光盘(CD-ROM，Compact Disc Read-Only Memory)；磁表面存储器可以是磁盘存储器或磁带存储器。易失性存储器可以是随机存取存储器(RAM，RandomAccess Memory)，其用作外部高速缓存。通过示例性但不是限制性说明，许多形式的RAM可用，例如静态随机存取存储器(SRAM，Static Random Access Memory)、同步静态随机存取存储器(SSRAM，Synchronous Static Random Access Memory)、动态随机存取存储器(DRAM，Dynamic Random Access Memory)、同步动态随机存取存储器(SDRAM，SynchronousDynamic Random Access Memory)、双倍数据速率同步动态随机存取存储器(DDRSDRAM，Double Data Rate Synchronous Dynamic Random Access Memory)、增强型同步动态随机存取存储器(ESDRAM，Enhanced Synchronous Dynamic Random Access Memory)、同步连接动态随机存取存储器(SLDRAM，SyncLink Dynamic Random Access Memory)、直接内存总线随机存取存储器(DRRAM，Direct Rambus Random Access Memory)。本发明实施例描述的存储器旨在包括但不限于这些和任意其它适合类型的存储器。
上述本发明实施例揭示的方法可以应用于处理器122中，或者由处理器122实现。处理器122可能是一种集成电路芯片，具有信号的处理能力。在实现过程中，上述方法的各步骤可以通过处理器122中的硬件的集成逻辑电路或者软件形式的指令完成。上述的处理器122可以是通用处理器、DSP，或者其他可编程逻辑器件、分立门或者晶体管逻辑器件、分立硬件组件等。处理器122可以实现或者执行本发明实施例中的公开的各方法、步骤及逻辑框图。通用处理器可以是微处理器或者任何常规的处理器等。结合本发明实施例所公开的方法的步骤，可以直接体现为硬件译码处理器执行完成，或者用译码处理器中的硬件及软件模块组合执行完成。软件模块可以位于存储介质中，该存储介质位于存储器，处理器122读取存储器中的信息，结合其硬件完成前述方法的步骤。
本发明实施例还提供了一种存储介质，具体为计算机存储介质，更具体的为计算机可读存储介质。其上存储有计算机指令，即计算机程序，该计算机指令被处理器执行时上述一个或多个技术方案提供的方法。
在本发明所提供的几个实施例中，应该理解到，所揭露的方法和智能设备，可以通过其它的方式实现。以上所描述的设备实施例仅仅是示意性的，例如，所述单元的划分，仅仅为一种逻辑功能划分，实际实现时可以有另外的划分方式，如：多个单元或组件可以结合，或可以集成到另一个***，或一些特征可以忽略，或不执行。另外，所显示或讨论的各组成部分相互之间的耦合、或直接耦合、或通信连接可以是通过一些接口，设备或单元的间接耦合或通信连接，可以是电性的、机械的或其它形式的。
上述作为分离部件说明的单元可以是、或也可以不是物理上分开的，作为单元显示的部件可以是、或也可以不是物理单元，即可以位于一个地方，也可以分布到多个网络单元上；可以根据实际的需要选择其中的部分或全部单元来实现本实施例方案的目的。
另外，在本发明各实施例中的各功能单元可以全部集成在一个处理单元中，也可以是各单元分别单独作为一个单元，也可以两个或两个以上单元集成在一个单元中；上述集成的单元既可以采用硬件的形式实现，也可以采用硬件加软件功能单元的形式实现。
本领域普通技术人员可以理解：实现上述方法实施例的全部或部分步骤可以通过程序指令相关的硬件来完成，前述的程序可以存储于一计算机可读取存储介质中，该程序在执行时，执行包括上述方法实施例的步骤；而前述的存储介质包括：移动存储设备、ROM、RAM、磁碟或者光盘等各种可以存储程序代码的介质。
或者，本发明上述集成的单元如果以软件功能模块的形式实现并作为独立的产品销售或使用时，也可以存储在一个计算机可读取存储介质中。基于这样的理解，本发明实施例的技术方案本质上或者说对现有技术做出贡献的部分可以以软件产品的形式体现出来，该计算机软件产品存储在一个存储介质中，包括若干指令用以使得一台计算机设备(可以是个人计算机、终端、或者网络设备等)执行本发明各个实施例所述方法的全部或部分。而前述的存储介质包括：移动存储设备、ROM、RAM、磁碟或者光盘等各种可以存储程序代码的介质。
需要说明的是：“第一”、“第二”等是用于区别类似的对象，而不必用于描述特定的顺序或先后次序。
另外，本发明实施例所记载的技术方案之间，在不冲突的情况下，可以任意组合。
以上所述，仅为本发明的具体实施方式，但本发明的保护范围并不局限于此，任何熟悉本技术领域的技术人员在本发明揭露的技术范围内，可轻易想到变化或替换，都应涵盖在本发明的保护范围之内。
Claims (10)
1.一种图标显示方法，其特征在于，所述方法包括：
获取第一指令；所述第一指令用于指示绘制并显示应用程序的图标；
响应所述第一指令，绘制所述应用程序的图标；
当绘制所述应用程序的图标的边缘区域时，对所述边缘区域的大小进行调整，并在对所述边缘区域的大小进行调整的过程中对所述边缘区域的调整部分的像素透明度值进行调整，以消除边缘区域存在的锯齿，并得到绘制后的应用程序的图标；
在显示界面显示绘制后的应用程序的图标。
2.根据权利要求1所述的方法，其特征在于，所述应用程序的图标的边缘区域包括未包含图标标识的第一区域和包含图标标识的第二区域；所述对所述边缘区域的大小进行调整，并在对所述边缘区域的大小进行调整的过程中对所述边缘区域的调整部分的像素透明度值进行调整，包括：
当对所述第一区域进行第i次绘制后，将第一参数由第一值调整为第二值，并将第二参数由第三值调整为第四值；所述第一参数表征对所述第一区域的大小进行调整的参数；所述第二参数表征所述第一区域的调整部分的像素透明度值；其中，所述第一值小于所述第二值；所述第三值大于所述第四值；
直到i等于N，停止绘制所述第一区域；
其中，i＝1，…，N，N为大于1的整数。
3.根据权利要求2所述的方法，其特征在于，所述方法还包括：
当对所述第二区域进行第m次绘制后，将第三参数由第五值调整为第六值，并将第四参数由第七值调整为第八值；所述第三参数表征对所述第二区域的大小进行调整的参数；所述第四参数表征所述第二区域的调整部分的像素透明度值；所述第五值小于所述第六值；所述第七值大于所述第八值；
直到m等于M，停止绘制所述第二区域；
其中，m＝1，…，M，M为大于1的整数。
4.根据权利要求3所述的方法，其特征在于，停止绘制所述第二区域后，所述方法还包括：
检测所述第二区域内的图标标识的大小是否发生变化；
当检测到所述第二区域内的图标标识的大小发生变化时，将所述图标标识的大小调整为初始值。
5.根据权利要求1所述的方法，其特征在于，所述第一指令携带应用程序的应用标识；所述绘制所述应用程序的图标，包括：
利用所述应用程序的应用标识确定所述应用程序的图标；
对所述应用程序的图标进行绘制。
6.根据权利要求5所述的方法，其特征在于，所述在显示界面显示绘制后的应用程序的图标，包括：
基于绘制后的应用程序的图标，生成应用图标列表；
在显示界面显示所述应用图标列表。
7.根据权利要求1所述的方法，其特征在于，所述应用程序的图标为立体图标；所述方法还包括：
获取第二指令；所述第二指令用于指示将显示界面显示的立体图标切换为平面图标；
响应所述第二指令，在显示界面显示所述平面图标。
8.一种图标显示装置，其特征在于，包括：
获取单元，用于获取第一指令；所述第一指令用于指示绘制并显示应用程序的图标；
处理单元，用于响应所述第一指令，绘制所述应用程序的图标；当绘制所述应用程序的图标的边缘区域时，对所述边缘区域的大小进行调整，并在对所述边缘区域的大小进行调整的过程中对所述边缘区域的调整部分的像素透明度值进行调整，以消除边缘区域存在的锯齿，并得到绘制后的应用程序的图标；以及在显示界面显示绘制后的应用程序的图标。
9.一种终端，其特征在于，包括：处理器和用于存储能够在处理器上运行的计算机程序的存储器，
其中，所述处理器用于运行所述计算机程序时，执行权利要求1至7任一项所述方法的步骤。
10.一种计算机可读存储介质，其上存储有计算机程序，其特征在于，所述计算机程序被处理器执行时实现权利要求1至7任一项所述方法的步骤。
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202110159063.1A CN114860355A (zh) | 2021-02-04 | 2021-02-04 | 图标显示方法、装置、终端及存储介质 |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202110159063.1A CN114860355A (zh) | 2021-02-04 | 2021-02-04 | 图标显示方法、装置、终端及存储介质 |
Publications (1)
| Publication Number | Publication Date |
|---|---|
| CN114860355A true CN114860355A (zh) | 2022-08-05 |
Family
ID=82622722
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN202110159063.1A Pending CN114860355A (zh) | 2021-02-04 | 2021-02-04 | 图标显示方法、装置、终端及存储介质 |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN114860355A (zh) |
Citations (4)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN106575190A (zh) * | 2014-07-31 | 2017-04-19 | 微软技术许可有限责任公司 | 图标调整大小 |
| CN106657962A (zh) * | 2015-10-30 | 2017-05-10 | 深圳创锐思科技有限公司 | 用于裸眼立体显示的图像处理方法、装置及设备 |
| CN107483771A (zh) * | 2017-06-13 | 2017-12-15 | 青岛海信电器股份有限公司 | 一种图像生成的方法和图像显示装置 |
| CN108073836A (zh) * | 2016-11-16 | 2018-05-25 | 中兴通讯股份有限公司 | 显示界面的调整方法及终端 |
-
2021
- 2021-02-04 CN CN202110159063.1A patent/CN114860355A/zh active Pending
Patent Citations (4)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN106575190A (zh) * | 2014-07-31 | 2017-04-19 | 微软技术许可有限责任公司 | 图标调整大小 |
| CN106657962A (zh) * | 2015-10-30 | 2017-05-10 | 深圳创锐思科技有限公司 | 用于裸眼立体显示的图像处理方法、装置及设备 |
| CN108073836A (zh) * | 2016-11-16 | 2018-05-25 | 中兴通讯股份有限公司 | 显示界面的调整方法及终端 |
| CN107483771A (zh) * | 2017-06-13 | 2017-12-15 | 青岛海信电器股份有限公司 | 一种图像生成的方法和图像显示装置 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| US20110090248A1 (en) | Electronic device and method for image editing | |
| CN107680042B (zh) | 结合纹理及卷积网络的渲染方法、装置、引擎及存储介质 | |
| US20210097651A1 (en) | Image processing method and apparatus, electronic device, and storage medium | |
| CN107527322B (zh) | 结合卷积神经网络的渲染方法、装置、引擎及存储介质 | |
| CN107885645A (zh) | 计算页面首屏渲染时长的方法、装置及电子设备 | |
| EP4040376B1 (en) | Picture processing method and apparatus, and electronic device and storage medium | |
| CN112099690B (zh) | 页面缩放方法、装置、终端及存储介质 | |
| CN111882480B (zh) | 分块数据处理方法、装置、***及存储介质 | |
| CN115237522A (zh) | 页面自适应展示方法及装置 | |
| CN109388306B (zh) | 信息显示方法及装置 | |
| CN114860355A (zh) | 图标显示方法、装置、终端及存储介质 | |
| CN110968385A (zh) | 比例显示方法和装置 | |
| CN109739403B (zh) | 用于处理信息的方法和装置 | |
| CN111726479A (zh) | 图像渲染的方法及装置、终端、可读存储介质 | |
| CN115049531B (zh) | 图像渲染方法、装置、图形处理设备及存储介质 | |
| CN111402369A (zh) | 互动广告的处理方法、装置、终端设备及存储介质 | |
| CN110321190A (zh) | 一种桌面中图标优化的方法及装置 | |
| CN112395375A (zh) | 一种地图呈现方法及终端、计算机可读存储介质 | |
| WO2022126145A1 (en) | Hybrid shadow rendering | |
| CN110782389B (zh) | 一种图像数据字节对齐方法和终端 | |
| CN114556408A (zh) | 图像渲染方法、装置和***、计算机可读存储介质 | |
| CN112035656A (zh) | 文档快速预览的方法、装置、计算机设备及介质 | |
| CN107133241B (zh) | 一种数据显示方法及装置 | |
| CN110580274A (zh) | 一种gis数据渲染方法 | |
| CN117893637B (zh) | 一种数据处理方法及装置 |
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 |