CN114584652B - 一种用户图形界面显示方法、装置、计算机设备及存储介质 - Google Patents

Abstract

一种用户图形界面显示方法及其装置，应用于电子设备，电子设备包括用于显示GUI的显示屏，GUI包括具有深度属性的指定视图控件。其中，该方法可包括：根据采集的生物特征的第一图像，确定生物特征相对于显示屏的第一光源的位置；根据第一光源的位置，针对指定视图控件生成并输出第一阴影光效；根据采集的生物特征的第二图像，确定生物特征相对于显示屏的第二光源的位置；根据第二光源的位置，针对指定视图控件生成并输出第二阴影光效。第一光源的位置不同于第二光源的位置，第一阴影光效不同于第二阴影光效，从而可以动态地显示指定视图控件的阴影和光效，从而提高GUI的真实感。

Description

一种用户图形界面显示方法、装置、计算机设备及存储介质

技术领域

本申请涉及电子设备技术领域，具体涉及一种用户图形界面显示方法及其装置。

背景技术

用户图形界面(graphic user interface，GUI)，是指采用图形方式显示的与计算机操作相关的用户界面。它可以是在电子设备的显示屏中显示的一个图标、窗口、控件等界面元素，其中控件可以包括图标、按钮、菜单、选项卡、文本框、对话框、状态栏、导航栏等可视的界面元素。

大多电子设备厂商采用单一、静态、固定的GUI，这种GUI无法满足用户日益增长的，对真实感的需求。因此，有些电子设备厂商在GUI中引入阴影和光效，以构建具有真实感的用户界面，从而提升用户体验。

目前，虽然在GUI中引入了阴影和光效，但是这种GUI依然是静态、固定的。

发明内容

本申请提供一种用户图形界面显示方法及其装置，可以动态地显示GUI中指定视图控件的阴影和光效，从而提高GUI的真实感。

第一方面，本申请提供一种用户图形界面显示方法，该方法应用于电子设备，该电子设备包括用于显示用户图形界面的显示屏，该用户图形界面包括具有深度属性的指定视图控件。该方法包括：电子设备根据采集的生物特征的第一图像，确定第一光源的位置；根据第一光源的位置，针对指定视图控件生成并输出第一阴影光效；根据采集的生物特征的第二图像，确定第二光源的位置；根据第二光源的位置，针对指定视图控件生成并输出第二阴影光效。

其中，第一光源的位置和第二光源的位置为生物特征相对于显示屏的位置，且第一光源的位置不同于第二光源的位置，进而第一阴影光效不同于第二阴影光效。也即是说，不同的光源位置对同一指定视图控件而言，可以生成不同的阴影光效。

可见，同一指定视图控件的阴影光效可随着光源位置的变化而变化，从而实现指定视图控件的阴影效果的动态显示，有利于构建更具真实感的用户图形界面。

结合第一方面，在一种可能的实现方式中，电子设备根据采集的生物特征的第一图像，确定生物特征在第一图像中的第一图像位置，并估算生物特征相对于显示屏的距离；根据第一图像位置和距离，确定第一光源的位置。按照同样的方式，可以确定出第二光源的位置。

可见，根据生物特征在图像中的位置以及相对于显示屏的距离，确定光源的位置，可以确保光源的位置的准确性。

结合第一方面，在一种可能的实现方式中，在显示屏与水平方向的夹角在预设范围内的情况下，电子设备根据第一图像位置和距离，确定第一视角，并根据第一视角，确定第一光源的位置。显示屏与水平方向的夹角在预设范围内，可以理解为显示屏与水平方向垂直或接近垂直，该种情况下可以不考虑电子设备的姿态对光源位置的影响，减少计算量。

结合第一方面，在一种可能的实现方式中，在显示屏与水平方向的夹角不在预设范围内，电子设备根据显示屏与水平方向的夹角、第一图像位置和距离，确定第二视角，并根据第二视角，确定第一光源的位置。显示屏与水平方向的夹角不在预设范围内，可以理解为显示屏倾斜角度较大，该种情况下考虑电子设备的姿态对光源位置的影响，进而可以准确性较高的光源位置。

可见，视角的改变将改变光源的位置，进而针对同一指定视图控件，可以生成不同的阴影光效。

结合第一方面，在一种可能的实现方式中，第一阴影光效包括第一阴影。电子设备根据第一光源的位置、第一光源的强度和指定视图控件的材质属性信息，针对指定视图控件生成并输出第一阴影。电子设备在生成阴影时，不仅考虑光源位置和光源强度，还考虑材质属性信息，可以丰富阴影效果，使得阴影效果与材质更加贴合。

结合第一方面，在一种可能的实现方式中，电子设备根据第一光源的位置和第一光源的强度，确定主体模糊半径；根据第一光源的位置和指定视图控件的材质属性信息，确定投影模糊信息；根据主体模糊半径和投影模糊信息，针对指定视图控件生成并输出第一阴影。该方式不仅适用于矩形、圆角矩形和圆形的指定视图控件，还适用于其他形状的指定视图控件，适用范围更广。

其中，指定视图控件的材质属性信息可以包括折射率、反射率、漫反射率或透明度中的一种或多种。材质可以包括背景材质、边框材质或背板材质中的一种或多种。也即是说，指定视图控件的材质属性信息不同，可以生成不同轻重、颜色的阴影和不同效果的光效。

结合第一方面，在一种可能的实现方式中，第一阴影光效包括第一光效。电子设备根据第一光源的位置、第一光源的强度和指定视图控件的原始颜色信息，针对指定视图控件生成并输出第一光效。也即是说，若电子设备确定的光源的位置、光源的强度、和/或指定视图控件的原始颜色信息不同，生成的光效就不同，从而可以达到动态显示指定视图控件的目的。

结合第一方面，在一种可能的实现方式中，第一阴影光效包括第一光效。电子设备根据第一光源的位置，确定径向渐变半径；根据第一光源的强度，确定高斯模糊半径；根据径向渐变半径和高斯模糊半径，针对指定视图控件生成并输出第一光效。也即是说，电子设备确定的光源的位置或光源的强度不同，径向渐变半径和高斯模糊半径不同，从而生成的光效不同。

第二方面，本申请提供了一种用户图形界面显示方法，该方法应用于电子设备，该电子设备包括用于显示用户图形界面的显示屏，该用户图形界面包括具有深度属性的指定视图控件。该方法包括：电子设备获取电子设备相对于预设光源的第一位置；根据第一位置和预设光源的位置，针对指定视图控件生成并输出第一阴影光效；获取电子设备相对于预设光源的第二位置；根据第二位置和预设光源的位置，针对指定视图控件生成并输出第二阴影光效。

其中，第一位置不同于第二位置，进而第一阴影光效不同于第二阴影光效。也即是说，预设光源的位置固定，电子设备相对于预设光源的位置不同，针对同一指定视图控件，可以生成不同的阴影光效。第一位置不同于第二位置，可以理解为电子设备的姿态不同。

可见，同一指定视图控件的阴影光效可随着电子设备的姿态变化而变化，从而实现指定视图控件的阴影效果的动态显示，有利于构建更具真实感的用户图形界面。该方法根据电子设备的字条生成阴影光效，功耗较低。

结合第二方面，在一种可能的实现方式中，第一阴影效果包括第一阴影。电子设备根据第一位置、预设光源的位置、第一光源的强度和指定视图控件的材质属性信息，针对指定视图控件生成并输出第一阴影。电子设备在生成阴影时，不仅考虑光源位置和光源强度，还考虑材质属性信息，可以丰富阴影效果，使得阴影效果与材质更加贴合。

其中，指定视图控件的材质属性信息包括折射率、反射率、漫反射率或透明度中的一种或多种。材质可以包括背景材质、边框材质或背板材质中的一种或多种。也即是说，指定视图控件的材质属性信息不同，可以生成不同轻重、颜色的阴影和不同效果的光效。

结合第二方面，在一种可能的实现方式中，第一阴影光效包括第一光效。电子设备根据第一位置、预设光源的位置、第一光源的强度和指定视图控件的原始颜色信息，针对指定视图控件生成并输出所述第一光效。也即是说，电子设备确定的第一位置、预设光源的位置、光源的强度、和/或指定视图控件的原始颜色信息不同，生成的光效就不同，从而可以达到动态显示指定视图控件的目的。

结合第二方面，在一种可能的实现方式中，电子设备根据第一位置和预设光源的位置，确定径向渐变半径；根据第一位置和预设光源的强度，确定高斯模糊半径；根据径向渐变半径和高斯模糊半径，针对指定视图控件生成并输出第一光效。也即是说，电子设备相对于预设光源的位置或预设光源的强度不同，径向渐变半径和高斯模糊半径不同，从而生成的光效不同。

第三方面，提供一种用户图形界面显示装置，该用户图形界面显示装置具有实现上述第一方面或第二方面所述的电子设备的部分或全部功能。比如，装置的功能可具备本申请中电子设备的部分或全部实施例中的功能，也可以具备单独实施本申请中的任一实施例的功能。所述功能可以通过硬件实现，也可以通过硬件执行相应的软件实现。所述硬件或软件包括一个或多个与上述功能相对应的单元或模块。

在一种可能的设计中，该用户图形界面显示装置的结构中可包括处理单元和显示单元，所述处理单元被配置为支持用户图形界面显示装置执行上述方法中相应的功能。所述显示单元被配置为显示用户图形界面显示装置执行上述方法中相应的输出阴影光效。所述用户图形界面显示装置还可以包括存储单元，所述存储单元用于与处理单元和显示单元耦合，其保存用户图形界面显示装置必要的程序指令和数据。

结合第三方面，在一种可能的实施方式中，上述用户图形界面显示装置包括：

处理单元，用于根据采集的生物特征的第一图像，确定第一光源的位置；根据第一光源的位置，针对指定视图控件生成第一阴影光效；

显示单元，用于输出第一阴影光效；

处理单元，还用于根据采集的生物特征的第二图像，确定第二光源的位置；根据第二光源的位置，针对指定视图控件生成第二阴影光效；

显示单元，还用于输出第二阴影光效；

其中，第一光源的位置和第二光源的位置为生物特征相对于显示屏的位置，且第一光源的位置不同于第二光源的位置；第一阴影光效不同于第二阴影光效。

该实施方式的相关内容可参见上述第一方面的相关内容，此处不再详述。

结合第三方面，在一种可能的实施方式中，上述用户图形界面显示装置包括：

处理单元，用于获取电子设备相对于预设光源的第一位置；根据第一位置和预设光源的位置，针对指定视图控件生成第一阴影光效；

显示单元，用于输出第一阴影光效；

处理单元，还用于获取电子设备相对于预设光源的第二位置；根据第二位置和预设光源的位置，针对指定视图控件生成第二阴影光效；

显示单元，还用于输出第二阴影光效；

其中，第一位置不同于第二位置，第一阴影光效不同于第二阴影光效。

该实施方式的相关内容可参见上述第二方面的相关内容，此处不再详述。

第四方面，本申请提供一种用户图形界面显示装置，包括显示屏，存储器，一个或多个处理器，多个应用程序，以及一个或多个程序。其中，一个或多个程序被存储在存储器中，一个或多个处理器在执行一个或多个程序时，使得用户图形界面显示装置实现第一方面或第二方面描述的方法。

第五方面，本申请提供一种计算机设备，包括存储器，处理器以及存储在存储器上并可在处理器上运行的计算机程序，处理器执行计算机程序时，使得计算机设备实现第一方面或第二方面描述的方法。

第六方面，本申请提供一种包含指令的计算机程序产品，当上述计算机程序产品在电子设备上运行时，使得上述电子设备执行如第一方面以及第一方面中任一可能的实现方式描述的方法；或执行如第二方面以及第二方面中任一可能的实现方式描述的方法。

第七方面，本申请提供一种计算机可读存储介质，包括指令，当上述指令在电子设备上运行时，使得上述电子设备执行如第一方面以及第一方面中任一可能的实现方式描述的方法；或执行如第二方面以及第二方面中任一可能的实现方式描述的方法。

附图说明

图1为手机的三维坐标轴的示例图；

图2为指定视图控件在光源作用下的阴影效果的示例图；

图3为一实施例提供的电子设备的结构的示意图；

图4为本申请实施例提供的一种用户图形界面显示方法的流程示意图；

图5为本申请实施例提供的第一图像的示例图；

图6为本申请实施例提供的第一图像与显示屏的示例图；

图7-1为本申请实施例提供的一种确定第一光源的位置的示例图；

图7-2为本申请实施例提供的另一种确定第一光源的位置的示例图；

图8为本申请实施例提供的生成第一阴影的示例图；

图9为本申请实施例提供的生成第一光效的示例图；

图10为本申请实施例提供的一个示例图；

图11为本申请实施例提供的另一个示例图；

图12为本申请实施例提供的另一种用户图形界面显示方法的流程示意图；

图13为本申请实施例提供的又一个示例图；

图14为本申请实施例提供的用户图形界面显示装置的示意图。

具体实施方式

本申请以下实施例中所使用的术语只是为了描述特定实施例的目的，而并非旨在作为对本申请的限制。如在本申请的说明书和所附权利要求书中所使用的那样，单数表达形式“一个”、“一种”、“所述”、“上述”、“该”和“这一”旨在也包括复数表达形式，除非其上下文中明确地有相反指示。还应当理解，本申请中使用的术语“和/或”是指并包含一个或多个所列出项目的任何或所有可能组合。

本申请涉及电子设备技术领域。在一些实施例中，电子设备可以是还包含其他功能诸如个人数字助理和/或音乐播放器功能的便携式电子设备，诸如手机、平板电脑、具备无线通讯功能的可穿戴电子设备(如智能手表)等。便携式电子设备的示例性实施例包括但不限于搭载

或者其它操作系统的便携式电子设备。上述便携式电子设备也可以是其它便携式电子设备，诸如具有触敏表面或触控面板的膝上型计算机(Laptop)等。还应当理解的是，在其他一些实施例中，上述电子设备也可以不是便携式电子设备，而是具有触敏表面或触控面板的台式计算机。

本申请的说明书和权利要求书及附图中的术语“用户图形界面”，是用户界面(user interface，UI)常用的表现形式。UI是应用程序或操作系统与用户之间进行交互和信息交换的介质接口，它实现信息的内部形式与用户可以接受形式之间的转换。应用程序的用户界面是通过java、可扩展标记语言(extensible markup language，XML)等特定计算机语言编写的源代码，界面源代码在终端设备上经过解析，渲染，最终呈现为用户可以识别的内容，比如图片、文字、按钮等控件。控件(control)也称为部件(widget)，是用户界面的基本元素，典型的控件有工具栏(toolbar)、菜单栏(menubar)、文本框(textbox)、按钮(button)、滚动条(scrollbar)、图片和文本。界面中的控件的属性和内容是通过标签或者节点来定义的，比如XML通过<Textview>、<ImgView>、<VideoView>等节点来规定界面所包含的控件。一个节点对应界面中一个控件或属性，节点经过解析和渲染之后呈现为用户可视的内容。此外，很多应用程序，比如混合应用(hybridapplication)的界面中通常还包含有网页。网页，也称为页面，可以理解为内嵌在应用程序界面中的一个特殊的控件，网页是通过特定计算机语言编写的源代码，例如超文本标记语言(hyper text markup language，GTML)，层叠样式表(cascading style sheets，CSS)，java脚本(JavaScript，JS)等，网页源代码可以由浏览器或与浏览器功能类似的网页显示组件加载和显示为用户可识别的内容。网页所包含的具体内容也是通过网页源代码中的标签或者节点来定义的，比如GTML通过<p>、<img>、<video>、<canvas>来定义网页的元素和属性。

用户图形界面是指采用图形方式显示的与计算机操作相关的用户界面。用户图形界面可以是在电子设备的显示屏中显示的一个图标、窗口、控件等界面元素，其中控件可以包括图标、按钮、菜单、选项卡、文本框、对话框、状态栏、导航栏、Widget等可视的界面元素。

本申请实施例提供一种用户图形界面显示方法及其装置，可以动态地显示用户图形界面中指定视图控件的阴影和光效，从而提供用户图形界面的真实感。

在本申请实施例中，用户图形显示界面包括具有深度(depth)属性的指定视图控件。视图控件可以是用户图形界面中的图标、按钮、菜单、选项卡、文本框、对话框、状态栏、导航栏等可视的界面元素。指定视图控件指的是，具有深度属性的视图控件。深度属性也可以描述为Z轴属性、海拔(elevation)属性或高度属性等名称。可以理解的是，指定视图控件在常规的具有X轴和Y轴属性的视图控件的基础上，增加Z轴属性。

电子设备以手机为例，Android系统对手机三维坐标轴的定义可参见图1所示。图1的A中，手机的短轴为X轴，长轴为Y轴，垂直手机显示屏向上为Z轴；图1的B中，手机的短轴为Y轴，长轴为X轴，垂直手机显示屏向上为Z轴。

指定视图控件在光源的作用下，可以产生阴影效果。例如，可参见图2所示，指定视图控件以按钮为例，该按钮的深度属性从0dp变为6dp，可产生阴影效果；该按钮的深度属性从6dp变为0dp，无阴影效果。图2中，深度属性为6dp的按钮，其阴影效果具有两重效果，分别为环境光阴影效果和点光源阴影效果。在深度属性的值固定的情况下，图2所示的阴影效果是静态、固定的，不会随着手机姿态的改变而改变，也不会随着用户眼睛位置的改变而改变。

指定视图控件在光源的作用下，除了可以产生阴影效果之外，还可以产生光效效果。平行光的光效效果与光线的方向和受光照平面的朝向有关。当光线的方向与受光照平面呈90度角时，光效效果最强；当光线的方向与受光照平面之间的夹角逐渐变小，光效效果逐渐变弱；当光线的方向与受光照平面平行时，此时没有光照射到受光照平面上，光强为0，无光效效果。点光源的光效效果不仅与光线的方向和受光照平面的朝向有关，还与光强、光的颜色有关，应用在本申请中，光效效果还与指定视图控件的原始颜色有关。

可以理解的是，“指定视图控件”、“深度属性”、“阴影”、“光效”等词语是本申请实施例中使用的一些词语，代表的含义在本申请实施例中已记载，并不构成对本申请实施例的限定。“阴影”也可以被称为例如“阴影效果”等其他名词，“光效”也可以被称为例如“光效效果”或“光照效果”等其他名词。在本申请实施例中，用“阴影光效”来描述“阴影”和“光效”两种效果，即“阴影光效”可以包括“阴影”和/或“光效”。

首先介绍本申请以下实施例中提供的示例性电子设备100。

图3示出了电子设备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-networkprocessing 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的正整数。

在本申请实施例中，显示屏194可用于显示指定视图控件的阴影和光效。电子设备显示指定视图控件的阴影光效的方式可参照后续实施例的相关描述，在此不再赘述。

电子设备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可以包括1个或多个后置摄像头，还可以包括1个或多个前置摄像头。后置摄像头通常位于显示屏194的背面，前置摄像头通常位于显示屏194这一面。

数字信号处理器用于处理数字信号，除了可以处理数字图像信号，还可以处理其他数字信号。例如，当电子设备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 ofthe 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分离。

图3示例性所示的电子设备100可以通过显示屏194在GUI中动态显示指定视图控件。在一些实施例中，电子设备100可以通过摄像头193采集的图像，确定不同的光源位置，进而动态显示指定视图控件的阴影光效。在一些实施例中，电子设备100可以通过陀螺仪传感器180B、加速度传感器180E等检测用户手持电子设备100的姿态，进而根据不同的姿态，动态显示视图控件的阴影光效。在一些实施例中，电子设备100可以通过摄像头193采集的图像以及陀螺仪传感器180B、加速度传感器180E等检测用户手持电子设备100的姿态，动态显示指定视图控件的阴影光效。

下面将介绍本申请提供的用户图形界面显示方法。

请参见图4，为本申请实施例提供的一种用户图形界面显示方法的流程示意图，该流程可以但不限于如下步骤：

步骤401，根据采集的生物特征的第一图像，确定第一光源的位置。

其中，生物是指具有动能的生物体，例如可以是人、猫、狗等。在本申请实施例中，生物以人为例，即用户。生物特征通常具有唯一性(与其他生物不同)，可用于测量、识别、验证等。生物特征可以包括但不限于眼睛、鼻子、嘴巴、脸、虹膜、指纹等。在本申请实施例中，生物特征以眼睛为例。

在一种实现方式中，电子设备100启动前置摄像头，并通过前置摄像头采集生物特征的第一图像，第一图像包括眼睛，可以是图5中的A所示的完整的面部图像，也可以是图5中的B所示的只包括眼睛的图像，眼睛在第一图像中的位置与前置摄像头的焦距以及眼睛相对于显示屏194的距离有关。在不考虑显示屏厚度的情况下，眼睛相对于显示屏194的距离可以理解为眼睛相对于电子设备100的距离。

在另一种实现方式中，电子设备100将预置的面容(face)标识(identify，ID)或采集的面容ID作为第一图像。面容ID用于进行面部识别，应用在本申请实施例中，面容ID还用于确定光源的位置，将面容ID中的眼睛作为光源。电子设备100可预先通过摄像头193采集面容ID，并存储，将其作为预置的面容ID。

电子设备100根据第一图像，确定第一光源的位置。第一光源的位置为眼睛相对于显示屏的位置。具体的，电子设备100根据眼睛在第一图像中的第一图像位置和眼睛相对于显示屏的距离，确定第一光源的位置。

其中，第一图像位置可包括左眼在第一图像中的位置，和/或右眼在第一图像中的位置。电子设备100可通过人眼识别算法，识别出第一图像中的眼睛，进而确定出第一图像位置。或，电子设备100可通过面部识别算法，识别出第一图像中的人脸，进而通过眼睛与人脸的比例，确定出第一图像位置。电子设备100如何确定第一图像位置的方法，在本申请实施例中不作限定。

眼睛相对于显示屏的距离，可以理解为眼睛相对于显示屏的垂直距离，也即第一图像相对于显示屏的垂直距离。电子设备100可通过面部面积、第一图像的面积，以及前置摄像头的预置焦距，估算眼睛相对于显示屏的距离。具体的，可如下公式，估算眼睛相对于显示屏的距离。

距离＝面部面积/第一图像的面积*换算系数

其中，换算系数与预置焦距以及采集第一图像时的焦距有关，具体关系以及具体数值在本申请实施例中不作限定。为进一步提高该距离的精确度，可使用双眼间距的方法，来辅助计算距离。电子设备100也可采用其他方法计算得到眼睛相对于显示屏的距离，本申请实施例中不限定如何计算得到眼睛相对于显示屏的距离。

电子设备100在得到第一图像位置和上述距离的情况下，确定眼睛的位置，即第一光源的位置。可参见图6所示，电子设备100在确定眼睛相对于显示屏的距离以及眼睛在第一图像中的位置的情况下，确定眼睛相对于显示屏的位置。若两个眼睛所在的直线相对于水平方向平行，那么图6中的角度1和角度2相同；反之，角度1与角度2存在一定差值。

在一种实现方式中，第一光源的位置可包括左眼的位置和/或右眼的位置。在另一种实现方式中，第一光源的位置为根据左眼的位置和右眼的位置综合确定的一个位置。

电子设备100根据显示屏与水平方向的夹角是否在预设范围内，分情况确定第一光源的位置。其中，预设范围可以是[90°-M°，90°+M°]，例如M为5，在[85°，95°]范围内，认为显示屏相对于水平方向垂直。M的具体数值在本申请实施例中不作限定。可以理解的是，在显示屏与水平方向之间的夹角在90度偏差范围内时，认为显示屏相对于水平方向垂直，偏差值可忽略不计。

情况一：显示屏与水平方向之间的夹角在预设范围内，即显示屏相对于水平方向垂直。电子设备100根据第一图像位置和上述距离，确定第一视角，根据第一视角确定第一光源的位置。以第一光源的位置为右眼的位置为例，可参见图7-1所示，根据第一图像位置和上述距离，结合三角函数原理，可计算得到第一视角，进而根据第一视角，可计算得到右眼的位置(x，y，z)。

情况二：显示屏与水平方向之间的夹角不在预设范围内，即显示屏相对于水平方向有一定夹角。电子设备100根据第一图像位置、上述距离以及显示屏与水平方向之间的夹角，确定第二视角，根据第二视角确定第一光源的位置。可以理解的是，在假设显示屏相对于水平方向垂直的情况下，确定出第一视角，根据显示屏与水平方向之间的夹角对第一视角进行修正，得到第二视角。以第一光源的位置为右眼的位置为例，可参见图7-2所示，对第一视角进行修正，得到第二视角，进而根据第二视角，可计算得到右眼的位置(x，y，z)。

情况二下计算得到的第一光源的位置，相比情况一，准确度更高。

进一步的，电子设备100在确定第一光源的位置的情况下，可确定第一光源的强度。可以理解的是，光源与显示屏之间的距离越近，光源的强度越强；反之，光源的强度越弱。在本申请实施例中，电子设备100如何确定第一光源的强度不作限定。

步骤402，根据第一光源的位置，针对指定视图控件生成并输出第一阴影光效。

其中，第一阴影光效可包括第一阴影。电子设备100可通过如下方式，根据第一光源的位置，针对指定视图控件生成第一阴影，并通过显示屏输出第一阴影。

方式一，电子设备100根据第一光源的位置和阴影绘制算法，针对指定视图控件生成第一阴影，并通过显示屏输出第一阴影。其中，阴影绘制算法可是阴影绘制命令。针对GUI中的指定视图控件的外框(矩形、圆角矩形、圆形)，在接收到阴影绘制命令时，执行阴影绘制命令，绘制阴影，根据第一光源的位置，分别生成环境光阴影和点光源阴影。

方式一可以适用于指定视图控件的外框为矩形、圆角矩形或圆形，可以生成环境光阴影和点光源阴影。

方式二，电子设备100根据第一光源的位置，第一光源的强度和指定视图控件的材质属性信息，针对指定视图控件生成第一阴影，并通过显示屏输出第一阴影。具体的，电子设备100根据第一光源的位置和第一光源的强度，确定主体模糊半径；根据第一光源的位置和指定视图控件的材质属性信息，确定投影模糊信息；根据主体模糊半径和投影模糊信息，针对指定视图控件生成第一阴影。

示例性的，可参见图8所示。电子设备100获取主体图像，即指定视图控件的图像，根据第一光源的位置和第一光源的强度，确定主体模糊半径，例如高斯模糊20，并采用该主体模糊半径对指定视图控件进行主体模糊，得到主体模糊后的效果。电子设备100根据第一光源的位置和指定视图控件的材质属性信息，确定投影模糊信息，例如包括投影颜色#000000，13％不透明，投影模糊半径40，Y轴偏移8，并采用投影模糊信息对指定视图控件进行投影模糊，得到投影模糊后的效果。电子设备100将主体模糊后的效果与投影模糊后的效果进行叠加，得到叠加效果，将叠加效果与主体图像叠加，使得主体图像具有阴影效果。

其中，指定视图控件的材质属性信息包括折射率、反射率、漫反射率或透明度中的一种或多种。材质可以包括背景材质、边框材质或背板材质中的一种或多种。用户可以对GUI中的视图控件定义折射率、反射率、漫反射率或透明度等信息，或者直接设置视图控件的类型，如毛玻璃、纸面、镜面等。指定视图控件的材质属性信息不同，将产生不同轻重、颜色的阴影和不同效果的光效。

光源的位置和材质属性信息可以影响投影透明度、投影模糊半径和投影偏移。

方式二可以适用于任意形态的指定视图控件的外框，适用范围更广，并结合材质属性，更贴合实际应用。

上述方式一和方式二用于举例，实际应用中可能采用其他方式生成第一阴影。

其中，第一阴影光效可包括第一光效。电子设备100可通过如下方式，根据第一光源的位置，针对指定视图控件生成第一光效，并通过显示屏输出第一光效。

方式A，电子设备100根据第一光源的位置、第一光源的强度和指定视图控件的原始颜色信息，针对指定视图控件生成第一光效，并通过显示屏输出第一光效。

具体的，将第一光源作为平行光源，电子设备100获取光线的角度信息和光线的颜色信息。电子设备100可根据第一光源的位置和指定视图控件的深度属性，获得光线的角度信息。进而，电子设备100根据光线的颜色信息、光线的角度信息和第一光源的强度，与指定视图控件的原始颜色信息进行点乘运算，从而改变指定视图控件的原始颜色的强度信息。电子设备100根据改变后的强度信息重现绘制用户图形界面，从而显示另一种光效。

方式B，电子设备100根据第一光源的位置，确定径向渐变半径；根据第一光源的强度，确定高斯模糊半径；根据径向渐变半径和高斯模糊半径，针对指定视图控件生成第一光效，并通过显示屏输出第一光效。

具体的，电子设备100根据第一光源的位置，确定径向渐变半径，进而根据径向渐变半径，绘制一个径向渐变的圆球，圆球的颜色可以是预定义的颜色，例如默认为白光。电子设备100根据第一光源的强度，确定高斯模糊半径，进而根据高斯模糊半径对圆球进行高斯模糊。在指定视图控件上，绘制高斯模糊后的圆球，即生成第一光效，如图9所示。

步骤403，根据采集的生物特征的第二图像，确定第二光源位置。

步骤404，根据第二光源的位置，针对指定视图控件生成并输出第二阴影光效。

需要说明的是，步骤403至步骤404的执行过程与步骤401至步骤402的执行过程类似，具体可参见步骤401至步骤402的描述。不同之处在于，步骤403与步骤401中光源的位置不同。

第一光源的位置与第二光源的位置为眼睛相对于显示屏的不同的位置，即第一光源的位置不同于第二光源的位置。在一种可能的实现方式中，第一光源的位置为第一时刻，眼睛相对于显示屏的位置；第二光源的位置为第二时刻，眼睛相对于显示屏的位置，从而使得第一光源的位置不同于第二光源的位置。

在图4所示的实施例中，第一光源的位置不同于第二光源的位置，进而第一阴影光效不同于第二阴影光效。可见，同一指定视图控件的阴影光效可随着光源位置的变化而变化，从而实现指定视图控件的阴影效果的动态显示，有利于构建更具真实感的用户图形界面。

在一个示例中，如图10所示，在显示屏与水平面的夹角在预设范围内的情况下，图10的A中，眼睛的位置与图10的B中，眼睛的位置不同，从而针对同一指定视图控件，图10中的A的阴影光效不同于图10中的B的阴影光效。

在另一个示例中，如图11所示，在显示屏与水平面的夹角不在预设范围内的情况下，图11的A中，电子设备100的姿态不同于图11的B中，电子设备100的姿态，从而针对同一指定视图控件，图11中的A的阴影光效不同于图11中的B的阴影光效。若图11中的A，眼睛的位置与图11中的B，眼睛的位置不同，且电子设备100的姿态不同，生成的阴影光效也不同。即使图11中的A，眼睛的位置与图11中的B，眼睛的位置相同，也可以生成不同的阴影光效。

请参见图12，为本申请实施例提供的另一种用户图形界面显示方法的流程示意图，该流程可以但不限于如下步骤：

步骤501，获取电子设备相对于预设光源的第一位置。

需要说明的是，当出于性能考虑或电子设备硬件限制，无法根据采集的生物特征的图像确定光源的位置时，可以使用图12所示的方法实现用户图形界面的动态显示。

图12所示的方法中，预先光源可以理解为假设的光源，实际可能并不存在，预设光源的位置可由用户设置或系统默认，具体预设光源的位置在本申请实施例中不作限定。

电子设备100可以根据其内部的传感器，获取电子设备100相对于预设光源的位置。电子设备100相对于预设光源的位置，可以理解为电子设备100相对于预设光源的姿态。

步骤502，根据第一位置和预设光源的位置，针对指定视图控件生成并输出第一阴影光效。

需要说明的是，步骤502的执行过程可以参见步骤402中的具体描述，此处不在赘述。不同之处在于，步骤402是根据第一光源的位置，针对指定视图控件生成并输出第一阴影光效，而步骤502是根据预设光源的位置和电子设备相对于预设光源的第一位置，针对指定视图控件生成并输出第一阴影光效。

步骤503，获取电子设备相对于预设光源的第二位置。

步骤504，根据第二位置和预设光源的位置，针对指定视图控件生成并输出第二阴影光效。

需要说明的是，步骤503至步骤504的执行过程与步骤401至步骤402的执行过程类似，具体可参见步骤501至步骤502中的描述。不同之处在于，步骤503与步骤501中电子设备相对于预设光源的位置不同。

在图12所示的实施例中，第一位置不同于第二位置，进而第一阴影光效不同于第二阴影光效。可见，同一指定视图控件的阴影光效可随着电子设备的姿态变化而变化，从而实现指定视图控件的阴影效果的动态显示，有利于构建更具真实感的用户图形界面。

在一个示例中，如图13所示，图13的A中，电子设备100相对于预设光源的位置，与图13中的B和C均不同，即A、B、C中电子设备100的姿态各不相同，光线的角度也不相同，进而针对同一指定视图控件，生成的阴影光效不相同。

图12所示的实施例只使用电子设备内部的传感器，具有更低功耗的特点，更具备商业价值。

图14所示的实施例为本申请提供的用户图形界面显示装置的示意图。该装置包括处理单元1401和显示单元1402。

在一个实施例中：

处理单元1401，用于根据采集的生物特征的第一图像，确定第一光源的位置；根据第一光源的位置，针对指定视图控件生成第一阴影光效；

显示单元1402，用于输出第一阴影光效；

处理单元1401，还用于根据采集的生物特征的第二图像，确定第二光源的位置；根据第二光源的位置，针对指定视图控件生成第二阴影光效；

显示单元1402，还用于输出第二阴影光效；

其中，第一光源的位置和第二光源的位置为生物特征相对于显示屏的位置，且第一光源的位置不同于第二光源的位置；第一阴影光效不同于第二阴影光效。

在一种实现方式中，处理单元1401，具体用于根据采集的生物特征的第一图像，确定生物特征在第一图像中的第一图像位置，并估算生物特征相对于显示屏的距离；根据第一图像位置和距离，确定第一光源的位置。

在一种实现方式中，处理单元1401，具体用于显示屏与水平方向的夹角在预设范围内，根据第一图像位置和距离，确定第一视角；根据第一视角，确定第一光源的位置。

在一种实现方式中，处理单元1401，具体用于显示屏与水平方向的夹角不在预设范围内，根据显示屏与水平方向的夹角、第一图像位置和距离，确定第二视角；根据第二视角，确定第一光源的位置。

在一种实现方式中，第一阴影光效包括第一阴影；处理单元1401，具体用于根据第一光源的位置、第一光源的强度和指定视图控件的材质属性信息，针对指定视图控件生成并输出第一阴影。

在一种实现方式中，处理单元1401，具体用于根据第一光源的位置和第一光源的强度，确定主体模糊半径；根据第一光源的位置和指定视图控件的材质属性信息，确定投影模糊信息；根据主体模糊半径和投影模糊信息，针对指定视图控件生成并输出第一阴影。

在一种实现方式中，指定视图控件的材质属性信息包括折射率、反射率、漫反射率或透明度中的一种或多种。

在一种实现方式中，第一阴影光效包括第一光效；处理单元1401，具体用于根据第一光源的位置、第一光源的强度和指定视图控件的原始颜色信息，针对指定视图控件生成并输出第一光效。

在一种实现方式中，第一阴影光效包括第一光效；处理单元1401，具体用于根据第一光源的位置，确定径向渐变半径；根据第一光源的强度，确定高斯模糊半径；根据径向渐变半径和高斯模糊半径，针对指定视图控件生成并输出第一光效。

在另一个实施例中：

处理单元1401，用于获取电子设备相对于预设光源的第一位置；根据第一位置和预设光源的位置，针对指定视图控件生成第一阴影光效；

显示单元1402，用于输出第一阴影光效；

处理单元1401，还用于获取电子设备相对于预设光源的第二位置；根据第二位置和预设光源的位置，针对指定视图控件生成第二阴影光效；

显示单元1402，还用于输出第二阴影光效；

其中，第一位置不同于第二位置，第一阴影光效不同于第二阴影光效。

在一种实现方式中，第一阴影光效包括第一阴影；处理单元1401，具体用于根据第一位置、预设光源的位置、第一光源的强度和指定视图控件的材质属性信息，针对指定视图控件生成并输出第一阴影。

在一种实现方式中，指定视图控件的材质属性信息包括折射率、反射率、漫反射率或透明度中的一种或多种。

在一种实现方式中，第一阴影光效包括第一光效；处理单元1401，具体用于根据第一位置、预设光源的位置、第一光源的强度和指定视图控件的原始颜色信息，针对指定视图控件生成并输出第一光效。

在一种实现方式中，第一阴影光效包括第一光效；处理单元1401，具体用于根据第一位置和预设光源的位置，确定径向渐变半径；根据第一位置和预设光源的强度，确定高斯模糊半径；根据径向渐变半径和高斯模糊半径，针对指定视图控件生成并输出第一光效。

上述实施例中所用，根据上下文，术语“当…时”可以被解释为意思是“如果…”或“在…后”或“响应于确定…”或“响应于检测到…”。类似地，根据上下文，短语“在确定…时”或“如果检测到(所陈述的条件或事件)”可以被解释为意思是“如果确定…”或“响应于确定…”或“在检测到(所陈述的条件或事件)时”或“响应于检测到(所陈述的条件或事件)”。

在上述实施例中，可以全部或部分地通过软件、硬件、固件或者其任意组合来实现。当使用软件实现时，可以全部或部分地以计算机程序产品的形式实现。所述计算机程序产品包括一个或多个计算机指令。在计算机上加载和执行所述计算机程序指令时，全部或部分地产生按照本申请实施例所述的流程或功能。所述计算机可以是通用计算机、专用计算机、计算机网络、或者其他可编程装置。所述计算机指令可以存储在计算机可读存储介质中，或者从一个计算机可读存储介质向另一个计算机可读存储介质传输，例如，所述计算机指令可以从一个网站站点、计算机、服务器或数据中心通过有线(例如同轴电缆、光纤、数字用户线)或无线(例如红外、无线、微波等)方式向另一个网站站点、计算机、服务器或数据中心进行传输。所述计算机可读存储介质可以是计算机能够存取的任何可用介质或者是包含一个或多个可用介质集成的服务器、数据中心等数据存储设备。所述可用介质可以是磁性介质，(例如，软盘、硬盘、磁带)、光介质(例如DVD)、或者半导体介质(例如固态硬盘)等。

本领域普通技术人员可以理解实现上述实施例方法中的全部或部分流程，该流程可以由计算机程序来指令相关的硬件完成，该程序可存储于计算机可读取存储介质中，该程序在执行时，可包括如上述各方法实施例的流程。而前述的存储介质包括：ROM或随机存储记忆体RAM、磁碟或者光盘等各种可存储程序代码的介质。

Claims (13)

1.一种用户图形界面显示方法，其特征在于，所述方法应用于电子设备，所述电子设备包括用于显示用户图形界面的显示屏，所述用户图形界面包括具有深度属性的指定视图控件，所述方法包括：

根据采集的眼睛的第一图像，确定第一光源的位置；所述第一光源的位置为所述眼睛相对于所述显示屏的位置；

根据所述第一光源的位置，针对所述指定视图控件生成并输出第一阴影光效；所述第一阴影光效包括第一光效；所述根据所述第一光源的位置，针对所述指定视图控件生成并输出所述第一光效，包括：根据所述第一光源的位置，确定径向渐变半径；根据所述第一光源的强度，确定高斯模糊半径；根据所述径向渐变半径和所述高斯模糊半径，针对所述指定视图控件生成并输出所述第一光效；

根据采集的所述眼睛的第二图像，确定第二光源的位置；所述第二光源的位置为所述眼睛相对于所述显示屏的位置；

根据所述第二光源的位置，针对所述指定视图控件生成并输出第二阴影光效；

其中，所述第一光源的位置和所述第二光源的位置为所述眼睛相对于所述显示屏的位置，且所述第一光源的位置不同于所述第二光源的位置；所述第一阴影光效不同于所述第二阴影光效。

2.根据权利要求1所述的方法，其特征在于，所述根据采集的眼睛的第一图像，确定第一光源的位置，包括：

根据采集的眼睛的第一图像，确定所述眼睛在所述第一图像中的第一图像位置，并估算所述眼睛相对于所述显示屏的距离；

根据所述第一图像位置和所述距离，确定第一光源的位置。

3.根据权利要求2所述的方法，其特征在于，所述根据所述第一图像位置和所述距离，确定第一光源的位置，包括：

所述显示屏与水平方向的夹角在预设范围内，根据所述第一图像位置和所述距离，确定第一视角；

根据所述第一视角，确定第一光源的位置。

4.根据权利要求2所述的方法，其特征在于，所述根据所述第一图像位置和所述距离，确定第一光源的位置，包括：

所述显示屏与水平方向的夹角不在预设范围内，根据所述显示屏与水平方向的夹角、所述第一图像位置和所述距离，确定第二视角；

根据所述第二视角，确定第一光源的位置。

5.根据权利要求1所述的方法，其特征在于，所述第一阴影光效还包括第一阴影；

所述根据所述第一光源的位置，针对所述指定视图控件生成并输出所述第一阴影，包括：

根据所述第一光源的位置、所述第一光源的强度和所述指定视图控件的材质属性信息，针对所述指定视图控件生成并输出所述第一阴影。

6.根据权利要求5所述的方法，其特征在于，所述根据所述第一光源的位置、所述第一光源的强度和所述指定视图控件的材质属性信息，针对所述指定视图控件生成并输出所述第一阴影，包括：

根据所述第一光源的位置和所述第一光源的强度，确定主体模糊半径；

根据所述第一光源的位置和所述指定视图控件的材质属性信息，确定投影模糊信息；

根据所述主体模糊半径和所述投影模糊信息，针对所述指定视图控件生成并输出所述第一阴影。

7.根据权利要求5或6所述的方法，其特征在于，所述指定视图控件的材质属性信息包括折射率、反射率、漫反射率或透明度中的一种或多种。

8.一种用户图形界面显示方法，其特征在于，所述方法应用于电子设备，所述电子设备包括用于显示用户图形界面的显示屏，所述用户图形界面包括具有深度属性的指定视图控件，所述方法包括：

获取所述电子设备相对于预设光源的第一位置；

根据所述第一位置和所述预设光源的位置，针对所述指定视图控件生成并输出第一阴影光效；所述第一阴影光效包括第一光效；所述根据所述第一位置和所述预设光源的位置，针对所述指定视图控件生成并输出所述第一光效，包括：根据所述第一位置和所述预设光源的位置，确定径向渐变半径；根据所述第一位置和所述预设光源的强度，确定高斯模糊半径；根据所述径向渐变半径和所述高斯模糊半径，针对所述指定视图控件生成并输出所述第一光效；

获取所述电子设备相对于所述预设光源的第二位置；

根据所述第二位置和所述预设光源的位置，针对所述指定视图控件生成并输出第二阴影光效；

其中，所述第一位置不同于所述第二位置，所述第一阴影光效不同于所述第二阴影光效。

9.根据权利要求8所述的方法，其特征在于，所述第一阴影光效还包括第一阴影；

所述根据所述第一位置和所述预设光源的位置，针对所述指定视图控件生成并输出所述第一阴影，包括：

根据所述第一位置、所述预设光源的位置、所述第一光源的强度和所述指定视图控件的材质属性信息，针对所述指定视图控件生成并输出所述第一阴影。

10.根据权利要求9所述的方法，其特征在于，所述指定视图控件的材质属性信息包括折射率、反射率、漫反射率或透明度中的一种或多种。

11.一种用户图形界面显示装置，包括显示屏，存储器，一个或多个处理器，多个应用程序，以及一个或多个程序；其中所述一个或多个程序被存储在所述存储器中；其特征在于，所述一个或多个处理器在执行所述一个或多个程序时，使得所述用户图形界面显示装置实现如权利要求1至10任一项所述的方法。

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

13.一种计算机可读存储介质，包括指令，其特征在于，当所述指令在电子设备上运行时，使得所述电子设备执行如权利要求1至10任一项所述的方法。

Images