CN115619894A - 图标圆角化的处理方法及装置 - Google Patents

图标圆角化的处理方法及装置 Download PDF

Info

Publication number
CN115619894A
CN115619894A CN202211004546.5A CN202211004546A CN115619894A CN 115619894 A CN115619894 A CN 115619894A CN 202211004546 A CN202211004546 A CN 202211004546A CN 115619894 A CN115619894 A CN 115619894A
Authority
CN
China
Prior art keywords
icon
vertex
curve
rounding
electronic device
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
Application number
CN202211004546.5A
Other languages
English (en)
Inventor
孙黎
杜鸿雁
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
Honor Device Co Ltd
Original Assignee
Honor Device Co Ltd
Priority date (The priority date 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 date listed.)
Filing date
Publication date
Application filed by Honor Device Co Ltd filed Critical Honor Device Co Ltd
Priority to CN202211004546.5A priority Critical patent/CN115619894A/zh
Publication of CN115619894A publication Critical patent/CN115619894A/zh
Pending legal-status Critical Current

Links

Images

Classifications

    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06T—IMAGE DATA PROCESSING OR GENERATION, IN GENERAL
    • G06T11/00—2D [Two Dimensional] image generation
    • G06T11/20—Drawing from basic elements, e.g. lines or circles
    • G06T11/203—Drawing of straight lines or curves
    • 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
    • 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/0487—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser
    • G06F3/0488—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser using a touch-screen or digitiser, e.g. input of commands through traced gestures

Landscapes

  • Engineering & Computer Science (AREA)
  • Theoretical Computer Science (AREA)
  • General Engineering & Computer Science (AREA)
  • Physics & Mathematics (AREA)
  • General Physics & Mathematics (AREA)
  • Human Computer Interaction (AREA)
  • User Interface Of Digital Computer (AREA)

Abstract

本申请提供一种图标圆角化的处理方法及装置，可以从存储单元中获取提前存储的圆角化曲线，并根据圆角化曲线对图标进行圆角化处理后显示，从而减少对图标进行圆角化处理时需要实时绘制的圆角化曲线的数量，进而达到减少绘制页面时的计算量、提高了绘制页面的效率的目的，最终提高用户的观看体验。

Description

图标圆角化的处理方法及装置
本申请是向中国专利局提交的申请号为202110773976.2，申请日为2021年07月08日，发明创造名称为“图标圆角化的处理方法及装置”的发明专利申请的分案申请。
技术领域
本申请涉及终端技术领域，尤其涉及一种图标圆角化的处理方法及装置。
背景技术
随着电子技术以及终端技术的不断发展，手机、平板电脑等电子设备在其显示页面上显示给用户的内容越来越多，而当电子设备在显示的图标时，可以将矩形图标的四个顶点进行圆角化处理，将生硬的直角转折顶点裁剪为平滑的圆角后，随后再显示经过圆角化处理的图标，达到改善显示效果的目的。
现有技术中，电子设备可以使用G2曲线L2对图标的顶点进行裁剪，实现对图标顶点的圆角化处理，其中，G2曲线可以通过多段贝塞尔曲线计算得到。则当电子设备在显示页面上显示图标之前，通过为图标的每个顶点绘制两条贝塞尔曲线来得到顶点所对应的G2曲线，并使用所绘制的G2曲线分别对图标的左上角、左下角、右上角、右下角共四个顶点进行圆角化处理。
采用现有技术，当电子设备在显示页面上需要显示的图标数量较多时，会增加对图标进行圆角化处理的G2曲线的数量，极大地增加了电子设备在绘制页面时的计算量、降低了绘制页面的效率，进而造成电子设备具有页面卡顿等视觉效果，影响电子设备的用户的观看体验。
发明内容
本申请提供一种图标圆角化的处理方法及装置，以减少电子设备对图标进行圆角化处理时需要绘制的圆角化曲线的数量，进而达到减少电子设备在绘制页面时的计算量、提高了绘制页面的效率的目的，最终提高电子设备的用户的观看体验。
本申请第一方面提供一种图标圆角化的处理方法，包括：检测到对第一图标的触控操作；其中，第一图标对应于第一应用程序；根据触控操作，确定第一应用程序的图标绘制参数；从存储单元中获取与图标绘制参数对应的圆角化曲线；其中，存储单元中存储有多个图标绘制参数，以及每个图标绘制参数对应的至少一条圆角化曲线；根据图标绘制参数，绘制第二图标；其中，第二图标对应于第一应用程序，第一图标和第二图标的尺寸不同；通过圆角化曲线对第二图标进行圆角化处理；显示经过圆角化处理后的第二图标。
在本申请第一方面一实施例中，存储单元中具体存储有多个绘制参数，以及每个绘制参数对应的图标在四个顶点的圆角化曲线。
在本申请第一方面一实施例中，存储单元中具体存储有多个绘制参数，以及每个绘制参数对应的图标在第一顶点的圆角化曲线。
在本申请第一方面一实施例中，通过圆角化曲线对第二图标进行圆角化处理，包括：通过第一顶点的圆角化曲线，对第二图标的第一顶点进行圆角化处理；根据图标绘制参数，对圆角化曲线进行坐标变化，得到第二图标在第二顶点、第三顶点和第四顶点的圆角化曲线；通过第二顶点、第三顶点和第四顶点的圆角化曲线，分别对第二图标的第二顶点、第三顶点和第四顶点进行圆角化处理。
在本申请第一方面一实施例中，图标绘制参数包括：第二图标在长边和宽边方向上的像素分辨率；其中，以显示页面在长边和宽边方向上以像素分辨率为单位建立坐标系，存储单元中存储的圆角化曲线的初始坐标值以坐标系的原点为基准绘制。
在本申请第一方面一实施例中，通过第一顶点的圆角化曲线，对第二图标的第一顶点进行圆角化处理之前，还包括：确定第二图标的第一顶点在坐标系中的第一坐标值；将第一顶点的圆角化曲线在坐标系中的初始坐标值与第一坐标值相加得到第二图标的第一顶点的圆角化曲线。
在本申请第一方面一实施例中，根据图标绘制参数，对圆角化曲线进行坐标变化，包括：将第二图标的第一顶点的圆角化曲线在坐标系中的初始坐标值，保持宽边度方向上不变，在长边方向上进行翻转、并与第二图标在长边方向上的像素分辨率相加后，得到第二图标在第二顶点的圆角化曲线；将第二图标的第一顶点的圆角化曲线在坐标系中的初始坐标值，保持长边度方向上不变，在宽边方向上进行翻转、并与第二图标在宽边方向上的像素分辨率相加后，得到第二图标在第三顶点的圆角化曲线；将第二图标的第一顶点的圆角化曲线在坐标系中的初始坐标值，在长边方向上进行翻转、并与第二图标在长边方向上的像素分辨率相加后，得到第二顶点的圆角化曲线，在宽边方向上进行翻转、并与第二图标在宽边方向上的像素分辨率相加后，得到第二图标在第四顶点的圆角化曲线。
在本申请第一方面一实施例中，根据触控操作，确定第一应用程序的图标绘制参数，包括：根据触控操作，确定在预设时间段内，按照预设频率对第一应用程序的图标进行更新刷新时，每次更新所使用的图标绘制参数。
在本申请第一方面一实施例中，从存储单元中获取与图标绘制参数对应的圆角化曲线，包括：在预设时间段内，按照预设频率，分别从存储单元中获取该次更新第一应用程序的图标时使用的图标绘制参数对应的圆角化曲线。
在本申请第一方面一实施例中，从存储单元中获取与图标绘制参数对应的圆角化曲线，包括：从存储单元中，获取预设时间段内，按照预设频率对第一应用程序的图标进行更新时，每个图标绘制参数所对应的圆角化曲线。
在本申请第一方面一实施例中，根据图标绘制参数，绘制第二显示页面上的第二图标，包括；在预设时间段内，按照预设频率，根据图标绘制参数绘制第一应用程序的图标，并依次将绘制的图标作为第二图标。
本申请第二方面提供一种图标圆角化的处理装置，可用于执行如本申请第一方面提供的图标圆角化的处理方法，该装置包括：检测模块，用于检测到对第一图标的触控操作；其中，第一图标对应于第一应用程序；确定模块，用于根据触控操作，确定第一应用程序的图标绘制参数；获取模块，用于从存储单元中获取与图标绘制参数对应的圆角化曲线；其中，存储单元中存储有多个图标绘制参数，以及每个图标绘制参数对应的至少一条圆角化曲线；绘制模块，用于根据图标绘制参数，绘制第二图标；其中，第二图标对应于第一应用程序，第一图标和第二图标的尺寸不同；处理模块，用于通过圆角化曲线对第二图标进行圆角化处理；显示模块，用于显示经过圆角化处理后的第二图标。
在本申请第二方面一实施例中，存储单元中具体存储有多个绘制参数，以及每个绘制参数对应的图标在四个顶点的圆角化曲线。
在本申请第二方面一实施例中，存储单元中具体存储有多个绘制参数，以及每个绘制参数对应的图标在第一顶点的圆角化曲线。
在本申请第二方面一实施例中，处理模块具体用于，通过第一顶点的圆角化曲线，对第二图标的第一顶点进行圆角化处理；根据图标绘制参数，对圆角化曲线进行坐标变化，得到第二图标在第二顶点、第三顶点和第四顶点的圆角化曲线；通过第二顶点、第三顶点和第四顶点的圆角化曲线，分别对第二图标的第二顶点、第三顶点和第四顶点进行圆角化处理。
在本申请第二方面一实施例中，图标绘制参数包括：第二图标在长边和宽边方向上的像素分辨率；其中，以显示页面在长边和宽边方向上以像素分辨率为单位建立坐标系，存储单元中存储的圆角化曲线的初始坐标值以坐标系的原点为基准绘制。
在本申请第二方面一实施例中，处理模块还用于，确定第二图标的第一顶点在坐标系中的第一坐标值；将第一顶点的圆角化曲线在坐标系中的初始坐标值与第一坐标值相加得到第二图标的第一顶点的圆角化曲线。
在本申请第二方面一实施例中，处理模块具体用于，将第二图标的第一顶点的圆角化曲线在坐标系中的初始坐标值，保持宽边度方向上不变，在长边方向上进行翻转、并与第二图标在长边方向上的像素分辨率相加后，得到第二图标在第二顶点的圆角化曲线；将第二图标的第一顶点的圆角化曲线在坐标系中的初始坐标值，保持长边度方向上不变，在宽边方向上进行翻转、并与第二图标在宽边方向上的像素分辨率相加后，得到第二图标在第三顶点的圆角化曲线；将第二图标的第一顶点的圆角化曲线在坐标系中的初始坐标值，在长边方向上进行翻转、并与第二图标在长边方向上的像素分辨率相加后，得到第二顶点的圆角化曲线，在宽边方向上进行翻转、并与第二图标在宽边方向上的像素分辨率相加后，得到第二图标在第四顶点的圆角化曲线。
在本申请第二方面一实施例中，确定模块具体用于，根据触控操作，确定在预设时间段内，按照预设频率对第一应用程序的图标进行更新刷新时，每次更新所使用的图标绘制参数。
在本申请第二方面一实施例中，获取模块具体用于，在预设时间段内，按照预设频率，分别从存储单元中获取该次更新第一应用程序的图标时使用的图标绘制参数对应的圆角化曲线。
在本申请第二方面一实施例中，从存储单元中，获取预设时间段内，按照预设频率对第一应用程序的图标进行更新时，每个图标绘制参数所对应的圆角化曲线。
在本申请第二方面一实施例中，绘制模块具体用于，在预设时间段内，按照预设频率，根据图标绘制参数绘制第一应用程序的图标，并依次将绘制的图标作为第二图标。
本申请第三方面提供一种终端设备，包括：处理器和存储器；存储器存储计算机执行指令；处理器执行存储器存储的计算机执行指令，使得处理器执行如本申请第一方面任一项的图标圆角化的处理方法。
本申请第四方面提供一种计算机可读存储介质，计算机可读存储介质中存储有计算机执行指令，当处理器执行计算机执行指令时，实现如本申请第一方面任一项的图标圆角化的处理方法。
本申请第五方面提供一种计算机程序产品，包括计算机程序，计算机程序被处理器执行时，实现如本申请第一方面任一项的图标圆角化的处理方法。
综上，本申请提供的图标圆角化的处理方法及装置，可以从存储单元中获取提前存储的圆角化曲线，并根据圆角化曲线对图标进行圆角化处理后显示，从而减少对图标进行圆角化处理时需要实时绘制的圆角化曲线的数量，进而达到减少绘制页面时的计算量、提高了绘制页面的效率的目的，最终提高用户的观看体验。
附图说明
图1示出了电子设备100的结构示意图；
图2为本申请所应用的一种场景的示意图；
图3为一种电子设备绘制图标时图标圆角化的处理流程示意图；
图4为本申请提供的一种图标圆角化的处理方法的流程示意图；
图5为本申请提供的电子设备的处理单元对图标顶点进行圆角化处理的状态示意图；
图6为本申请提供的另一种图标圆角化的处理方法的流程示意图；
图7为本申请提供的存储单元中存储的G2曲线的示意图；
图8为本申请提供的电子设备的显示状态一实施例的变化示意图；
图9为一种电子设备的显示过程示意图；
图10为本申请提供的电子设备的显示状态另一实施例的变化示意图；
图11为本申请提供的电子设备的显示状态又一实施例的变化示意图；
图12为本申请提供的图标圆角化的处理方法一实施例的流程示意图；
图13为本申请提供的图标圆角化的处理方法一实施例的流程示意图；
图14为本申请提供的图标圆角化的处理方法一实施例的流程示意图；
图15为本申请提供的图标圆角化的处理方法一实施例的流程示意图。
具体实施方式
图1示出了电子设备100的结构示意图。
电子设备100可以包括处理器110，外部存储器接口120，内部存储器121，通用串行总线(universal serial bus，USB)接口130，充电管理模块140，电源管理模块141，电池142，天线1，天线2，移动通信模块150，无线通信模块160，音频模块170，扬声器170A，受话器170B，麦克风170C，耳机接口170D，传感器模块180，按键190，马达191，指示器192，摄像头193，显示屏194，以及用户标识模块(subscriber identification module，SIM)卡接口195等。其中传感器模块180可以包括压力传感器180A，陀螺仪传感器180B，气压传感器180C，磁传感器180D，加速度传感器180E，距离传感器180F，接近光传感器180G，指纹传感器180H，温度传感器180J，触摸传感器180K，环境光传感器180L，骨传导传感器180M等。
可以理解的是，本发明实施例示意的结构并不构成对电子设备100的具体限定。在本申请另一些实施例中，电子设备100可以包括比图示更多或更少的部件，或者组合某些部件，或者拆分某些部件，或者不同的部件布置。图示的部件可以以硬件，软件或软件和硬件的组合实现。
处理器110可以包括一个或多个处理单元，例如：处理器110可以包括应用处理器(application processor，AP)，调制解调处理器，图形处理器(graphics processingunit，GPU)，图像信号处理器(image signal processor，ISP)，控制器，视频编解码器，数字信号处理器(digital signal processor，DSP)，基带处理器，和/或神经网络处理器(neural-network processing unit，NPU)等。其中，不同的处理单元可以是独立的器件，也可以集成在一个或多个处理器中。
控制器可以根据指令操作码和时序信号，产生操作控制信号，完成取指令和执行指令的控制。
处理器110中还可以设置存储器，用于存储指令和数据。在一些实施例中，处理器110中的存储器为高速缓冲存储器。该存储器可以保存处理器110刚用过或循环使用的指令或数据。如果处理器110需要再次使用该指令或数据，可从所述存储器中直接调用。避免了重复存取，减少了处理器110的等待时间，因而提高了系统的效率。
在一些实施例中，处理器110可以包括一个或多个接口。接口可以包括集成电路(inter-integrated circuit，I2C)接口，集成电路内置音频(inter-integrated circuitsound，I2S)接口，脉冲编码调制(pulse code modulation，PCM)接口，通用异步收发传输器(universal asynchronous receiver/transmitter，UART)接口，移动产业处理器接口(mobile industry processor interface，MIPI)，通用输入输出(general-purposeinput/output，GPIO)接口，用户标识模块(subscriber identity module，SIM)接口，和/或通用串行总线(universal serial bus，USB)接口等。
I2C接口是一种双向同步串行总线，包括一根串行数据线(serial data line，SDA)和一根串行时钟线(derail clock line，SCL)。在一些实施例中，处理器110可以包含多组I2C总线。处理器110可以通过不同的I2C总线接口分别耦合触摸传感器180K，充电器，闪光灯，摄像头193等。例如：处理器110可以通过I2C接口耦合触摸传感器180K，使处理器110与触摸传感器180K通过I2C总线接口通信，实现电子设备100的触摸功能。
I2S接口可以用于音频通信。在一些实施例中，处理器110可以包含多组I2S总线。处理器110可以通过I2S总线与音频模块170耦合，实现处理器110与音频模块170之间的通信。在一些实施例中，音频模块170可以通过I2S接口向无线通信模块160传递音频信号，实现通过蓝牙耳机接听电话的功能。
PCM接口也可以用于音频通信，将模拟信号抽样，量化和编码。在一些实施例中，音频模块170与无线通信模块160可以通过PCM总线接口耦合。在一些实施例中，音频模块170也可以通过PCM接口向无线通信模块160传递音频信号，实现通过蓝牙耳机接听电话的功能。所述I2S接口和所述PCM接口都可以用于音频通信。
UART接口是一种通用串行数据总线，用于异步通信。该总线可以为双向通信总线。它将要传输的数据在串行通信与并行通信之间转换。在一些实施例中，UART接口通常被用于连接处理器110与无线通信模块160。例如：处理器110通过UART接口与无线通信模块160中的蓝牙模块通信，实现蓝牙功能。在一些实施例中，音频模块170可以通过UART接口向无线通信模块160传递音频信号，实现通过蓝牙耳机播放音乐的功能。
MIPI接口可以被用于连接处理器110与显示屏194，摄像头193等外围器件。MIPI接口包括摄像头串行接口(camera serial interface，CSI)，显示屏串行接口(displayserial interface，DSI)等。在一些实施例中，处理器110和摄像头193通过CSI接口通信，实现电子设备100的拍摄功能。处理器110和显示屏194通过DSI接口通信，实现电子设备100的显示功能。
GPIO接口可以通过软件配置。GPIO接口可以被配置为控制信号，也可被配置为数据信号。在一些实施例中，GPIO接口可以用于连接处理器110与摄像头193，显示屏194，无线通信模块160，音频模块170，传感器模块180等。GPIO接口还可以被配置为I2C接口，I2S接口，UART接口，MIPI接口等。
USB接口130是符合USB标准规范的接口，具体可以是Mini USB接口，Micro USB接口，USB Type C接口等。USB接口130可以用于连接充电器为电子设备100充电，也可以用于电子设备100与外围设备之间传输数据。也可以用于连接耳机，通过耳机播放音频。该接口还可以用于连接其他电子设备，例如AR设备等。
可以理解的是，本发明实施例示意的各模块间的接口连接关系，只是示意性说明，并不构成对电子设备100的结构限定。在本申请另一些实施例中，电子设备100也可以采用上述实施例中不同的接口连接方式，或多种接口连接方式的组合。
充电管理模块140用于从充电器接收充电输入。其中，充电器可以是无线充电器，也可以是有线充电器。在一些有线充电的实施例中，充电管理模块140可以通过USB接口130接收有线充电器的充电输入。在一些无线充电的实施例中，充电管理模块140可以通过电子设备100的无线充电线圈接收无线充电输入。充电管理模块140为电池142充电的同时，还可以通过电源管理模块141为电子设备供电。
电源管理模块141用于连接电池142，充电管理模块140与处理器110。电源管理模块141接收电池142和/或充电管理模块140的输入，为处理器110，内部存储器121，显示屏194，摄像头193，和无线通信模块160等供电。电源管理模块141还可以用于监测电池容量，电池循环次数，电池健康状态(漏电，阻抗)等参数。在其他一些实施例中，电源管理模块141也可以设置于处理器110中。在另一些实施例中，电源管理模块141和充电管理模块140也可以设置于同一个器件中。
电子设备100的无线通信功能可以通过天线1，天线2，移动通信模块150，无线通信模块160，调制解调处理器以及基带处理器等实现。
天线1和天线2用于发射和接收电磁波信号。电子设备100中的每个天线可用于覆盖单个或多个通信频带。不同的天线还可以复用，以提高天线的利用率。例如：可以将天线1复用为无线局域网的分集天线。在另外一些实施例中，天线可以和调谐开关结合使用。
移动通信模块150可以提供应用在电子设备100上的包括2G/3G/4G/5G等无线通信的解决方案。移动通信模块150可以包括至少一个滤波器，开关，功率放大器，低噪声放大器(low noise amplifier，LNA)等。移动通信模块150可以由天线1接收电磁波，并对接收的电磁波进行滤波，放大等处理，传送至调制解调处理器进行解调。移动通信模块150还可以对经调制解调处理器调制后的信号放大，经天线1转为电磁波辐射出去。在一些实施例中，移动通信模块150的至少部分功能模块可以被设置于处理器110中。在一些实施例中，移动通信模块150的至少部分功能模块可以与处理器110的至少部分模块被设置在同一个器件中。
调制解调处理器可以包括调制器和解调器。其中，调制器用于将待发送的低频基带信号调制成中高频信号。解调器用于将接收的电磁波信号解调为低频基带信号。随后解调器将解调得到的低频基带信号传送至基带处理器处理。低频基带信号经基带处理器处理后，被传递给应用处理器。应用处理器通过音频设备(不限于扬声器170A，受话器170B等)输出声音信号，或通过显示屏194显示图像或视频。在一些实施例中，调制解调处理器可以是独立的器件。在另一些实施例中，调制解调处理器可以独立于处理器110，与移动通信模块150或其他功能模块设置在同一个器件中。
无线通信模块160可以提供应用在电子设备100上的包括无线局域网(wirelesslocal area networks，WLAN)(如无线保真(wireless fidelity，Wi-Fi)网络)，蓝牙(bluetooth，BT)，全球导航卫星系统(global navigation satellite system，GNSS)，调频(frequency modulation，FM)，近距离无线通信技术(near field communication，NFC)，红外技术(infrared，IR)等无线通信的解决方案。无线通信模块160可以是集成至少一个通信处理模块的一个或多个器件。无线通信模块160经由天线2接收电磁波，将电磁波信号调频以及滤波处理，将处理后的信号发送到处理器110。无线通信模块160还可以从处理器110接收待发送的信号，对其进行调频，放大，经天线2转为电磁波辐射出去。
在一些实施例中，电子设备100的天线1和移动通信模块150耦合，天线2和无线通信模块160耦合，使得电子设备100可以通过无线通信技术与网络以及其他设备通信。所述无线通信技术可以包括全球移动通讯系统(global system for mobile communications，GSM)，通用分组无线服务(general packet radio service，GPRS)，码分多址接入(codedivision multiple access，CDMA)，宽带码分多址(wideband code division multipleaccess，WCDMA)，时分码分多址(time-division code division multiple access，TD-SCDMA)，长期演进(long term evolution，LTE)，BT，GNSS，WLAN，NFC，FM，和/或IR技术等。所述GNSS可以包括全球卫星定位系统(global positioning system，GPS)，全球导航卫星系统(global navigation satellite system，GLONASS)，北斗卫星导航系统(beidounavigation satellite system，BDS)，准天顶卫星系统(quasi-zenith satellitesystem，QZSS)和/或星基增强系统(satellite based augmentation systems，SBAS)。
电子设备100通过GPU，显示屏194，以及应用处理器等实现显示功能。GPU为图像处理的微处理器，连接显示屏194和应用处理器。GPU用于执行数学和几何计算，用于图形渲染。处理器110可包括一个或多个GPU，其执行程序指令以生成或改变显示信息。
显示屏194用于显示图像，视频等。显示屏194包括显示面板。显示面板可以采用液晶显示屏(liquid crystal display，LCD)，有机发光二极管(organic light-emittingdiode，OLED)，有源矩阵有机发光二极体或主动矩阵有机发光二极体(active-matrixorganic light emitting diode的，AMOLED)，柔性发光二极管(flex light-emittingdiode，FLED)，Miniled，MicroLed，Micro-oLed，量子点发光二极管(quantum dot lightemitting diodes，QLED)等。在一些实施例中，电子设备100可以包括1个或N个显示屏194，N为大于1的正整数。
电子设备100可以通过ISP，摄像头193，视频编解码器，GPU，显示屏194以及应用处理器等实现拍摄功能。
ISP用于处理摄像头193反馈的数据。例如，拍照时，打开快门，光线通过镜头被传递到摄像头感光元件上，光信号转换为电信号，摄像头感光元件将所述电信号传递给ISP处理，转化为肉眼可见的图像。ISP还可以对图像的噪点，亮度，肤色进行算法优化。ISP还可以对拍摄场景的曝光，色温等参数优化。在一些实施例中，ISP可以设置在摄像头193中。
摄像头193用于捕获静态图像或视频。物体通过镜头生成光学图像投射到感光元件。感光元件可以是电荷耦合器件(charge coupled device，CCD)或互补金属氧化物半导体(complementary metal-oxide-semiconductor，CMOS)光电晶体管。感光元件把光信号转换成电信号，之后将电信号传递给ISP转换成数字图像信号。ISP将数字图像信号输出到DSP加工处理。DSP将数字图像信号转换成标准的RGB，YUV等格式的图像信号。在一些实施例中，电子设备100可以包括1个或N个摄像头193，N为大于1的正整数。
数字信号处理器用于处理数字信号，除了可以处理数字图像信号，还可以处理其他数字信号。例如，当电子设备100在频点选择时，数字信号处理器用于对频点能量进行傅里叶变换等。
视频编解码器用于对数字视频压缩或解压缩。电子设备100可以支持一种或多种视频编解码器。这样，电子设备100可以播放或录制多种编码格式的视频，例如：动态图像专家组(moving picture experts group，MPEG)1，MPEG2，MPEG3，MPEG4等。
NPU为神经网络(neural-network，NN)计算处理器，通过借鉴生物神经网络结构，例如借鉴人脑神经元之间传递模式，对输入信息快速处理，还可以不断的自学习。通过NPU可以实现电子设备100的智能认知等应用，例如：图像识别，人脸识别，语音识别，文本理解等。
外部存储器接口120可以用于连接外部存储卡，例如Micro SD卡，实现扩展电子设备100的存储能力。外部存储卡通过外部存储器接口120与处理器110通信，实现数据存储功能。例如将音乐，视频等文件保存在外部存储卡中。
内部存储器121可以用于存储计算机可执行程序代码，所述可执行程序代码包括指令。内部存储器121可以包括存储程序区和存储数据区。其中，存储程序区可存储操作系统，至少一个功能所需的应用程序(比如声音播放功能，图像播放功能等)等。存储数据区可存储电子设备100使用过程中所创建的数据(比如音频数据，电话本等)等。此外，内部存储器121可以包括高速随机存取存储器，还可以包括非易失性存储器，例如至少一个磁盘存储器件，闪存器件，通用闪存存储器(universal flash storage，UFS)等。处理器110通过运行存储在内部存储器121的指令，和/或存储在设置于处理器中的存储器的指令，执行电子设备100的各种功能应用以及数据处理。
电子设备100可以通过音频模块170，扬声器170A，受话器170B，麦克风170C，耳机接口170D，以及应用处理器等实现音频功能。例如音乐播放，录音等。
音频模块170用于将数字音频信息转换成模拟音频信号输出，也用于将模拟音频输入转换为数字音频信号。音频模块170还可以用于对音频信号编码和解码。在一些实施例中，音频模块170可以设置于处理器110中，或将音频模块170的部分功能模块设置于处理器110中。
扬声器170A，也称“喇叭”，用于将音频电信号转换为声音信号。电子设备100可以通过扬声器170A收听音乐，或收听免提通话。
受话器170B，也称“听筒”，用于将音频电信号转换成声音信号。当电子设备100接听电话或语音信息时，可以通过将受话器170B靠近人耳接听语音。
麦克风170C，也称“话筒”，“传声器”，用于将声音信号转换为电信号。当拨打电话或发送语音信息时，用户可以通过人嘴靠近麦克风170C发声，将声音信号输入到麦克风170C。电子设备100可以设置至少一个麦克风170C。在另一些实施例中，电子设备100可以设置两个麦克风170C，除了采集声音信号，还可以实现降噪功能。在另一些实施例中，电子设备100还可以设置三个，四个或更多麦克风170C，实现采集声音信号，降噪，还可以识别声音来源，实现定向录音功能等。
耳机接口170D用于连接有线耳机。耳机接口170D可以是USB接口130，也可以是3.5mm的开放移动电子设备平台(open mobile terminal platform，OMTP)标准接口，美国蜂窝电信工业协会(cellular telecommunications industry association of the USA，CTIA)标准接口。
压力传感器180A用于感受压力信号，可以将压力信号转换成电信号。在一些实施例中，压力传感器180A可以设置于显示屏194。压力传感器180A
的种类很多，如电阻式压力传感器，电感式压力传感器，电容式压力传感器等。电容式压力传感器可以是包括至少两个具有导电材料的平行板。当有力作用于压力传感器180A，电极之间的电容改变。电子设备100根据电容的变化确定压力的强度。当有触摸操作作用于显示屏194，电子设备100根据压力传感器180A检测所述触摸操作强度。电子设备100也可以根据压力传感器180A的检测信号计算触摸的位置。在一些实施例中，作用于相同触摸位置，但不同触摸操作强度的触摸操作，可以对应不同的操作指令。例如：当有触摸操作强度小于第一压力阈值的触摸操作作用于短消息应用图标时，执行查看短消息的指令。当有触摸操作强度大于或等于第一压力阈值的触摸操作作用于短消息应用图标时，执行新建短消息的指令。
陀螺仪传感器180B可以用于确定电子设备100的运动姿态。在一些实施例中，可以通过陀螺仪传感器180B确定电子设备100围绕三个轴(即，x，y和z轴)的角速度。陀螺仪传感器180B可以用于拍摄防抖。示例性的，当按下快门，陀螺仪传感器180B检测电子设备100抖动的角度，根据角度计算出镜头模组需要补偿的距离，让镜头通过反向运动抵消电子设备100的抖动，实现防抖。陀螺仪传感器180B还可以用于导航，体感游戏场景。
气压传感器180C用于测量气压。在一些实施例中，电子设备100通过气压传感器180C测得的气压值计算海拔高度，辅助定位和导航。
磁传感器180D包括霍尔传感器。电子设备100可以利用磁传感器180D检测翻盖皮套的开合。在一些实施例中，当电子设备100是翻盖机时，电子设备100可以根据磁传感器180D检测翻盖的开合。进而根据检测到的皮套的开合状态或翻盖的开合状态，设置翻盖自动解锁等特性。
加速度传感器180E可检测电子设备100在各个方向上(一般为三轴)加速度的大小。当电子设备100静止时可检测出重力的大小及方向。还可以用于识别电子设备姿态，应用于横竖屏切换，计步器等应用。
距离传感器180F，用于测量距离。电子设备100可以通过红外或激光测量距离。在一些实施例中，拍摄场景，电子设备100可以利用距离传感器180F测距以实现快速对焦。
接近光传感器180G可以包括例如发光二极管(LED)和光检测器，例如光电二极管。发光二极管可以是红外发光二极管。电子设备100通过发光二极管向外发射红外光。电子设备100使用光电二极管检测来自附近物体的红外反射光。当检测到充分的反射光时，可以确定电子设备100附近有物体。当检测到不充分的反射光时，电子设备100可以确定电子设备100附近没有物体。电子设备100可以利用接近光传感器180G检测用户手持电子设备100贴近耳朵通话，以便自动熄灭屏幕达到省电的目的。接近光传感器180G也可用于皮套模式，口袋模式自动解锁与锁屏。
环境光传感器180L用于感知环境光亮度。电子设备100可以根据感知的环境光亮度自适应调节显示屏194亮度。环境光传感器180L也可用于拍照时自动调节白平衡。环境光传感器180L还可以与接近光传感器180G配合，检测电子设备100是否在口袋里，以防误触。
指纹传感器180H用于采集指纹。电子设备100可以利用采集的指纹特性实现指纹解锁，访问应用锁，指纹拍照，指纹接听来电等。
温度传感器180J用于检测温度。在一些实施例中，电子设备100利用温度传感器180J检测的温度，执行温度处理策略。例如，当温度传感器180J上报的温度超过阈值，电子设备100执行降低位于温度传感器180J附近的处理器的性能，以便降低功耗实施热保护。在另一些实施例中，当温度低于另一阈值时，电子设备100对电池142加热，以避免低温导致电子设备100异常关机。在其他一些实施例中，当温度低于又一阈值时，电子设备100对电池142的输出电压执行升压，以避免低温导致的异常关机。
触摸传感器180K，也称“触控器件”。触摸传感器180K可以设置于显示屏194，由触摸传感器180K与显示屏194组成触摸屏，也称“触控屏”。触摸传感器180K用于检测作用于其上或附近的触摸操作。触摸传感器可以将检测到的触摸操作传递给应用处理器，以确定触摸事件类型。可以通过显示屏194提供与触摸操作相关的视觉输出。在另一些实施例中，触摸传感器180K也可以设置于电子设备100的表面，与显示屏194所处的位置不同。
骨传导传感器180M可以获取振动信号。在一些实施例中，骨传导传感器180M可以获取人体声部振动骨块的振动信号。骨传导传感器180M也可以接触人体脉搏，接收血压跳动信号。在一些实施例中，骨传导传感器180M也可以设置于耳机中，结合成骨传导耳机。音频模块170可以基于所述骨传导传感器180M获取的声部振动骨块的振动信号，解析出语音信号，实现语音功能。应用处理器可以基于所述骨传导传感器180M获取的血压跳动信号解析心率信息，实现心率检测功能。
按键190包括开机键，音量键等。按键190可以是机械按键。也可以是触摸式按键。电子设备100可以接收按键输入，产生与电子设备100的用户设置以及功能控制有关的键信号输入。
马达191可以产生振动提示。马达191可以用于来电振动提示，也可以用于触摸振动反馈。例如，作用于不同应用(例如拍照，音频播放等)的触摸操作，可以对应不同的振动反馈效果。作用于显示屏194不同区域的触摸操作，马达191也可对应不同的振动反馈效果。不同的应用场景(例如：时间提醒，接收信息，闹钟，游戏等)也可以对应不同的振动反馈效果。触摸振动反馈效果还可以支持自定义。
指示器192可以是指示灯，可以用于指示充电状态，电量变化，也可以用于指示消息，未接来电，通知等。
SIM卡接口195用于连接SIM卡。SIM卡可以通过插入SIM卡接口195，或从SIM卡接口195拔出，实现和电子设备100的接触和分离。电子设备100可以支持1个或N个SIM卡接口，N为大于1的正整数。SIM卡接口195可以支持Nano SIM卡，Micro SIM卡，SIM卡等。同一个SIM卡接口195可以同时插入多张卡。所述多张卡的类型可以相同，也可以不同。SIM卡接口195也可以兼容不同类型的SIM卡。SIM卡接口195也可以兼容外部存储卡。电子设备100通过SIM卡和网络交互，实现通话以及数据通信等功能。在一些实施例中，电子设备100采用eSIM，即：嵌入式SIM卡。eSIM卡可以嵌在电子设备100中，不能和电子设备100分离。
图2为本申请所应用的一种场景的示意图，如图1所示的电子设备可以应用在如图2所示的显示图标的场景中，电子设备可以是手机、平板电脑、电脑、智能电器等具有显示屏幕并能够显示图标的任一设备，本申请各实施例中以仅以电子设备为手机作为示例性的描述，而非其进行的限定。
在如图2所示的示例中，电子设备通过其显示屏幕显示的页面为系统主页面，在该页面中包括了多个图标，每个图标可以与一个应用程序对应，例如，页面中包括：“相机”、“通讯录”、“电话”和“信息”等应用程序的图标，则当电子设备检测对页面上某个图标控件区域的点击操作后，电子设备即可执行该图标对应的应用程序。
更为具体地，电子设备中设置的处理单元可用于绘制电子设备所显示的页面。其中，处理单元可以是电子设备中的CPU等处理器，处理单元具体可以通过处理单元中所运行的应用程序来实现页面的绘制。在具体的实现中，处理单元可以在完成页面的绘制后，将绘制好的页面发送至电子设备的显示单元，由显示单元在显示屏幕上显示该页面，本申请对电子设备如何显示页面的具体方法及原理不做限定。
而在一些实施例中，电子设备在显示页面上的图标时，首先将矩形图标的四个顶点进行圆角化处理，将生硬的直角转折顶点裁剪为平滑的圆角后，随后再显示经过圆角化处理的图标，达到改善显示效果的目的。
示例性地，假设如图2所示的电子设备的处理单元中，用于绘制页面的应用程序在T0时刻确定需要显示系统主页面，该系统主页面内包括了多个图标，每个图标的形状均为矩形。随后，处理单元中的应用程序需要对每个图标的顶点进行圆角化处理，再将处理后的页面进行显示，此时，页面上所有应用程序的图标的四个顶点均为圆角。以页面上“浏览器”应用程序的图标作为示例，按照顺时针方向将该图标的四个边记为a、b、c和d，四个顶点记为A、B、C和D，每个顶点均由矩形直角处理成为平滑的圆角。
在一些实施例中，处理单元在对图标的顶点进行的圆角化处理时，可以通过正圆形曲线为标准，对图标的转角进行相切的裁剪处理，得到每个转角处的圆角。例如，以图2中“浏览器”应用程序的图标的左下角D点作为示例，处理单元在绘制页面时，可以将显示页面的左上角O点作为原点(x0，y0)并按照显示页面的像素分辨率建立坐标系，并在绘制“浏览器”的图标时，根据左下角D点的坐标(x1，y2)，使用圆心为P点的圆形曲线L1同时与左下角D点两侧的图标的左侧边d和下侧边c相切，此时，圆形曲线L1可以在左侧边d和下侧边c之间形成一个圆弧形连接线，以该连接线代替原有的左侧边d和下侧边c之间通过D点的连接线，实现对顶点D的圆角化处理，可以理解，按照相同的方式，可以对图标的其他顶点依次通过圆形曲线进行圆角化的处理。
然而，在上述实施例中，使用圆形曲线L1对图标的顶点进行裁剪时，由于圆形曲线L1与图标的直线侧边之间的变化趋势差别较大，使得圆形曲线L1和直线侧边相切处带有拐点，从而导致通过圆形曲线L1对图标进行裁剪时，所得到的圆角不够平滑，影响图标的显示效果。
在另一些实施例中，如图2所示的电子设备中的处理单元，还可以使用G2曲线L2对图标的顶点进行裁剪，实现对图标顶点的圆角化处理。例如，同样以图标的左下角D点作为示例，处理单元在绘制页面时，可以根据左下角D点的坐标(x1，y2)，绘制G2曲线L2，并通过G2曲线L2同时与左下角D点两侧的图标的左侧边d和下侧边c相切，此时，G2曲线L2可以在左侧边d和下侧边c之间形成一个圆弧形连接线，以该连接线代替原有的左侧边d和下侧边c之间通过D点的连接线，实现对顶点D的圆角化处理，可以理解，按照相同的方式，可以对图标的其他顶点依次通过G2曲线进行圆角化的处理。
更为具体地，在一种实现的实现方式中，处理单元可以通过多段贝塞尔曲线计算得到G2曲线，其中，以2段贝塞尔曲线为例，可以通过如下公式一和公式二，通过2段贝塞尔曲线计算得到G2曲线(Bx(t)，By(t))：Bx(t)＝(1-t)3*c1+3t*(1-t)2*c2+3t2*(1-t)*c3+t3*c4公式一By(t)＝(1-t)3*v1+3t*(1-t)2*v2+3t2*(1-t)*v3+t3*v4公式二
其中，参数c和参数v为计算贝塞尔曲线所需的可调参数，0＜t≤1。示例性地，当贝塞尔曲线是连接3个点间的圆滑曲线时，参数c和参数v为绘制贝塞尔曲线的3个控制点，则当调用贝塞尔绘制函数path.cubicTo时，可以将(c2,v2)作为控制点，(c3,v3)作为控制点，(c4,v4)作为结束点，并作为输入参数传入path.cubicTo(c2,v2,c3,v3,c4,v4)。
此时，对于处理单元在绘制图标时，至少需要通过如下图3中所示的步骤对图标的四个顶点进行圆角化的处理，其中，图3为一种电子设备绘制图标时图标圆角化的处理流程示意图：
S1，绘制两条贝塞尔曲线，对图标的左上角(left top corner)A点进行圆角化处理。
具体可以通过如下程序代码实现：
//left top corner
……
path.cubicTo(c2,v2,c3,v3,c4,v4)；
path.cubicTo(v3,c3,v2,c2,v1,c1)；
S2，绘制两条贝塞尔曲线，对图标的右上角(right top corner)B点进行圆角化处理。
具体可以通过如下程序代码实现：
//right top corner
……
path.cubicTo(width-v2,c2,width-v3,c3,width-v4,c4)；
path.cubicTo(width-c3,v3,width-c2,v2,width-c1,v1)；
S3，绘制两条贝塞尔曲线，对图标的右下角(right bottom corner)C点进行圆角化处理。
具体可以通过如下程序代码实现：
//right bottom corner
……
path.cubicTo(width-c2,height-v2,width-c3,height-v3,width-c4,height-v4)；
path.cubicTo(width-v3,height-c3,width-v2,height-c2,width-v1,height-c1)；
S4，绘制两条贝塞尔曲线，对图标的左下角(left bottom corner)D点进行圆角化处理。
具体可以通过如下程序代码实现：
//left bottom corner
……
path.cubicTo(v2,height-c2,v3,height-c3,v4,height-c4)；
path.cubicTo(c3,height-v3,c2,height-v2,c1,height-v1)；
最终，通过上述S1-S4四个步骤，处理单元可以完成对一个图标的四个顶点的圆角化处理。可以理解，在如图1所示的电子设备中，处理单元可以在T0确定待显示的系统主页面中的图标后，按照相同的方式对系统主页面上所有图标通过上述四个步骤进行处理后，最终在T1时刻完成对所有图标的圆角化处理，电子设备可以在T1时刻显示系统主页面，此时，所显示的系统主页面内所有图标都进行了圆角化的处理。
在上述实施例中电子设备的处理单元虽然实现了对图标的圆角化处理，但是，在对每一个图标进行处理时，都需要分别为图标的四个顶角绘制四个不同G2曲线，才能够分别实现对四个顶角进行的圆角化处理。即使采用最小段数的2段贝塞尔曲线得到一个G2曲线，在显示页面上图标数量较多时，处理单元在绘制页面时需要计算的G2曲线数量就会增加，极大地增加了处理单元在绘制页面时的计算量、严重影响绘制页面的效率，使得图2所示的场景中，处理单元在T0时刻获取页面之后，需要经过较长的时间才能在T1时刻完成整个页面中所有图标的圆角化处理，进而完成页面绘制进行显示，在T0-T1之间的时间较长的情况下，会造成电子设备最终显示的页面具有页面卡顿等视觉效果，严重影响电子设备的用户的观看体验。
因此，在本申请一实施例中，还提供一种电子设备中处理单元在绘制图标时，使用圆角化曲线对图标进行圆角化处理的方法，所述圆角化曲线可以是G2曲线，并可应用于如图2所示的场景中，由电子设备中处理单元内的应用程序执行。图4为本申请提供的一种图标圆角化的处理方法的流程示意图，其中，该方法包括：
S101：确定待处理图标的一个顶点所对应的G2曲线。参照图5，图5为本申请提供的电子设备的处理单元对图标顶点进行圆角化处理的状态示意图，在S101中，作为执行主体的处理单元在对图标进行圆角化处理时，可以首先选择图标的四个顶点中的任一个顶点，并通过贝塞尔曲线计算该顶点的G2曲线。在图5所示的示例中，以图标左上角的第一顶点A作为示例，则在S101中，处理单元可以通过如下公式计算出左上角第一顶点A对应的G2曲线，记为AG2(x1，y1)：
//left top corner
……
path.cubicTo(c2,v2,c3,v3,c4,v4)；
path.cubicTo(v3,c3,v2,c2,v1,c1)；
在计算出顶点A对应的G2曲线后，处理单元可以进一步根据计算出的G2曲线AG2(x1，y1)，对第一顶点A进行圆角化处理，得到如图5所示的状态S10中图标A的圆角顶点。
S102：通过坐标变化的方式，确定出图标其他三个顶点对应的G2曲线。
具体地，在本实施例中处理单元并不需要通过公式计算的方式得到每个顶点对应的G2曲线，而是基于显示屏幕的整体像素大小和图标绘制参数均为已知量的情况下，在通过S101计算得到一个顶点的G2曲线后，根据该G2曲线通过较为简单的坐标变化的方式，得到图标中其他三个顶点的G2曲线，再通过G2曲线分别对对应的顶点进行圆角化处理。其中，记处理单元能够提前确定图标在图2中x方向的长边对应的像素分辨率记为width，以及y方向的宽边对应的像素分辨率记为height。
示例性地，在对如图5所示的图标进行圆角化处理的过程中，当通过S101得到了第一顶点A对应的G2曲线，并根据该G2曲线对第一顶点A进行圆角化处理，得到如图5所示的状态S10之后。处理单元可以通过坐标变化的方式，根据已经计算出的第一顶点A所对应的G2曲线AG2(x1，y1)，得到图标右上角的第二顶点B所对应的G2曲线BG2(x2，y2)，相当于在如图1所示的x-y坐标系内，对第一顶点的圆角化曲线，保持宽边方向y不变，在长边方向x上进行翻转并与长边方向上的像素分辨率width相加，实现对已经计算出的第一顶点A的G2曲线按照像素坐标的具体数值进行翻转和平移，其中，曲线AG2(x1，y1)与曲线BG2(x2，y2)之间的变化公式为如下公式三：
x2＝-x1+width
y2＝y1 公式三
相应地，处理单元可以在S102中通过坐标变化的方式，得到图标右下角的第三顶点C所对应的G2曲线CG2(x3，y3)，相当于在如图1所示的x-y坐标系内，对第一顶点的圆角化曲线，在宽边方向y上进行翻转并与宽边方向上的像素分辨率heigh相加后，在长边方向x上进行翻转并与长边方向上的像素分辨率width相加，实现对已经计算出的第一顶点A的G2曲线按照像素坐标的具体数值进行翻转和平移，其中，曲线AG2(x1，y1)与曲线CG2(x3，y3)之间的变化公式为如下公式四：
Figure BDA0003808485540000211
处理单元还可以通过坐标变化的方式，得到图标左下角的第四顶点D所对应的G2曲线DG2(x4，y4)，相当于在如图1所示的x-y坐标系内，对第一顶点的圆角化曲线，保持长边方向x的不变，在宽边方向y上进行翻转并与宽边方向上的像素分辨率heigh相加后，实现对已经计算出的第一顶点A的G2曲线按照像素坐标的具体数值进行翻转和平移，其中，曲线AG2(x1，y1)与曲线DG2(x4，y4)之间的变化公式为如下公式五：
Figure BDA0003808485540000212
S103：根据S101-S102中所得到的图标的四个顶点的G2曲线，分别对图标的四个顶点进行圆角化处理。
其中，处理单元在得到G2曲线BG2(x2，y2)后，相当于对G2曲线AG2(x1，y1)在x方向上进行了翻转和移动，处理单元可以根据该G2曲线对第二顶点B进行圆角化处理，得到如图5所示的状态S20中图标的圆角化的第二顶点B。
相应地，处理单元在得到G2曲线CG2(x3，y3)后，相当于对G2曲线AG2(x1，y1)在x方向和y方向上各自进行了翻转和移动，可以在S103中根据该G2曲线对第三顶点C进行圆角化处理，得到如图5所示的状态S30中图标的圆角化的第三顶点C。
相应地，处理单元在得到G2曲线DG2(x4，y4)后，相当于对G2曲线AG2(x1，y1)在y方向上进行了翻转和移动，可以根据该G2曲线对第四顶点D进行圆角化处理，得到如图5所示的状态S40中图标的圆角化的第四顶点D。
在本申请一些实施例中，如图5所示的状态S20-S40的先后顺序不作限定，可以由处理单元分别先后执行，或者同时执行，最终实现对顶点B、C和D的圆角化处理。
在一些实施例中，本申请提供的S102-S103执行先后顺序不作限定，可以是处理单元通过S101-S102中确定所有顶点的G2曲线后，再通过S103对顶点分别进行圆角化处理；或者，还可以是处理单元通过S101-S102中确定一个顶点的G2曲线后，就立即对该G2曲线对应的顶点进行圆角化处理，随后再依次计算下一个顶点的G2曲线。
此外，可以理解的是，本申请实施例中以图5所示的状态S10中先计算图标的左上顶角A对应的G2曲线作为示例，在其他可能的实现方式中，处理单元还可以先通过公式计算其他任一顶角的G2曲线，随后再根据计算出的G2曲线进行坐标变化得到其他顶角的G2曲线，其具体方式与原理相同，不再赘述。
本申请实施例提供的对图标的四个顶点进行圆角化处理的整个过程可以在代码化实现时，在整个过程中，除了在计算图标的第一个顶点(以左上顶点坐标示例)对应的G2曲线时，使用了多段贝塞尔函数进行计算，在图标的其他三个顶点计算时，都通过显示平面所在的坐标系内坐标变化的方式，较为简单、直接地得到顶点对应的G2曲线，再通过G2曲线对每个顶点分别进行圆角化处理，使得本实施例提供的一维坐标变化得到G2曲线的方式，与每个顶点都通过多维的贝塞尔函数计算G2曲线的方式相比，坐标变化的计算量极大地减少，从而减少了电子设备的处理单元在对显示页面上一个图标的四个顶点进行圆角化处理的时间，进而减少了处理单元绘制显示页面的时间，应用在图2所示的场景中，处理单元在T0时刻获取页面之后，由于减少了绘制页面时的计算量，既能够减少电子设备的功耗，又能够较快地在早于T1时刻的T1’时刻，完成页面的绘制并进行显示，提高电子设备绘制页面时的速度和效率，缓解电子设备出现页面卡顿等视觉效果，进而提高了电子设备的显示性能以及给用户的观看体验。
在另一些实施例中，存储单元中可以存储有多个图标绘制参数，以及每个图标绘制参数对应的四个顶点的G2曲线，则电子设备在对图标进行圆角化处理时，可以根据待绘制图标的图标绘制参数，从存储单元提前存储绘制好的图标四个顶点的G2曲线，使得电子设备的处理单元需要绘制G2曲线时，可以直接从存储单元中读取与当前图标的图标绘制参数对应的G2曲线，从而进一步减少电子设备绘制页面时的速度和效率。其中，存储单元可以是电子设备中的内存、缓存等能够用于存储数据的设备，或者，还可以是处理单元中用于存储数据的模块等。示例性地，同样以图2所示场景中，处理单元绘制系统主页面的过程作为示例，处理单元在T0时刻获取页面之后，对每个图标进行圆角化处理时，可以从存储单元中获取与当前图标尺寸对应的四个顶点的G2曲线，随后根据所获取的G2曲线，直接对图标的四个顶点进行裁剪处理。
在另一些实施例中，考虑到存储单元中若将所有尺寸的图标对应的四个顶点的G2曲线都进行存储时，对存储空间带来了较大的占用，因此，存储单元中可以存储图标的一个顶点对应的G2曲线，将该一个顶点记为第一顶点，使得处理单元在对图标的顶点进行圆角化处理时，根据当前处理图标的尺寸从存储单元中获取与该尺寸对应的第一顶点的G2曲线。示例性地，图6为本申请提供的另一种图标圆角化的处理方法的流程示意图，如图6所示的方法在如图4所示实施例的基础上，S101具体为S1011：处理单元从存储单元中获取图标的左上角第一顶点所对应的G2曲线。在S1011之后，处理单元再通过S102根据公式三、公式四和公式五相同的方式，计算出该图标对应的其他三个顶点的G2曲线，并通过S103对图标的四个顶点进行圆角化处理，从而在减少存储空间占用的情况下，也能一定程度上提高计算效率。
在一些实施例中，存储单元中存储的G2曲线可以对应于图标的不同绘制参数，例如不同的尺寸，其中，假设电子设备的像素分辨率为1080×2340，则可以根据该像素分辨率组合1080x2340＝2527200种不同尺寸的矩形，并根据每种尺寸的矩形绘制一个顶点或者四个顶点的G2曲线后存储到存储单元中。此时，图标绘制参数可用于通过第二图标在长边和宽边上的像素分辨率，指示图标的尺寸。使得处理单元在对图标的顶点进行圆角化处理时，根据当前处理图标的图标绘制参数所指示的尺寸从存储单元中获取与该尺寸对应的G2曲线。示例性地，图7为本申请提供的存储单元中存储的G2曲线的示意图，其中，存储单元中根据矩形图标的不同尺寸，存储了不同尺寸的矩形对应的G2曲线，所有G2曲线均以电子设备的显示页面的左上角O点作为原点，在显示页面的长边和宽边上以像素分辨率为单位建立坐标系，所绘制的尺寸分别为J1、J2、J3、J4……的G2曲线，这些G2曲线的初始坐标值均为坐标系的原点O进行绘制。则当电子设备中的处理单元在绘制图标并进行图标的圆角化处理时，若确定当前待绘制的第二图标左上角的第一顶点A在显示页面上的第一坐标值为(x1，y1)，以及图标的边长对应的像素分辨率为J3时，处理单元可以从存储单元中获取尺寸J3对应的G2曲线，并将G2曲线的坐标从O点的初始坐标值(0，0)加上A点的第一坐标值(x1，y1)，最终得到待绘制图标在A点处进行圆角化处理时所需的G2曲线。
在一些实施例中，存储单元中存储的G2曲线可以是电子设备的生产商所提前绘制并存储的；或者，也可以是电子设备在绘制G2曲线的过程中，当第一次绘制一个尺寸的图标对应的G2曲线后，就将该尺寸图标对应的G2曲线存入存储单元，后续每次绘制G2曲线时，都对当前图标的尺寸进行判断，若存储单元中存储有该尺寸图标的G2曲线，可以直接从存储单元中获取G2曲线，否则由处理单元计算G2曲线。
在本申请如图2-图7所示的实施例中，对电子设备的处理单元在显示页面上显示图标时，对图标的四个顶点进行圆角化的处理过程，在上述场景中，所显示的图标的大小固定，处理单元完成当前页面的显示后，在后续页面中不需要对图标控件的大小进行变化，因此进行一次图标的圆角化处理即可。
而在另一些实施例中，电子设备在显示页面上所显示的图标的大小并非固定，而是在一定时间段内进行缩放变化，这时，处理单元就需要不断地对一个图标控件，按照不同时刻内图标的大小，使用不同的G2曲线对顶点进行圆角化处理。
例如，图8为本申请提供的电子设备的显示状态一实施例的变化示意图，图9为一种电子设备的显示过程示意图，其中，在图9所示的S201中，电子设备显示的是系统主页面，对应于图8所示的状态S1。而在图9所示的S202中，电子设备检测到用户对显示页面上目标位置的“设置”应用程序的点击操作，对应于图8所示的状态S2。随后，电子设备在S103中运行该目标位置对应的“设置”应用程序，对应于图8所示的状态S3中，电子设备在显示页面上显示“设置”应用程序的页面。
在上述状态S2-S3的过程中，一些电子设备还可以提供应用程序的图标动态变化的过程，从而提供更加丰富的显示效果。例如，图10为本申请提供的电子设备的显示状态另一实施例的变化示意图，示出了在如图8所示的状态S2-S3之间，电子设备可以通过其显示页面所显示的内容。其中，将电子设备显示状态S2对应时刻记为T2、显示状态S3对应的时刻记为T6，假设显示屏幕整体的像素分辨率为1080×2340，主系统页面内图标的像素分辨率为36×36，则在T2-T6之间，电子设备按照一定的频率和时间，将“设置”应用程序的图标从S2中的36×36大小，逐渐增加到S3中占据整个显示屏幕区域的1080×2340大小，T2-T6之间的时间长度可以是预设的、也可以是用户设定的，或者还可以是电子设备内的应用程序所设定的。
示例性地，在图10所示的示例中，在T2时刻之后，电子设备中的处理单元将开始以一定的频率绘制页面，每一个页面中“设置”应用程序的图标都比前一个页面中该图标的面积大。绘制页面的频率可有电子设备的用户进行设置。例如，在T2时刻后的T2时刻，处理单元将绘制出一个比T2时刻的图标更大的“设置”应用程序的图标，并最终在显示状态S21中显示；在T4-T5时刻，处理单元所绘制的图标继续增大，并在显示状态S22-S23中持续。在T2-T6中的每一个预设的时刻，处理单元都将绘制新的页面，而在绘制页面的过程中，每次都需要对其中“设置”应用程序的图标，按照不同尺寸的G2曲线进行裁剪。而如果每次都计算图标的四个顶点的G2曲线，再进行裁剪，在T2-T6的过程中将进行多次重新绘制，同样将极大地增加处理单元在绘制页面时的计算量、严重影响绘制页面的效率，会造成电子设备在显示S2-S3状态之间，图标的动态变化效果时，页面具有页面卡顿、应用启动慢等视觉效果，从而影响电子设备的用户的观看体验。
在一些实施例中，从状态S1-S3的过程中，图标内的内容可以从“设置”应用程序的图形变化为该应用程序的界面，例如在状态S22的图标内是图像，在状态23内为应用程序的界面，这个切换可以发生在S1-S3之间的任一时刻，本申请强调图标大小的变化和顶点的处理，对图标内所显示的具体内容不做限定。
此外，如图10所示的图标动态显示的场景仅为示例，电子设备还包括其他动态显示图标的场景，例如，图11为本申请提供的电子设备的显示状态又一实施例的变化示意图，示出了另一种可能的图标动态显示的场景。在图11所示的状态S4中，电子设备显示的是系统主页面，当检测到用户在显示页面底端向上滑动的操作后，在状态S5中，电子设备显示当前开启的应用程序的窗口，并在检测到用户对某一应用程序的窗口向上滑动操作后，开始执行关闭该应用程序的操作，同时，在后续的状态S6中，电子设备在显示页面上显示逐渐变小的应用程序的窗口，此时处理器也需要对窗口的变化过程进行实时的绘制，在T7-T8时刻之间每间隔预设时刻需要重新绘制页面并进行图标顶角的圆角化处理。
因此，本申请还提供一种电子设备中处理单元在绘制如图10所示的场景中，大小动态变化的图标时，对图标进行圆角化处理的方法，由电子设备中处理单元内的应用程序执行。具体地，图12为本申请提供的图标圆角化的处理方法一实施例的流程示意图，其中，该方法包括：
S200：电子设备的处理单元检测到对第一图标的触控操作，示例性地，S200可以对应于如图10所示的状态S2，处理单元在T2时刻检测到用户对显示页面上第一应用程序的第一图标的点击操作，第一应用程序以“设置”应用程序作为示例，此外，触控操作还可以是长按、滑动、拖动、双击等。在T2时刻之后，电子设备的处理单元开始执行S300中绘制该第一应用程序的图标的展开过程，S300的图标展开过程从T2时刻开始，到图标完全展开到整个显示页面后的T6时刻结束。
在一些实施例中，处理单元在检测到对第一图标的触控操作后，可以根据触控操作进一步确定第一应用程序的图标在T2-T6时刻时间的图标绘制参数，例如，处理单元可以按照一定的预设频率，确定在T2时刻-T6时刻之间，重复绘制显示页面中，第一应用程序对应的图标的大小依次增大。则处理单元此时需要确定在每一次绘制显示页面时图标的绘制参数，例如待绘制的图标在显示页面上以像素分辨率为单位时的长度和宽度等，随后，处理单元再根据待绘制的图标的绘制参数对应的G2曲线对第一应用程序对应的图标进行圆角化处理。其中，预设频率可以是电子设备的显示页面的刷新频率、更新频率等，例如每秒60帧，则处理单元将每间隔1/60秒的时间，执行一次S300中绘制图标的过程，并且每次绘制的图标大小将依次增大。
在一些实施例中，S300具体包括如下步骤：
S301：处理单元从存储单元中获取与图标绘制参数对应的圆角化曲线，该圆角化曲线可以具体是预设的G2曲线。
其中，本实施例中提供的电子设备中可以通过存储单元提前存储绘制好的不同尺寸的图标对应的G2曲线，具体存储的G2曲线可以参照如图7所示的示例。使得电子设备的处理单元需要绘制G2曲线时，可以直接从存储单元中读取预设的G2曲线，而不用实时计算G2曲线。以图10所示的场景作为示例，在T2时刻之后的T3时刻处理单元在绘制当前显示页面时，根据当前待更新的显示页面中第一应用程序对应的第二图标的尺寸等图标绘制参数后，即可根据图标绘制参数从存储单元中获取与图标绘制参数对应的预设的G2曲线，第二图标的尺寸和第一图标的尺寸不同。其中，此处的第二图标可以是T2时刻之后、T6时刻之前，任一时刻待绘制的显示页面中第一应用程序对应的图标。
S302：处理单元根据获取的预设G2曲线，对第二图标的四个顶点进行圆角化处理。
若获取到当前图标绘制参数对应的四个顶点的G2曲线，即可直接根据G2曲线对第二图标的四个顶点分别进行圆角化处理；又例如，若获取到当前图标绘制参数对应的一个顶点的G2曲线，随可以根据公式三、公式四和公式五相同的方式，计算出该第二图标对应的其他三个顶点的G2曲线后，再根据G2曲线对第二图标的四个顶点分别进行圆角化处理。示例性地，在图10所示的场景中，处理单元在T3时刻根据获取的G2曲线对尺寸变化后的第一应用程序的第二图标的四个顶点进行了圆角化处理。
在一些实施例中，当电子设备的处理单元确定第一应用程序的图标绘制参数后，即可根据待更新的显示页面中第一应用程序对应的第二图标的尺寸等图标绘制参数，完成对第二图标的绘制，此时所绘制的第二图标未经过圆角化处理，随后在S302中再对所绘制的第二图标进行圆角化处理，绘制第二图标的过程可以在S301之前或之后执行，或者，与S301同时执行。
S303：处理单元通过显示单元显示经过圆角化处理后的第二图标。
以图10所示的场景为例，处理单元在T3时刻计算出如状态S21的显示页面，在显示页面中包括经过了圆角化处理的第二图标后，随后处理单元可以通过显示单元在显示屏上显示如状态S21中的显示页面，在该显示页面中包括了经过圆角化处理后的第二图标。显示单元可以具体是GPU、驱动器等可用于控制显示屏进行显示的设备，或者，显示单元可以是显示屏，本申请对电子设备上显示页面的具体方式不做限定。
可以理解的是，处理单元在预设时间段T2-T6之间，将按照预设频率，重复执行S301-S303的过程，使得处理单元在S300中，在预设时间段T2-T6之间内，按照预设频率，根据图标绘制参数绘制当前待更新的显示页面中第一应用程序对应的图标，依次将所绘制的图标作为第二图标，并根据当前第二图标的图标绘制参数从存储单元中实时获取对应的圆角化曲线，再对当前显示页面中第二图标进行圆角化处理后，由显示单元对包括圆角化处理后的第二图标的当前显示页面进行显示。最终，显示单元将以预设频率进行刷新，在刷新的T2-T6之间的过程中，显示页面内的第二图标都经过了圆角化处理并逐渐变化。
最终，本实施例提供的图标圆角化的处理方法中，电子设备的处理单元在根据一定的预设频率，实时绘制动态变化的图标时，可以根据当前待绘制页面中第二图标的尺寸，根据预设频率从存储单元中获取提前计算好的预设的G2曲线，再通过预设的G2曲线对每个顶点分别进行圆角化处理，因此不需要每次都进行G2曲线的计算，使得处理单元在整个图标变化的过程中，对图标进行圆角化处理时的计算量极大地减少，从而减少了处理单元绘制显示页面的时间。当应用在图10示的场景中处理单元在T2时刻到T6时刻之间按照预设频率在多次的显示页面刷新并分别进行多次图标的绘制时，由于每次都是从存储单元中获取预设的G2曲线，不会因每次都进行G2曲线的计算而增加计算量，最终能够在减少电子设备的功耗的同时，又能够以更快的速度完成每一个图标的圆角化处理，进而完成每个时刻对应的页面的绘制并进行显示，提高电子设备在T2-T6时刻绘制页面时的速度和效率，缓解电子设备出现页面卡顿、应用启动慢等视觉效果，进而提高了电子设备的显示性能以及给用户的观看体验。
在一些实施例中，基于在图10所示的T2-T6时刻之间图标在动态变化时，图标的初始尺寸(S2中的尺寸)、图标的最终尺寸(显示页面的尺寸)和预设频率都是已知的，因此当处理单元在T2时刻S200确定对图标的点击操作后，就可以根据图标的初始尺寸、最终尺寸和预设频率，确定处理单元在T2-T6的预设时间段内，总共所需绘制的显示页面的个数，以及每个显示页面内第一应用程序对应的图标的尺寸。此时，处理单元可以提前根据预设频率，从存储单元中获取预设时间段内所有显示页面中第一应用程序对应的图标尺寸所对应的G2曲线，在后续计算时使用，从而能够减少处理单元与存储单元之间的交互，进一步提高处理效率。
图13为本申请提供的图标圆角化的处理方法一实施例的流程示意图，如图13所示的方法在S200之后，还包括：S201：处理单元按照预设频率，确定第一应用程序对应的图标在T2-T6时刻之间变化时对应的多条预设G2曲线，并通过S202从存储单元中获取所确定的多条预设G2曲线。随后，处理单元将在T2-T6时刻之间执行S400，具体包括：S401按照预设频率，分别根据当前显示页面中图标的尺寸，从处理单元中即可直接选择与尺寸对应的预设G2曲线对图标进行圆角化处理，再通过S402将绘制的图标发送至显示单元，由显示单元在S403中进行显示。S401-S403的具体绘制图标、显示图标的方法及原理与如图12中的S302-S304相同，不再赘述。
在一些实施例中，本申请还提供一种电子设备中处理单元在绘制如图11所示的场景中，图标的大小将根据用户的滑动操作动态变化时，对图标进行圆角化处理的方法，由电子设备中处理单元内的应用程序执行。具体地，图14为本申请提供的图标圆角化的处理方法一实施例的流程示意图，在如图14所示的示例中，该方法包括：S500：电子设备的处理单元确定接收到对第一应用程序对应的第一图标的滑动操作，示例性地，S500可以对应于如图11所示的状态S5，处理单元在T7时刻检测到用户对显示页面上第一应用程序图标的滑动操作后，可以根据滑动操作的方向和速度，确定在T7时刻下一次刷新时刻时，需要显示的显示页面中第一应用程序对应的第二图标的尺寸等图标绘制参数。S501：处理单元根据图标的尺寸从存储单元中获取与该图标绘制参数对应的预设G2曲线。S502：处理单元根据获取的预设G2曲线，对图标的四个顶点进行圆角化处理。S503：处理单元通过显示单元对显示页面进行显示。S501-S504的具体绘制图标、显示图标的方法及原理与如图12中的S301-S304相同，不再赘述。
综上，本实施例提供的图标圆角化的方法中，处理单元能够根据用户对图标的滑动操作，确定图标变化的尺寸，并可以根据当前图标的尺寸，根据预设频率从存储单元中获取提前计算好的预设的G2曲线，再通过预设的G2曲线对每个顶点分别进行圆角化处理，因此不需要每次都进行G2曲线的计算，使得处理单元在整个图标变化的过程中，对图标进行圆角化处理时的计算量极大地减少，从而减少了处理单元绘制显示页面的时间。当应用在如图12所示的场景中，在确定用户对图标的滑动操作后，能够尽快地完成下一个显示页面中图标的圆角化处理，提高了电子设备根据用户对图标的滑动操作绘制页面时的速度和效率，缓解电子设备出现页面卡顿、应用启动慢等视觉效果，进而提高了电子设备的显示性能以及给用户的观看体验。
在一些实施例中，图15为本申请提供的图标圆角化的处理方法一实施例的流程示意图，在如图15所示的示例中，处理单元在绘制显示页面时，首先确定显示页面中待绘制的图标的变化类型，若图标属于如图2所示场景中的静态变化类型，则可以按照如图3所示的处理方式，根据图标的实时尺寸从存储单元中获取预设G2曲线并根据预设G2曲线对图标圆角化处理后，将包括图标的显示页面发送给显示单元进行显示。而若图标属于如图10所示的动态变化类型，则可以按照如图13所示的方式，根据图标变化的初始尺寸和最终尺寸从存储单元中获取图标变化时对应的多条预设G2曲线，并在后续按照预设频率依次根据预设G2曲线对图标圆角化处理后，将包括图标的显示页面发送给显示单元进行显示。
在前述实施例中，对本申请实施例提供的图标圆角化的处理方法进行了介绍，而为了实现上述本申请实施例提供的方法中的各功能，作为执行主体的电子设备可以包括硬件结构和/或软件模块，以硬件结构、软件模块、或硬件结构加软件模块的形式来实现上述各功能。上述各功能中的某个功能以硬件结构、软件模块、还是硬件结构加软件模块的方式来执行，取决于技术方案的特定应用和设计约束条件。
例如，本申请提供一种图标圆角化的处理装置，包括：检测模块、确定模块、获取模块、绘制模块、确定模块和显示模块等，其中，检测模块用于检测到对第一图标的触控操作；确定模块用于根据所述触控操作，确定所述第一应用程序的图标绘制参数；获取模块用于从存储单元中获取与所述图标绘制参数对应的圆角化曲线；绘制模块用于根据所述图标绘制参数，绘制第二图标；处理模块用于通过所述圆角化曲线对所述第二图标进行圆角化处理；显示模块，于显示经过圆角化处理后的所述第二图标。
需要说明的是，上述检测模块、确定模块、获取模块、绘制模块、确定模块和显示模块具体执行的内容可以参阅上述实施例中所描述的图标圆角化的处理的方法中的相关内容，其具体实现方式及原理相同，此处不做赘述。
应理解以上装置的各个模块的划分仅仅是一种逻辑功能的划分，实际实现时可以全部或部分集成到一个物理实体上，也可以物理上分开。且这些模块可以全部以软件通过处理元件调用的形式实现；也可以全部以硬件的形式实现；还可以部分模块通过处理元件调用软件的形式实现，部分模块通过硬件的形式实现。可以为单独设立的处理元件，也可以集成在上述装置的某一个芯片中实现，此外，也可以以程序代码的形式存储于上述装置的存储器中，由上述装置的某一个处理元件调用并执行以上确定模块的功能。其它模块的实现与之类似。此外这些模块全部或部分可以集成在一起，也可以独立实现。这里所述的处理元件可以是一种集成电路，具有信号的处理能力。在实现过程中，上述方法的各步骤或以上各个模块可以通过处理器元件中的硬件的集成逻辑电路或者软件形式的指令完成。
例如，以上这些模块可以是被配置成实施以上方法的一个或多个集成电路，例如：一个或多个特定集成电路(application specific integrated circuit，ASIC)，或，一个或多个微处理器(digital signal processor，DSP)，或，一个或者多个现场可编程门阵列(field programmable gate array，FPGA)等。再如，当以上某个模块通过处理元件调度程序代码的形式实现时，该处理元件可以是通用处理器，例如中央处理器(centralprocessing unit，CPU)或其它可以调用程序代码的处理器。再如，这些模块可以集成在一起，以片上系统(system-on-a-chip，SOC)的形式实现。
在上述实施例中，可以全部或部分地通过软件、硬件、固件或者其任意组合来实现。当使用软件实现时，可以全部或部分地以计算机程序产品的形式实现。所述计算机程序产品包括一个或多个计算机指令。在计算机上加载和执行所述计算机程序指令时，全部或部分地产生按照本申请实施例所述的流程或功能。所述计算机可以是通用计算机、专用计算机、计算机网络、或者其他可编程装置。所述计算机指令可以存储在计算机可读存储介质中，或者从一个计算机可读存储介质向另一个计算机可读存储介质传输，例如，所述计算机指令可以从一个网站站点、计算机、服务器或数据中心通过有线(例如同轴电缆、光纤、数字用户线(DSL))或无线(例如红外、无线、微波等)方式向另一个网站站点、计算机、服务器或数据中心进行传输。所述计算机可读存储介质可以是计算机能够存取的任何可用介质或者是包含一个或多个可用介质集成的服务器、数据中心等数据存储设备。所述可用介质可以是磁性介质，(例如，软盘、硬盘、磁带)、光介质(例如，DVD)、或者半导体介质(例如固态硬盘solid state disk(SSD))等。
本申还提供一种电子设备，包括：处理器以及存储器；其中，存储器中存储有计算机执行指令，当处理器执行计算机执行指令时，处理器可用于执行如本申请前述实施例中任一的图标圆角化的处理方法。
本申请还提供一种计算机可读存储介质，计算机可读存储介质存储有计算机执行指令，计算机执行指令被执行时可用于实现如本申请前述实施例中任一的图标圆角化的处理方法。
本申请实施例还提供一种运行指令的芯片，所述芯片用于执行如本申请前述任一实施例中由电子设备所执行的图标圆角化的处理方法。
本申请实施例还提供一种计算机程序产品，所述程序产品包括计算机程序，所述计算机程序存储在存储介质中，所述计算机程序被执行时，可实现如本申请前述任一实施例中由电子设备所执行的图标圆角化的处理方法。
本领域普通技术人员可以理解：实现上述各方法实施例的全部或部分步骤可以通过程序指令相关的硬件来完成。前述的程序可以存储于一计算机可读取存储介质中。该程序在执行时，执行包括上述各方法实施例的步骤；而前述的存储介质包括：ROM、RAM、磁碟或者光盘等各种可以存储程序代码的介质。
最后应说明的是：以上各实施例仅用以说明本申请的技术方案，而非对其限制；尽管参照前述各实施例对本申请进行了详细的说明，本领域的普通技术人员应当理解：其依然可以对前述各实施例所记载的技术方案进行修改，或者对其中部分或者全部技术特征进行等同替换；而这些修改或者替换，并不使相应技术方案的本质脱离本申请各实施例技术方案的范围。

Claims (13)

1.一种图标圆角化的处理方法，其特征在于，包括：
检测到对第一图标的触控操作；其中，所述第一图标对应于第一应用程序；
确定所述第一应用程序的图标绘制参数；
根据所述图标绘制参数，绘制第二图标；其中，所述第二图标对应于所述第一应用程序，所述第一图标和第二图标的尺寸不同；
获取预先存储的与所述图标绘制参数对应的图标在四个顶点的圆角化曲线；通过所述四个顶点的圆角化曲线对所述第二图标进行圆角化处理；
显示经过圆角化处理后的所述第二图标。
2.根据权利要求1所述的方法，其特征在于，所述第一图标可以为第一窗口，所述第二图标可以为第二窗口，所述第一窗口和所述第二窗口的尺寸不同。
3.根据权利要求1所述的方法，其特征在于，
所述图标绘制参数包括：所述第二图标在长边和宽边方向上的像素分辨率；其中，以显示页面在长边和宽边方向上以像素分辨率为单位建立坐标系，所述预先存储的圆角化曲线的初始坐标值以所述坐标系的原点为基准绘制。
4.根据权利要求1-3任一项所述的方法，其特征在于，所述确定所述第一应用程序的图标绘制参数，包括：
确定在预设时间段内，按照预设频率对第一应用程序的图标进行更新刷新时，每次更新所使用的图标绘制参数。
5.根据权利要求4所述的方法，其特征在于，所述获取预先存储的与所述图标绘制参数对应的图标在四个顶点的圆角化曲线，包括：
在所述预设时间段内，按照预设频率，分别获取该次更新第一应用程序的图标时使用的图标绘制参数对应的圆角化曲线。
6.根据权利要求4所述的方法，其特征在于，所述获取预先存储的与所述图标绘制参数对应的图标在四个顶点的圆角化曲线，包括：
获取所述预设时间段内，按照预设频率对第一应用程序的图标进行更新时，每个图标绘制参数所对应的圆角化曲线。
7.根据权利要求5或6所述的方法，其特征在于，所述根据所述图标绘制参数，绘制第二图标，包括；
在所述预设时间段内，按照所述预设频率，根据所述图标绘制参数绘制所述第一应用程序的图标，并依次将绘制的图标作为所述第二图标。
8.一种图标圆角化的处理方法，其特征在于，包括：
检测到对第一图标的触控操作；其中，所述第一图标对应于第一应用程序；
确定所述第一应用程序的图标绘制参数；
根据所述图标绘制参数，绘制第二图标；其中，所述第二图标对应于所述第一应用程序，所述第一图标和第二图标的尺寸不同；
获取预先存储的与所述图标绘制参数对应的图标在第一顶点的圆角化曲线；
根据所述第一顶点的圆角化曲线，得到第二顶点、第三顶点和第四顶点的圆角化曲线，通过所述第一顶点、所述第二顶点、所述第三顶点和所述第四顶点的圆角化曲线，分别对所述第二图标的所述第一顶点、所述第二顶点、所述第三顶点和所述第四顶点进行圆角化处理；
显示经过圆角化处理后的所述第二图标。
9.根据权利要求8所述的方法，其特征在于，
所述图标绘制参数包括：所述第二图标在长边和宽边方向上的像素分辨率；其中，以显示页面在长边和宽边方向上以像素分辨率为单位建立坐标系，所述预先存储的圆角化曲线的初始坐标值以所述坐标系的原点为基准绘制。
10.根据权利要求9所述的方法，其特征在于，所述通过所述第一顶点的圆角化曲线，对所述第二图标的第一顶点进行圆角化处理之前，还包括：
确定所述第二图标的第一顶点在所述坐标系中的第一坐标值；
将所述第一顶点的圆角化曲线在所述坐标系中的初始坐标值与所述第一坐标值相加得到第二图标的第一顶点的圆角化曲线。
11.根据权利要求10所述的方法，其特征在于，所述根据所述第一顶点的圆角化曲线，得到第二顶点、第三顶点和第四顶点的圆角化曲线，包括：
将所述第二图标的第一顶点的圆角化曲线在所述坐标系中的初始坐标值，保持宽边方向上不变，在长边方向上进行翻转、并与所述第二图标在长边方向上的像素分辨率相加后，得到所述第二图标在第二顶点的圆角化曲线；
将所述第二图标的第一顶点的圆角化曲线在所述坐标系中的初始坐标值，在长边方向上进行翻转、并与所述第二图标在长边方向上的像素分辨率相加，在宽边方向上进行翻转、并与所述第二图标在宽边方向上的像素分辨率相加后，得到所述第二图标在第三顶点的圆角化曲线；
将所述第二图标的第一顶点的圆角化曲线在所述坐标系中的初始坐标值，保持长边方向上不变，在宽边方向上进行翻转、并与所述第二图标在宽边方向上的像素分辨率相加后，得到所述第二图标在第四顶点的圆角化曲线。
12.一种电子设备，其特征在于，包括：处理器和存储器；
所述存储器存储计算机执行指令；
所述处理器执行所述存储器存储的计算机执行指令，使得所述处理器执行如权利要求1至11任一项所述的图标圆角化的处理方法。
13.一种计算机可读存储介质，其特征在于，所述计算机可读存储介质中存储有计算机执行指令，当计算机执行指令被执行时，可用于实现如权利要求1至11任一项所述的图标圆角化的处理方法。
CN202211004546.5A 2021-07-08 2021-07-08 图标圆角化的处理方法及装置 Pending CN115619894A (zh)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN202211004546.5A CN115619894A (zh) 2021-07-08 2021-07-08 图标圆角化的处理方法及装置

Applications Claiming Priority (2)

Application Number Priority Date Filing Date Title
CN202211004546.5A CN115619894A (zh) 2021-07-08 2021-07-08 图标圆角化的处理方法及装置
CN202110773976.2A CN113610943B (zh) 2021-07-08 2021-07-08 图标圆角化的处理方法及装置

Related Parent Applications (1)

Application Number Title Priority Date Filing Date
CN202110773976.2A Division CN113610943B (zh) 2021-07-08 2021-07-08 图标圆角化的处理方法及装置

Publications (1)

Publication Number Publication Date
CN115619894A true CN115619894A (zh) 2023-01-17

Family

ID=78304236

Family Applications (2)

Application Number Title Priority Date Filing Date
CN202110773976.2A Active CN113610943B (zh) 2021-07-08 2021-07-08 图标圆角化的处理方法及装置
CN202211004546.5A Pending CN115619894A (zh) 2021-07-08 2021-07-08 图标圆角化的处理方法及装置

Family Applications Before (1)

Application Number Title Priority Date Filing Date
CN202110773976.2A Active CN113610943B (zh) 2021-07-08 2021-07-08 图标圆角化的处理方法及装置

Country Status (1)

Country Link
CN (2) CN113610943B (zh)

Cited By (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN117541461A (zh) * 2024-01-10 2024-02-09 广州中望龙腾软件股份有限公司 一种弧线缩放绘制方法、装置、设备和介质

Citations (6)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
JPH04153695A (ja) * 1990-10-17 1992-05-27 Seikosha Co Ltd 曲線近似方法
CN105094507A (zh) * 2014-05-15 2015-11-25 Tcl集团股份有限公司 一种实现3d ui中圆角图标焦点套合方法及系统
CN106445332A (zh) * 2016-09-05 2017-02-22 深圳Tcl新技术有限公司 图标显示方法及系统
CN109445898A (zh) * 2018-10-31 2019-03-08 维沃移动通信有限公司 一种应用程序图标生成方法及终端设备
CN111127590A (zh) * 2019-12-26 2020-05-08 新奥数能科技有限公司 一种二阶贝塞尔曲线绘制方法及装置
WO2021083132A1 (zh) * 2019-10-31 2021-05-06 维沃移动通信有限公司 图标移动方法及电子设备

Family Cites Families (3)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN105224177B (zh) * 2015-09-30 2019-03-01 努比亚技术有限公司 一种移动终端及应用图标的重绘方法
CN108153526A (zh) * 2017-12-22 2018-06-12 武汉虹信技术服务有限责任公司 一种可复用的控件圆角化设置方法
CN110032307A (zh) * 2019-02-26 2019-07-19 华为技术有限公司 一种应用图标的移动方法及电子设备

Patent Citations (6)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
JPH04153695A (ja) * 1990-10-17 1992-05-27 Seikosha Co Ltd 曲線近似方法
CN105094507A (zh) * 2014-05-15 2015-11-25 Tcl集团股份有限公司 一种实现3d ui中圆角图标焦点套合方法及系统
CN106445332A (zh) * 2016-09-05 2017-02-22 深圳Tcl新技术有限公司 图标显示方法及系统
CN109445898A (zh) * 2018-10-31 2019-03-08 维沃移动通信有限公司 一种应用程序图标生成方法及终端设备
WO2021083132A1 (zh) * 2019-10-31 2021-05-06 维沃移动通信有限公司 图标移动方法及电子设备
CN111127590A (zh) * 2019-12-26 2020-05-08 新奥数能科技有限公司 一种二阶贝塞尔曲线绘制方法及装置

Cited By (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN117541461A (zh) * 2024-01-10 2024-02-09 广州中望龙腾软件股份有限公司 一种弧线缩放绘制方法、装置、设备和介质
CN117541461B (zh) * 2024-01-10 2024-05-10 广州中望龙腾软件股份有限公司 一种弧线缩放绘制方法、装置、设备和介质

Also Published As

Publication number Publication date
CN113610943B (zh) 2022-10-04
CN113610943A (zh) 2021-11-05

Similar Documents

Publication Publication Date Title
CN110597510B (zh) 一种界面的动态布局方法及设备
CN109559270B (zh) 一种图像处理方法及电子设备
CN110347269B (zh) 一种空鼠模式实现方法及相关设备
WO2021036585A1 (zh) 一种柔性屏显示方法和电子设备
JP7468830B2 (ja) エネルギー効率の良い表示処理方法およびデバイス
CN111552451B (zh) 显示控制方法及装置、计算机可读介质及终端设备
CN112506386A (zh) 一种折叠屏显示方法及电子设备
CN114887323B (zh) 一种电子设备操控方法及电子设备
WO2022095744A1 (zh) Vr显示控制方法、电子设备及计算机可读存储介质
CN113691271B (zh) 数据传输方法及可穿戴设备
CN113448482A (zh) 触控屏的滑动响应控制方法及装置、电子设备
CN112527220B (zh) 一种电子设备显示方法及电子设备
CN110704145B (zh) 一种热区调整方法与装置、电子设备与存储介质
CN114880251A (zh) 存储单元的访问方法、访问装置和终端设备
WO2022095906A1 (zh) 一种按键映射方法、电子设备及系统
CN113610943B (zh) 图标圆角化的处理方法及装置
CN114089902A (zh) 手势交互方法、装置及终端设备
CN113901485B (zh) 应用程序加载方法、电子设备及存储介质
WO2022111593A1 (zh) 一种用户图形界面显示方法及其装置
CN114332331A (zh) 一种图像处理方法和装置
CN114610195B (zh) 图标显示方法、电子设备及存储介质
CN116703691B (zh) 图像处理方法、电子设备及计算机存储介质
WO2024001900A1 (zh) 一种折叠屏的显示方法以及相关设备
CN114579900A (zh) 跨设备的页面切换方法、电子设备及存储介质
CN116419003A (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