CN115774590A - 阴影生成方法及装置、电子设备、存储介质 - Google Patents

Abstract

一种阴影生成方法及装置、电子设备、存储介质，该方法可以包括：获取图形用户界面中待绘制的目标控件的轮廓数据；根据该轮廓数据，在上述目标控件对应的轮廓范围外确定该目标控件对应的阴影绘制路径；按照该阴影绘制路径，通过模糊遮罩滤镜绘制上述目标控件对应的阴影图像，该阴影图像用于在上述目标控件对应的视图对象上实现阴影效果。实施本申请实施例，能够提升电子设备在图形用户界面上实现阴影效果的便捷性和效率。

Description

阴影生成方法及装置、电子设备、存储介质

技术领域

本申请涉及图形用户界面技术领域，尤其涉及一种阴影生成方法及装置、电子设备、存储介质。

背景技术

当前，电子设备(如智能手机、电脑、电视等)在通过其屏幕进行输出显示时，通常会根据其GUI(Graphical User Interface，图形用户界面)的不同设置而呈现不同的显示效果。然而，在实践中发现，在实现阴影效果时，电子设备所需要进行的绘制过程往往较为繁杂，从而降低了电子设备在图形用户界面上实现阴影效果的便捷性和效率。

发明内容

本申请实施例公开了一种阴影生成方法及装置、电子设备、存储介质，能够提升电子设备在图形用户界面上实现阴影效果的便捷性和效率。

本申请实施例第一方面公开一种阴影生成方法，包括：

获取图形用户界面中待绘制的目标控件的轮廓数据；

根据所述轮廓数据，在所述目标控件对应的轮廓范围外确定所述目标控件对应的阴影绘制路径；

按照所述阴影绘制路径，通过模糊遮罩滤镜绘制所述目标控件对应的阴影图像，所述阴影图像用于在所述目标控件对应的视图对象上实现阴影效果。

本申请实施例第二方面公开一种阴影生成装置，包括：

轮廓获取单元，用于获取图形用户界面中待绘制的目标控件的轮廓数据；

路径确定单元，用于根据所述轮廓数据，在所述目标控件对应的轮廓范围外确定所述目标控件对应的阴影绘制路径；

阴影绘制单元，用于按照所述阴影绘制路径，通过模糊遮罩滤镜绘制所述目标控件对应的阴影图像，所述阴影图像用于在所述目标控件对应的视图对象上实现阴影效果。

本申请实施例第三方面公开了一种电子设备，包括存储器及处理器，所述存储器中存储有计算机程序，所述计算机程序被所述处理器执行时，使得所述处理器实现如本申请实施例第一方面公开的任意一种阴影生成方法中的全部或部分步骤。

本申请实施例第四方面公开了一种计算机可读存储介质，其存储计算机程序，其中，所述计算机程序被处理器执行时实现如本申请实施例第一方面公开的任意一种阴影生成方法中的全部或部分步骤。

与相关技术相比，本申请实施例具有以下有益效果：

本申请实施例中，应用阴影生成方法的电子设备可以在其屏幕上输出显示图形用户界面。为了在该图形用户界面上实现阴影效果，电子设备可以获取图形用户界面中待绘制的目标控件的轮廓数据，并根据该轮廓数据，在目标控件对应的轮廓范围外确定该目标控件对应的阴影绘制路径。在此基础上，电子设备可以按照上述阴影绘制路径，通过模糊遮罩滤镜绘制该目标控件对应的阴影图像，该阴影图像即用于在上述目标控件对应的视图对象上实现阴影效果。可见，实施本申请实施例，电子设备能够在对图形用户界面上的目标控件进行绘制时，基于模糊遮罩滤镜(BlurMaskFilter)绘制该目标控件的阴影图像，从而可以在图形用户界面上实现具有阴影效果的控件，提升视图对象的立体感和层次感，优化图形用户界面的视觉表达效果。相较于相关技术中在实现阴影效果时，往往需要根据控件大小分别绘制四边和圆角的阴影，整体绘制过程较为复杂，本申请实施例能够通过模糊遮罩滤镜快速、简单地完成阴影图像的绘制，从而能够有效提升电子设备在图形用户界面上实现阴影效果的便捷性和效率。

附图说明

为了更清楚地说明本申请实施例中的技术方案，下面将对实施例中所需要使用的附图进行简单的介绍，显而易见地，下面描述中的附图仅仅是本申请的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其它的附图。

图1是本申请实施例公开的一种阴影生成方法的应用场景示意图；

图2是本申请实施例公开的一种阴影生成方法的流程示意图；

图3是本申请实施例公开的在图形用户界面上显示的一种目标控件的示意图；

图4是本申请实施例公开的在图形用户界面上显示的另一种目标控件的示意图；

图5是本申请实施例公开的另一种阴影生成方法的流程示意图；

图6A是本申请实施例公开的一种目标控件对应的视图对象上所实现的阴影效果示意图；

图6B是本申请实施例公开的另一种目标控件对应的视图对象上所实现的阴影效果示意图；

图6C是本申请实施例公开的又一种目标控件对应的视图对象上所实现的阴影效果示意图；

图7是本申请实施例公开的又一种阴影生成方法的流程示意图；

图8是本申请实施例公开的模糊遮罩滤镜的不同模糊处理模式的示意图；

图9是本申请实施例公开的一种阴影生成装置的模块化示意图；

图10是本申请实施例公开的一种电子设备的模块化示意图。

具体实施方式

下面将结合本申请实施例中的附图，对本申请实施例中的技术方案进行清楚、完整的描述，显然，所描述的实施例仅是本申请一部分实施例，而不是全部的实施例。基于本申请中的实施例，本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其它实施例，都属于本申请保护的范围。

需要说明的是，本申请实施例的术语“包括”和“具有”及他们的任何变形，意图在于覆盖不排他的包含，例如，包含了一系列步骤或单元的过程、方法、系统、产品或设备不必限于清楚列出的那些步骤或单元，而是可包括没有清楚地列出的或对于这些过程、方法、产品或设备固有的其它步骤或单元。

本申请实施例公开了一种阴影生成方法及装置、电子设备、存储介质，能够提升电子设备在图形用户界面上实现阴影效果的便捷性和效率。

以下将结合附图进行详细描述。

请参阅图1，图1是本申请实施例公开的一种阴影生成方法的应用场景示意图。如图1所示，电子设备100可以包括屏幕101，该屏幕101上可以输出显示有图形用户界面(Graphical User Interface，GUI)20，用户可以通过该图形用户界面20获取电子设备100输出的图像、文字等信息，同时可以通过该图形用户界面20来实现对电子设备100的控制。示例性地，该图形用户界面20上可以设置有不同的控件21，例如按钮控件、文本框控件等，每个控件21在该图形用户界面20上均可以视图(View)对象的形式显示，用户可以通过与选定的视图对象进行交互(例如点击按钮、向文本框输入文字等)，以调用相应的控件21所封装的数据或方法，从而实现对电子设备100的控制。

需要说明的是，电子设备100在通过其屏幕101进行输出显示时，通常会根据其图形用户界面20的不同设置而呈现不同的显示效果。其中，对于该图形用户界面20上设有的控件21，可以在控件21对应的视图对象上实现各种不同的阴影效果，以提升视图对象的立体感和层次感，优化图形用户界面20的视觉表达效果。

在本申请实施例中，为了在图形用户界面20上实现控件21对应的阴影效果，电子设备100可以获取该图形用户界面20中待绘制的目标控件21的轮廓数据，并根据该轮廓数据，在目标控件21对应的轮廓范围外确定该目标控件对应的阴影绘制路径。在此基础上，电子设备100可以按照上述阴影绘制路径，通过模糊遮罩滤镜(BlurMaskFilter)绘制该目标控件21对应的阴影图像，该阴影图像即用于在上述目标控件21对应的视图对象上实现阴影效果。可见，实施本申请实施例，电子设备100能够在对图形用户界面20上的目标控件21进行绘制时，基于模糊遮罩滤镜绘制该目标控件21的阴影图像，从而可以在图形用户界面20上实现具有阴影效果的控件21。相较于相关技术中在实现阴影效果时，往往需要根据控件大小分别绘制四边和圆角的阴影，整体绘制过程较为复杂，本申请实施例能够通过模糊遮罩滤镜快速、简单地完成阴影图像的绘制，从而能够有效提升电子设备100在图形用户界面20上实现阴影效果的便捷性和效率。

其中，上述电子设备100可以包括具备屏幕显示功能的各类设备或系统，如手机、智能可穿戴设备、车载终端、平板电脑、PC(Personal Computer，个人电脑)、PDA(PersonalDigital Assistant，个人数字助理)、电视等，本申请实施例中不作具体限定。进一步地，该电子设备100可以搭载有操作系统，如安卓(Android)操作系统、iOS操作系统、塞班(Symbian)操作系统、Windows操作系统等，本申请实施例中均以安卓操作系统为例。可以理解，图1所示的电子设备100为电视，这仅仅是一种示例，不应被视为对本申请实施例中电子设备100的设备类型的限制。

示例性地，电子设备100的屏幕101可以包括未图示的背光层以及显示层，该背光层可以用于发出白色背光，该显示层则可以用于根据上述输出图像信号调整不同像素点的滤光颜色及滤光程度，以对上述白色背光进行滤光，实现不同颜色、不同亮度的彩色输出。以液晶电视为例，其可以具有液晶显示屏(Liquid Crystal Display，LCD)，则上述显示层具体可以为TFT(Thin Film Transistor，薄膜晶体管)层、液晶层以及滤光片层的组合。通过液晶电视内置的处理器控制TFT层上的电压信号，可以准确地调整液晶层中液晶分子的排列状态，以针对滤光片层中不同像素点、不同颜色的滤光片分配相应的透光量，进而可以调整每个像素点在不同颜色通道上的亮度，在屏幕101上表现输出图像信号对应的色彩效果，实现相应的显示图像输出，从而可以在此基础上，精确展示图形用户界面20中各个控件21对应的阴影效果。

可选地，上述电子设备100的屏幕101也可以仅包括显示层，该显示层可以自发光，以在电子设备100内置的处理器的控制下，直接对屏幕101所表现的色彩效果进行调整，以实现相应的显示图像输出。示例性地，以OLED(Organic Light Emitting Diodes，有机发光二极管)电视为例，其可以具有OLED显示屏，则上述显示层具体可以为OLED层。

请参阅图2，图2是本申请实施例公开的一种阴影生成方法的流程示意图。如图2所示，该阴影生成方法可以包括以下步骤：

202、获取图形用户界面中待绘制的目标控件的轮廓数据。

在本申请实施例中，电子设备在通过其屏幕输出显示图形用户界面时，该图形用户界面上可以设置有不同的控件，例如按钮控件、文本框控件等，每个控件在该图形用户界面上均可以视图对象的形式显示。在此基础上，为了在该图形用户界面上实现阴影效果(具体是在各个控件对应的视图对象上实现阴影效果)，电子设备可以先获取待绘制的目标控件的轮廓数据。

示例性地，上述轮廓数据可以包括轮廓形状(例如轮廓外形、轮廓大小等)、轮廓属性(例如相应的目标控件属于容器控件、非容器控件等)等。请一并参阅图3及图4，图3是本申请实施例公开的在图形用户界面上显示的一种目标控件的示意图，图4则是本申请实施例公开的在图形用户界面上显示的另一种目标控件的示意图。如图3所示，目标控件21a可以为非容器控件(其对应的视图对象不包含或组合其它视图对象)，在图形用户界面20上，该目标控件21a可以显示为图标形式的视图对象，其轮廓外形可以为圆角矩形。在一些实施例中，目标控件21a的轮廓外形也可以为圆形、椭圆形、圆角三角形等。在另一些实施例中，如图4所示，目标控件21b可以为容器控件(其对应的视图对象可包含或组合其它视图对象21a)，在图形用户界面20上，该目标控件21b可以显示为卡片形式的视图对象，其轮廓外形也同样可以为圆角矩形。

在此基础上，基于所获取的上述轮廓数据，电子设备可以在后续步骤中确定该目标控件对应的轮廓范围，从而可以在该轮廓范围外进一步绘制阴影图像，实现阴影效果。

204、根据该轮廓数据，在上述目标控件对应的轮廓范围外确定该目标控件对应的阴影绘制路径。

在本申请实施例中，由于目标控件对应的视图对象在图形用户界面上占有一定面积，即覆盖一定区域的像素点，故用于实现其阴影效果的阴影图像在该目标控件对应的轮廓范围外也覆盖一定区域的像素点。为了得到上述阴影图像，电子设备可以调用画笔对象(例如在安卓操作系统中通过Paint()类来实现)按照一定的阴影绘制路径(例如在安卓操作系统中通过Path()类来实现)进行绘制。

示例性地，电子设备在获取上述轮廓数据之后，可以基于该轮廓数据确定目标控件对应的轮廓范围，进而可以在该轮廓范围外确定该目标控件对应的阴影绘制路径。

在一些实施例中，电子设备可以根据阴影范围参数来确定该目标控件对应的阴影绘制路径，其中，该阴影范围参数可以用于定义包含阴影绘制路径的阴影绘制范围。示例性地，仍以安卓操作系统为例，该阴影范围参数可以包括android:clipToPadding(用于确定阴影绘制范围是否在目标控件对应的轮廓范围内)、android:clipChildren(用于确定阴影绘制范围是否超出目标控件的父控件对应的轮廓范围)等。

在另一些实施例中，电子设备可以根据阴影效果参数来确定该目标控件对应的阴影绘制路径，其中，该阴影效果参数可以用于定义所绘制的阴影图像可实现的阴影效果。示例性地，该阴影效果参数至少可以包括阴影颜色、阴影模糊半径(用于表征阴影扩散范围)、阴影偏移参数(用于表征阴影图像在X或Y轴上偏移的程度)、阴影圆角参数(用于表征阴影图像的圆角大小、弧度等)中的任意一种，通常也可以同时包括多种，本申请实施例中不作具体限定。

206、按照该阴影绘制路径，通过模糊遮罩滤镜绘制上述目标控件对应的阴影图像，该阴影图像用于在上述目标控件对应的视图对象上实现阴影效果。

其中，上述模糊遮罩滤镜(BlurMaskFilter)，可以用于在电子设备调用画笔对象绘制阴影图像时，对其绘制的阴影图像进行一定的Alpha过滤处理，从而调整阴影图像在不同区域的透明度，实现不同的模糊效果。

在本申请实施例中，以安卓操作系统为例，电子设备在确定出上述阴影绘制路径之后，可以直接调用Android SDK上的画笔绘制效果接口BlurMaskFilter，并在重设参数或采用默认参数的情况下，利用该接口按照上述阴影绘制路径绘制得到目标控件对应的阴影图像，从而可以通过该阴影图像在上述目标控件对应的视图对象上实现相应的阴影效果。

可见，实施上述实施例所描述的阴影生成方法，电子设备能够在对图形用户界面上的目标控件进行绘制时，基于模糊遮罩滤镜绘制该目标控件的阴影图像，从而可以在图形用户界面上实现具有阴影效果的控件，提升视图对象的立体感和层次感，优化图形用户界面的视觉表达效果。相较于相关技术中在实现阴影效果时，往往需要根据控件大小分别绘制四边和圆角的阴影，整体绘制过程较为复杂，本申请实施例能够通过模糊遮罩滤镜快速、简单地完成阴影图像的绘制，从而能够有效提升电子设备在图形用户界面上实现阴影效果的便捷性和效率。

请参阅图5，图5是本申请实施例公开的另一种阴影生成方法的流程示意图。如图5所示，该阴影生成方法可以包括以下步骤：

502、通过视图轮廓接口获取图形用户界面中待绘制的目标控件对应的形状数据。

504、若形状数据包括自定义形状，则将该自定义形状确定为目标控件的轮廓形状，若形状数据不包括自定义形状，则将默认形状确定为目标控件的轮廓形状。

其中，步骤502以及步骤504与上述步骤202类似，即电子设备所获取的轮廓数据可以包括轮廓形状。可选的，电子设备可以通过视图轮廓接口获取待绘制的目标控件对应的形状数据，进而可以根据该形状数据确定该目标控件的轮廓形状。需要说明的是，上述轮廓形状可以包括轮廓外形、轮廓大小等，从而可以唯一、准确地确定出目标控件对应的轮廓范围。

在本申请实施例中，以安卓操作系统为例，电子设备可以直接调用Android SDK上的接口ViewOutlineProvider作为视图轮廓接口，以获取图形用户界面中待绘制的目标控件对应的形状数据。在此基础上，若目标控件自定义了其轮廓形状，则电子设备所获取的形状数据可以包括该自定义形状(如非默认的圆角矩形、圆形、椭圆形、圆角三角形等)；否则，在电子设备所获取的形状数据不包括自定义形状的情况下，该电子设备也可以将默认形状(通常为一定大小的圆角矩形)确定为目标控件的轮廓形状。

进一步地，电子设备可以在后续步骤中将上述轮廓形状作为目标控件对应的阴影图像的内边框，从而可以在该内边框外确定目标控件对应的阴影绘制路径，以在该内边框外进一步绘制阴影图像，实现该目标控件对应的视图对象上的阴影效果。

在一些实施例中，电子设备在确定目标控件对应的阴影绘制路径之前，可以先基于阴影范围参数定义包含该阴影绘制路径的阴影绘制范围，从而可以确保在符合该阴影绘制范围的条件下绘制阴影图像。举例来说，电子设备可以获取预先设定的阴影范围参数(如上述的android:clipToPadding、android:clipChildren等)，进而可以将上述轮廓形状作为目标控件对应的阴影图像的内边框，并在该内边框外，且符合上述阴影范围参数所定义的阴影绘制范围内，确定该目标控件对应的阴影绘制路径。

示例性地，通过将布尔型的阴影范围参数android:clipToPadding的值设置为false(即设置android:clipToPadding＝false)，可以使得阴影绘制范围超出目标控件所填充的区域，即将该目标控件的轮廓形状作为改目标控件对应的阴影图像的内边框，在该内边框外绘制阴影图像。通过将阴影范围参数android:clipChildren的值设置为false(即设置android:clipChildren＝false)，可以使得阴影绘制范围不受目标控件的父控件对应的轮廓范围限制，即所绘制的阴影图像不会被包含目标控件、轮廓范围更大的父控件对应的轮廓范围切割，从而可以尽可能地在图形用户界面中延伸，以实现丰富多样的阴影效果。

506、获取阴影效果参数，该阴影效果参数至少包括阴影颜色、阴影模糊半径、阴影偏移参数、阴影圆角参数中的任意一种。

其中，上述阴影效果参数，可以用于定义电子设备针对目标控件对应的视图对象所绘制的阴影图像可实现的阴影效果。电子设备在获取该阴影效果参数之后，可以结合上述目标控件的轮廓形状以及该阴影效果参数，在后续步骤中进一步确定该目标控件对应的阴影绘制路径，以绘制出定制化的阴影图像，有利于提升电子设备在图形用户界面上实现阴影效果的准确性和灵活性。

示例性地，上述阴影颜色，可以用于表征阴影图像在色域上的范围。可选地，该阴影颜色可以包括单一的颜色，也可以包括混合色、渐变色(例如阴影图像从中心到四周渐变、从左到右渐变等)等，本申请实施例中不作具体限定。

上述阴影模糊半径，可以用于表征阴影扩散范围，即阴影图像自身的大小(例如从该阴影图像的内边框到外边框的宽度)，或者该阴影图像相对于目标控件的轮廓范围的大小(例如该阴影图像的半径相对于目标控件的轮廓范围的半径的比例)。如图6A所示，从左到右(编号依次为a、b、c)依次为针对同一目标控件的视图对象绘制阴影图像时，阴影模糊半径从小到大的阴影效果示意图(黑色区域表示阴影图像)。

上述阴影偏移参数，可以用于表征阴影图像在X或Y轴上偏移的程度，即该阴影图像在横轴方向或竖轴方向上相对于目标控件的视图对象偏移的程度。以阴影图像仅在X轴正方向(向右)偏移为例，如图6B所示，从左到右(编号依次为a、b、c)依次为针对同一目标控件的视图对象绘制阴影图像时，阴影偏移参数从小到大的阴影效果示意图(黑色区域表示阴影图像)。可以理解，当阴影图像在X轴及Y轴上的偏移参数均不为0时，该阴影图像也可以相对于目标控件的视图对象斜向偏移。

上述阴影圆角参数，可以用于表征阴影图像的圆角大小、弧度等，从而在阴影图像包含圆角(例如目标控件的轮廓形状为圆角矩形、圆角三角形等)时，可以准确确定其圆角的形状。以目标控件的轮廓形状为圆角矩形，而阴影圆角参数包括圆角大小为例，如图6C所示，从左到右(编号依次为a、b、c)依次为针对同一目标控件的视图对象绘制阴影图像时，阴影圆角参数从小到大的阴影效果示意图(黑色区域表示阴影图像)。

508、根据上述轮廓形状及阴影效果参数，在目标控件对应的轮廓范围外确定该目标控件对应的阴影绘制路径。

其中，步骤508与上述步骤204类似。需要说明的是，通过结合上述目标控件的轮廓形状以及阴影效果参数来确定阴影绘制路径，能够绘制出定制化的阴影图像，从而有效提升了电子设备在图形用户界面上实现阴影效果的准确性和灵活性。

510、按照该阴影绘制路径，通过模糊遮罩滤镜绘制上述目标控件对应的阴影图像，该阴影图像用于在上述目标控件对应的视图对象上实现阴影效果。

其中，步骤510与上述步骤206类似，此处不再赘述。

可见，实施上述实施例所描述的阴影生成方法，电子设备能够在对图形用户界面上的目标控件进行绘制时，基于模糊遮罩滤镜绘制该目标控件的阴影图像，从而可以在图形用户界面上实现具有阴影效果的控件，提升视图对象的立体感和层次感，优化图形用户界面的视觉表达效果。通过模糊遮罩滤镜快速、简单地完成阴影图像的绘制，能够有效提升电子设备在图形用户界面上实现阴影效果的便捷性和效率。此外，通过设置一系列参数来限定阴影图像的绘制范围、绘制效果等，能够使电子设备绘制出定制化的阴影图像，从而有利于提升电子设备在图形用户界面上实现阴影效果的准确性和灵活性。

请参阅图7，图7是本申请实施例公开的又一种阴影生成方法的流程示意图。如图7所示，该阴影生成方法可以包括以下步骤：

702、通过视图轮廓接口获取图形用户界面中待绘制的目标控件对应的形状数据。

704、若形状数据包括自定义形状，则将该自定义形状确定为目标控件的轮廓形状，若形状数据不包括自定义形状，则将默认形状确定为目标控件的轮廓形状。

其中，步骤702以及步骤704与上述步骤502以及步骤504类似，此处不再赘述。

706、获取阴影效果参数，该阴影效果参数至少包括阴影颜色、阴影模糊半径、阴影偏移参数、阴影圆角参数中的任意一种。

708、根据上述轮廓形状及阴影效果参数，在目标控件对应的轮廓范围外确定该目标控件对应的阴影绘制路径。

其中，步骤706以及步骤708与上述步骤506以及步骤508类似，此处不再赘述。

710、获取图形用户界面对应的目标渲染管道。

在本申请实施例中，不同的电子设备可以设置有不同的渲染管道平台，例如OpenGL、SkiaGL、Skiavk等。其中，对于纯硬件渲染管道，即仅通过GPU(GraphicsProcessing Unit，图形处理器)加速渲染阴影图像的情况，上述模糊遮罩滤镜将失效，此时需要通过其它兼容处理操作来实现图形用户界面上的阴影效果。而对于非硬件渲染管道，即还可以通过CPU(Central Processing Unit，中央处理器)加速渲染阴影图像的情况，则可以采用上述模糊遮罩滤镜来绘制阴影图像。因此，电子设备在实际绘制阴影图像前，可以先获取其图形用户界面对应支持的目标渲染管道，从而可以根据目标渲染管道的类型采用相应的措施绘制阴影图像，以实现同样的阴影效果。

712、在上述目标渲染管道为非纯硬件渲染管道的情况下，按照阴影绘制路径，通过模糊遮罩滤镜绘制目标控件对应的阴影图像。

在本申请实施例中，以安卓操作系统为例，电子设备在确定其图形用户界面支持的目标渲染管道为非纯硬件渲染管道(例如SkiaGL、Skiavk等)的情况下，可以直接调用Android SDK上的画笔绘制效果接口BlurMaskFilter，以利用该接口按照上述阴影绘制路径绘制得到目标控件对应的阴影图像。

示例性地，电子设备在利用BlurMaskFilter接口，即通过模糊遮罩滤镜绘制目标控件对应的阴影图像时，可以基于该模糊遮罩滤镜的不同模糊处理模式，实现不同的模糊效果，从而在上述定制化阴影图像的基础上，进一步实现不同的阴影效果。如图8所示，上述模糊处理模式可以包括NORMAL(内外部模糊绘制)、SOLID(内部正常绘制，外部模糊)、OUTER(内部不绘制，外部模糊)、INNER(内部正常绘制，外部模糊)等。可以理解，采用不同的模糊处理模式，由于阴影扩散具有连续性，即便去除图8中目标控件的轮廓范围所覆盖的区域，在该目标控件的轮廓范围外所绘制的阴影图像仍可实现不同的模糊效果。

可选的，电子设备可以根据上述阴影效果参数，确定模糊遮罩滤镜的模糊处理模式，即该模糊遮罩滤镜实现不同模糊效果的上述不同模式。在此基础上，电子设备可以按照上述阴影绘制路径，通过所确定出的模糊遮罩滤镜的模糊处理模式来绘制目标控件对应的阴影图像，以实现不同的模糊效果，提升电子设备在图形用户界面上实现阴影效果的多样性。

714、在上述目标渲染管道为纯硬件渲染管道的情况下，根据阴影效果参数执行兼容处理操作，并通过画笔对象绘制目标控件对应的阴影图像。

在本申请实施例中，以安卓操作系统为例，电子设备在确定其图形用户界面支持的目标渲染管道为纯硬件渲染管道(例如OpenGL等)的情况下，可以采用其它的兼容处理操作，以实现与上述模糊遮罩滤镜所实现的相同阴影效果。

在一些实施例中，在上述目标渲染管道为纯硬件渲染管道的情况下，电子设备可以强制使用软件绘制的方式绘制阴影图像，此时该电子设备可以根据上述阴影效果参数来调整画笔对象的属性参数，进而可以通过该画笔对象来进行绘制。其中，上述属性参数可以用于定义该画笔对象的绘制效果。举例来说，电子设备可以通过setShadowLayer接口来调整画笔对象绘制阴影图像的阴影模糊半径、阴影偏移参数、阴影颜色等，从而可以得到定制化绘制效果的画笔对象。

在另一些实施例中，若电子设备不强制使用软件绘制的方式绘制阴影图像，则可以根据上述阴影效果参数来确定画笔对象绘制阴影图像的阴影绘制范围，即先绘制该阴影图像的边界。在此基础上，电子设备可以直接调用画笔对象在该阴影绘制范围内(即上述边界内)绘制阴影图像，实现图形用户界面上的阴影效果。

可以理解，步骤714可以接在上述步骤710后执行，即上述步骤712与该步骤714可以为并列方案，以兼容适配不同电子设备所设置的不同渲染管道平台。

716、根据上述轮廓数据，绘制与阴影图像匹配的背景图像，并在目标控件对应的轮廓范围内，绘制与该阴影图像匹配的前景图像。

在本申请实施例中，电子设备在绘制得到上述阴影图像之后，可以分别绘制与该阴影图形适配兼容的前景和背景图像，以实现完整的目标控件绘制流程。

示例性地，电子设备可以基于目标控件的轮廓数据，绘制与上述阴影图像匹配的背景图像。其中，该背景图像可以通过background变量的属性来定义。举例来说，电子设备可以先获取背景图像资源，即将上述background变量指向预先设置的图像资源，继而可以根据上述轮廓数据对该背景图像资源进行预处理，得到与目标控件对应的轮廓范围匹配的处理图像资源。以安卓操作系统为例，背景图像资源通常可以以位图(BitmapDrawable)的形式存储，电子设备子在获取该位图形式的背景图像资源后，通过对其进行预处理，可以将其转换为带圆角的位图(RoundBitmapDrawable)形式的处理图像资源。

在此基础上，电子设备可以根据上述处理图像资源的图像类型，通过画笔对象绘制与上述阴影图像匹配的背景图像。示例性地，上述处理图像资源的图像类型除了包括带圆角的位图(RoundBitmapDrawable)之外，还可以包括纯色图像(ColorDrawable)、渐变色图像(GradientDrawable)等。针对不同图像类型的处理图像资源，电子设备可以获取其相应的属性信息(例如圆角大小、弧度、RGB颜色值等)，继而可以调用画笔对象绘制与上述阴影图像匹配的背景图像。可选地，该背景图像可以与阴影图像的轮廓大小相匹配，也可以稍大于该阴影图像，本申请实施例中不作具体限定。

示例性地，电子设备还可以基于目标控件的轮廓数据，在该目标控件对应的轮廓范围内，绘制与该阴影图像匹配的前景图像。其中，该前景图像可以通过foreground变量的属性来定义。可以理解的是，该前景图像可以与目标控件的轮廓范围完全匹配，从而与上述阴影图像、背景图像构成完整的目标控件对应的视图对象。

可见，实施上述实施例所描述的阴影生成方法，电子设备能够在对图形用户界面上的目标控件进行绘制时，基于模糊遮罩滤镜绘制该目标控件的阴影图像，从而可以在图形用户界面上实现具有阴影效果的控件，提升视图对象的立体感和层次感，优化图形用户界面的视觉表达效果。通过模糊遮罩滤镜快速、简单地完成阴影图像的绘制，能够有效提升电子设备在图形用户界面上实现阴影效果的便捷性和效率。此外，通过采用模糊遮罩滤镜的不同模糊处理模式，可以实现不同的模糊效果，从而在上述定制化阴影图像的基础上，进一步实现不同的阴影效果，提升电子设备在图形用户界面上实现阴影效果的多样性。此外，根据图形用户界面所支持的目标渲染管道的类型来采用相应的措施绘制阴影图像，以实现同样的阴影效果，可以进一步提升电子设备在图形用户界面上实现阴影效果的兼容性、灵活性和可靠性。此外，通过分别绘制与上述阴影图形适配兼容的前景和背景图像，能够便捷地实现完整的目标控件绘制流程，从而可以在电子设备的图形用户界面上实现带有阴影效果的卡片布局，得到统一的阴影视觉效果。

请参阅图9，图9是本申请实施例公开的一种阴影生成装置的模块化示意图。如图9所示，该阴影生成装置可以包括轮廓获取901、路径确定902以及阴影绘制单元903，其中：

轮廓获取单元901，用于获取图形用户界面中待绘制的目标控件的轮廓数据；

路径确定单元902，用于根据该轮廓数据，在上述目标控件对应的轮廓范围外确定该目标控件对应的阴影绘制路径；

阴影绘制单元903，用于按照该阴影绘制路径，通过模糊遮罩滤镜绘制上述目标控件对应的阴影图像，该阴影图像用于在上述目标控件对应的视图对象上实现阴影效果。

可见，采用上述实施例所描述的阴影生成装置，电子设备能够在对图形用户界面上的目标控件进行绘制时，基于模糊遮罩滤镜绘制该目标控件的阴影图像，从而可以在图形用户界面上实现具有阴影效果的控件，提升视图对象的立体感和层次感，优化图形用户界面的视觉表达效果。相较于相关技术中在实现阴影效果时，往往需要根据控件大小分别绘制四边和圆角的阴影，整体绘制过程较为复杂，本申请实施例能够通过模糊遮罩滤镜快速、简单地完成阴影图像的绘制，从而能够有效提升电子设备在图形用户界面上实现阴影效果的便捷性和效率。

在一种实施例中，上述轮廓数据可以包括轮廓形状，上述路径确定902具体可以用于将轮廓形状作为目标控件对应的阴影图像的内边框，在内边框外确定目标控件对应的阴影绘制路径。

在此基础上，上述轮廓获取单元901具体可以用于通过视图轮廓接口获取图形用户界面中待绘制的目标控件对应的形状数据；

若形状数据包括自定义形状，则轮廓获取单元901可以将自定义形状确定为目标控件的轮廓形状；若形状数据不包括自定义形状，则轮廓获取单元901可以将默认形状确定为目标控件的轮廓形状。

在一种实施例中，上述路径确定单元902具体可以包括未图示的参数获取子单元和路径确定子单元，其中：

参数获取子单元，用于获取阴影范围参数，阴影范围参数用于定义阴影绘制范围，阴影绘制范围不受目标控件的父控件对应的轮廓范围限制；

路径确定子单元，用于将轮廓形状作为目标控件对应的阴影图像的内边框，在内边框外，且符合阴影范围参数定义的阴影绘制范围内，确定目标控件对应的阴影绘制路径。

在一种实施例中，该阴影生成装置还可以包括未图示的第一获取单元，该第一获取单元可以用于获取阴影效果参数，阴影效果参数至少包括阴影颜色、阴影模糊半径、阴影偏移参数、阴影圆角参数中的任意一种；

上述路径确定单元902，具体可以用于根据轮廓数据及阴影效果参数，在目标控件对应的轮廓范围外确定目标控件对应的阴影绘制路径。

在一种实施例中，上述阴影绘制单元903可以包括未图示的模式确定子单元和绘制子单元，其中：

模式确定子单元，用于根据阴影效果参数，确定模糊遮罩滤镜的模糊处理模式，模糊处理模式指的是模糊遮罩滤镜实现模糊效果的模式；

绘制子单元，用于按照阴影绘制路径，通过模糊遮罩滤镜的模糊处理模式绘制目标控件对应的阴影图像。

可见，采用上述实施例所描述的阴影生成装置，通过设置一系列参数来限定阴影图像的绘制范围、绘制效果等，能够使电子设备绘制出定制化的阴影图像，从而有利于提升电子设备在图形用户界面上实现阴影效果的准确性和灵活性。此外，通过采用模糊遮罩滤镜的不同模糊处理模式，可以实现不同的模糊效果，从而在上述定制化阴影图像的基础上，进一步实现不同的阴影效果，提升电子设备在图形用户界面上实现阴影效果的多样性。

在一种实施例中，该阴影生成装置还可以包括未图示的第二获取单元，该第二获取单元用于在上述阴影绘制单元903按照阴影绘制路径，通过模糊遮罩滤镜绘制上述目标控件对应的阴影图像之前，获取图形用户界面对应的目标渲染管道；

上述阴影绘制单元903，具体可以用于在目标渲染管道为非纯硬件渲染管道的情况下，按照阴影绘制路径，通过模糊遮罩滤镜绘制目标控件对应的阴影图像。

在一种实施例中，该阴影生成装置还可以包括未图示的兼容单元，该兼容单元可以用于在上述目标渲染管道为纯硬件渲染管道的情况下，根据阴影效果参数执行兼容处理操作，并通过画笔对象绘制目标控件对应的阴影图像；

其中，兼容处理操作包括：

根据阴影效果参数调整画笔对象的属性参数，属性参数用于定义画笔对象的绘制效果；

或者，根据阴影效果参数确定画笔对象绘制阴影图像的阴影绘制范围。

可见，采用上述实施例所描述的阴影生成装置，根据图形用户界面所支持的目标渲染管道的类型来采用相应的措施绘制阴影图像，以实现同样的阴影效果，还可以进一步提升电子设备在图形用户界面上实现阴影效果的兼容性、灵活性和可靠性。

在一种实施例中，该阴影生成装置还可以包括未图示的前后景绘制单元，该前后景绘制单元可以用于在上述阴影绘制单元903按照阴影绘制路径，通过模糊遮罩滤镜绘制上述目标控件对应的阴影图像之后，根据轮廓数据，绘制与阴影图像匹配的背景图像，并在目标控件对应的轮廓范围内，绘制与阴影图像匹配的前景图像。

其中，该前后景绘制单元在根据轮廓数据，绘制与阴影图像匹配的背景图像时，具体可以包括以下步骤：

获取背景图像资源；

根据轮廓数据对背景图像资源进行预处理，得到与目标控件对应的轮廓范围匹配的处理图像资源；

根据处理图像资源的图像类型，通过画笔对象绘制与阴影图像匹配的背景图像。

可见，采用上述实施例所描述的阴影生成装置，电子设备能够在对图形用户界面上的目标控件进行绘制时，基于模糊遮罩滤镜绘制该目标控件的阴影图像，从而可以在图形用户界面上实现具有阴影效果的控件，提升视图对象的立体感和层次感，优化图形用户界面的视觉表达效果。通过模糊遮罩滤镜快速、简单地完成阴影图像的绘制，能够有效提升电子设备在图形用户界面上实现阴影效果的便捷性和效率。此外，通过分别绘制与上述阴影图形适配兼容的前景和背景图像，能够便捷地实现完整的目标控件绘制流程，从而可以在电子设备的图形用户界面上实现带有阴影效果的卡片布局，得到统一的阴影视觉效果。

请参阅图10，图10是本申请实施例公开的一种电子设备的模块化示意图。如图10所示，该电子设备可以包括：

存储有可执行程序代码的存储器1001；

与存储器1001耦合的处理器1002；

其中，处理器1002调用存储器1001中存储的可执行程序代码，可以执行上述实施例所描述的任意一种阴影生成方法中的全部或部分步骤。

此外，本申请实施例进一步公开了一种计算机可读存储介质，其存储用于电子数据交换的计算机程序，其中，该计算机程序使得计算机可以执行上述实施例所描述的任意一种阴影生成方法中的全部或部分步骤。

此外，本申请实施例进一步公开一种计算机程序产品，当该计算机程序产品在计算机上运行时，使得计算机可以执行上述实施例所描述的任意一种阴影生成方法中的全部或部分步骤。

本领域普通技术人员可以理解上述实施例的各种方法中的全部或部分步骤是可以通过程序来指令相关的硬件来完成，该程序可以存储于一计算机可读存储介质中，存储介质包括只读存储器(Read-Only Memory，ROM)、随机存储器(Random Access Memory，RAM)、可编程只读存储器(Programmable Read-only Memory，PROM)、可擦除可编程只读存储器(Erasable Programmable Read Only Memory，EPROM)、一次可编程只读存储器(One-time Programmable Read-Only Memory，OTPROM)、电子抹除式可复写只读存储器(Electrically-Erasable Programmable Read-Only Memory，EEPROM)、只读光盘(CompactDisc Read-Only Memory，CD-ROM)或其它光盘存储器、磁盘存储器、磁带存储器、或者能够用于携带或存储数据的计算机可读的任何其它介质。

以上对本申请实施例公开的一种阴影生成方法及装置、电子设备、存储介质进行了详细介绍，本文中应用了具体个例对本申请的原理及实施方式进行了阐述，以上实施例的说明只是用于帮助理解本申请的方法及其核心思想；同时，对于本领域的一般技术人员，依据本申请的思想，在具体实施方式及应用范围上均会有改变之处，综上所述，本说明书内容不应理解为对本申请的限制。

Claims (13)

1.一种阴影生成方法，其特征在于，包括：

获取图形用户界面中待绘制的目标控件的轮廓数据；

根据所述轮廓数据，在所述目标控件对应的轮廓范围外确定所述目标控件对应的阴影绘制路径；

按照所述阴影绘制路径，通过模糊遮罩滤镜绘制所述目标控件对应的阴影图像，所述阴影图像用于在所述目标控件对应的视图对象上实现阴影效果。

2.根据权利要求1所述的方法，其特征在于，所述轮廓数据包括轮廓形状，所述根据所述轮廓数据，在所述目标控件对应的轮廓范围外确定所述目标控件对应的阴影绘制路径，包括：

将所述轮廓形状作为所述目标控件对应的阴影图像的内边框，在所述内边框外确定所述目标控件对应的阴影绘制路径。

3.根据权利要求2所述的方法，其特征在于，所述获取图形用户界面中待绘制的目标控件的轮廓数据，包括：

通过视图轮廓接口获取图形用户界面中待绘制的目标控件对应的形状数据；

若所述形状数据包括自定义形状，则将所述自定义形状确定为所述目标控件的轮廓形状；若所述形状数据不包括自定义形状，则将默认形状确定为所述目标控件的轮廓形状。

4.根据权利要求2所述的方法，其特征在于，所述将所述轮廓形状作为所述目标控件对应的阴影图像的内边框，在所述内边框外确定所述目标控件对应的阴影绘制路径，包括：

获取阴影范围参数，所述阴影范围参数用于定义阴影绘制范围，所述阴影绘制范围不受所述目标控件的父控件对应的轮廓范围限制；

将所述轮廓形状作为所述目标控件对应的阴影图像的内边框，在所述内边框外，且符合所述阴影范围参数定义的所述阴影绘制范围内，确定所述目标控件对应的阴影绘制路径。

5.根据权利要求1至4任一项所述的方法，其特征在于，在所述根据所述轮廓数据，在所述目标控件对应的轮廓范围外确定所述目标控件对应的阴影绘制路径之前，所述方法还包括：

获取阴影效果参数，所述阴影效果参数至少包括阴影颜色、阴影模糊半径、阴影偏移参数、阴影圆角参数中的任意一种；

所述根据所述轮廓数据，在所述目标控件对应的轮廓范围外确定所述目标控件对应的阴影绘制路径，包括：

根据所述轮廓数据及所述阴影效果参数，在所述目标控件对应的轮廓范围外确定所述目标控件对应的阴影绘制路径。

6.根据权利要求5所述的方法，其特征在于，所述按照所述阴影绘制路径，通过模糊遮罩滤镜绘制所述目标控件对应的阴影图像，包括：

根据所述阴影效果参数，确定所述模糊遮罩滤镜的模糊处理模式，所述模糊处理模式指的是所述模糊遮罩滤镜实现模糊效果的模式；

按照所述阴影绘制路径，通过所述模糊遮罩滤镜的模糊处理模式绘制所述目标控件对应的阴影图像。

7.根据权利要求5所述的方法，其特征在于，在所述按照所述阴影绘制路径，通过模糊遮罩滤镜绘制所述目标控件对应的阴影图像之前，所述方法还包括：

获取所述图形用户界面对应的目标渲染管道；

所述按照所述阴影绘制路径，通过模糊遮罩滤镜绘制所述目标控件对应的阴影图像，包括：

在所述目标渲染管道为非纯硬件渲染管道的情况下，按照所述阴影绘制路径，通过模糊遮罩滤镜绘制所述目标控件对应的阴影图像。

8.根据权利要求7所述的方法，其特征在于，在所述获取所述图形用户界面对应的目标渲染管道之后，所述方法还包括：

在所述目标渲染管道为纯硬件渲染管道的情况下，根据所述阴影效果参数执行兼容处理操作，并通过画笔对象绘制所述目标控件对应的阴影图像；

其中，所述兼容处理操作包括：

根据所述阴影效果参数调整所述画笔对象的属性参数，所述属性参数用于定义所述画笔对象的绘制效果；

或者，根据所述阴影效果参数确定所述画笔对象绘制所述阴影图像的阴影绘制范围。

9.根据权利要求1至4任一项所述的方法，其特征在于，在所述按照所述阴影绘制路径，通过模糊遮罩滤镜绘制所述目标控件对应的阴影图像之后，所述方法还包括：

根据所述轮廓数据，绘制与所述阴影图像匹配的背景图像，并在所述目标控件对应的轮廓范围内，绘制与所述阴影图像匹配的前景图像。

10.根据权利要求9所述的方法，其特征在于，所述根据所述轮廓数据，绘制与所述阴影图像匹配的背景图像，包括：

获取背景图像资源；

根据所述轮廓数据对所述背景图像资源进行预处理，得到与所述目标控件对应的轮廓范围匹配的处理图像资源；

根据所述处理图像资源的图像类型，通过画笔对象绘制与所述阴影图像匹配的背景图像。

11.一种阴影生成装置，其特征在于，包括：

轮廓获取单元，用于获取图形用户界面中待绘制的目标控件的轮廓数据；

路径确定单元，用于根据所述轮廓数据，在所述目标控件对应的轮廓范围外确定所述目标控件对应的阴影绘制路径；

阴影绘制单元，用于按照所述阴影绘制路径，通过模糊遮罩滤镜绘制所述目标控件对应的阴影图像，所述阴影图像用于在所述目标控件对应的视图对象上实现阴影效果。

12.一种电子设备，其特征在于，包括存储器及处理器，所述存储器中存储有计算机程序，所述计算机程序被所述处理器执行时，使得所述处理器实现如权利要求1至10任一项所述的方法。

13.一种计算机可读存储介质，其上存储有计算机程序，其特征在于，所述计算机程序被处理器执行时实现如权利要求1至10任一项所述的方法。

Images