一种界面显示方法及电子设备技术

技术编号:36601902 阅读:18 留言:0更新日期:2023-02-04 18:17
一种界面显示方法及电子设备,获取一个前置传感交互器件在全面屏显示屏上的显示形状的第一显示位置;在配置文件中查找与所述前置传感交互器件对应的目标功能图标;所述配置文件中包括至少一个功能在开启状态下对应的功能图标在所述全面屏显示屏上的显示位置,所述目标功能图标在所述全面屏显示屏上的第二显示位置与所述前置传感交互器件在全面屏显示屏上的第一显示位置相同或相近;在所述全面屏显示屏上显示处理后的目标功能图标,所述处理后的目标功能图标的显示位置与所述第一显示位置相同或接近,且与所述前置传感交互器件在所述显示屏上的显示形状相同或相似,这样可以减弱全面屏显示技术中屏幕的割裂感,提升用户体验。体验。体验。

【技术实现步骤摘要】
一种界面显示方法及电子设备


[0001]本申请涉及终端
,尤其涉及一种界面显示方法及电子设备。

技术介绍

[0002]全面屏技术是时下最热门的技术之一,全面屏手机受到广大用户的喜爱和追捧。全面屏技术,是显示业界对于超高屏占比手机设计的一个比较宽泛的定义。从字面上解释就是手机的正面全部都是屏幕,手机的显示界面被屏幕完全覆盖,手机的四个边框位置都是采用无边框设计,追求接近100%的超高屏占比。
[0003]由于受限于前置传感交互器件,例如手机前置摄像头、手机听筒、距离传感器和光线传感器等其它手机不可或缺的基本功能需要,目前的全面屏手机在设计的过程中会将这些前置传感交互器件隐藏在屏下,而这些前置传感交互器件在显示屏上对应的显示区域通常会与屏幕上其它区域的显示效果不同,这样会使得手机屏幕上存在割裂感。如图1所示,以目前的挖孔屏手机为例,界面100包括前置摄像头所在的显示区域101以及多个应用程序等所在的显示区域102,前置摄像头在显示屏上的显示区域101,使得全面屏手机的用户界面上存在割裂感,进而使得用户体验不佳。
[0004]综上所述,如何减弱全面屏的屏幕上存在的割裂感问题,是目前急需解决的技术问题。

技术实现思路

[0005]本申请提供一种界面显示方法及电子设备,用以解决现有技术全面屏显示中屏幕存在的割裂感的问题。
[0006]第一方面,本申请实施例提供一种界面显示方法,该方法可应用于全面屏显示技术的电子设备,所谓全面屏显示指的是电子设备的正面全部都是屏幕,电子设备的显示界面被屏幕完全覆盖,电子设备的四个边框位置都是采用无边框设计,追求接近100%的超高屏占比。所述方法具体包括:首先获取一个前置传感交互器件在全面屏显示屏上的显示形状的第一显示位置,然后在配置文件中查找与所述前置传感交互器件对应的目标功能图标;所述配置文件中包括至少一个功能在开启状态下对应的功能图标在所述全面屏显示屏上的显示位置,所述目标功能图标在所述全面屏显示屏上的第二显示位置与所述前置传感交互器件在全面屏显示屏上的第一显示位置相同或相近;之后在所述全面屏显示屏上显示处理后的目标功能图标,所述处理后的目标功能图标的显示位置与所述第一显示位置相同或接近,且与所述前置传感交互器件在所述全面屏显示屏上的显示形状相同或相似。
[0007]在上述技术方案中,通过获取前置交互器件在显示屏上对应的第一显示位置,并在配置文件中查找与第一显示位置相同或相近的第二显示位置对应的目标功能图标,将目标功能图标的形状处理成与第一显示位置对应的前置交互器件相同或相似的形状,且在全面屏显示屏上的位置与第一显示位置相同或相近,这样可以减弱全面屏显示屏的割裂感,提升用户对于全面屏的用户界面体验。
[0008]在一种可能的设计中,所述第一显示位置可以包括所述前置传感交互器件在所述显示屏上的显示形状所占的第一宽度范围和第一高度范围;所述第二显示位置包括所述目标功能图标在所述显示屏上所占的第二宽度范围和第二高度范围;其中,所述第二宽度范围与第一宽度范围的差值、所述第二高度范围与所述第一高度范围的差值均在设定范围内。
[0009]在上述技术方案中,前置传感交互器件在全面屏显示屏上对应的显示位置(即显示形状所占的宽度范围与高度范围)与目标功能图标在全面屏显示屏上的显示位置相同或相近,这样可以使得前置传感交互器件无需单独显示在对应的显示位置,将目标功能图标和前置传感交互器件显示在相同或相近的位置,可以减弱全面屏幕的割裂感,同时提升用户的体验。
[0010]在一种可能的设计中,所述前置传感交互器件包括但不限于为前置摄像头、听筒、光线传感器、距离传感器。
[0011]第二方面,本申请实施例提供一种界面显示方法,该方法可应用于全面屏显示技术的电子设备,所谓全面屏显示指的是电子设备的正面全部都是屏幕,电子设备的显示界面被屏幕完全覆盖,电子设备的四个边框位置都是采用无边框设计,追求接近100%的超高屏占比。所述方法具体包括:获取一个前置传感交互器件在全面屏显示屏上的显示形状的第一显示位置,并获取全面屏显示屏当前显示的用户界面的颜色和/或亮度;将所述第一显示位置处的显示颜色和/或亮度调整成与所述全面屏显示屏当前显示的用户界面的颜色和/或亮度相同或相近的颜色和/或亮度。
[0012]在上述技术方案中,通过获取前置传感交互器件在全面屏显示屏上的显示形状的第一显示位置以及当前用户界面的颜色和/或亮度,然后将第一显示位置的颜色和/或亮度调成与当前用户界面的颜色和/或亮度相同或相似的颜色和/或亮度,这样可以使得全面屏显示屏的割裂感减弱,有助于提升用户体验。
[0013]第三方面,提供一种电子设备,所述电子设备至少一个前置传感交互器件、全面屏显示屏,一个或多个处理器、存储器以及一个或多个计算机程序;其中,所述全面屏显示屏用于显示所述前置传感交互器件在全面屏显示屏上的显示形状、以及显示所述电子设备带有的各个功能的功能图标和/或文字;所述一个或多个计算机程序被存储在所述存储器中,所述一个或多个计算机程序包括指令,当所述指令被所述一个或多个处理器调用执行时,使得所述电子设备能够执行上述第一方面或第一方面的任一可能的设计、或上述第二方面所描述的方法。
[0014]第四方面,提供一种计算机可读存储介质,所述计算机可读存储介质中存储有指令,当其在计算机上运行时,使得计算机执行上述第一方面或第一方面的任一可能的设计、或第二方面各实施方式中的方法。
[0015]第五方面,提供一种包含指令的计算机程序产品,当其在计算机上运行时,使得计算机执行上述第一方面或第一方面的任一可能的设计、或第二方面各实施方式中的方法。
附图说明
[0016]图1为本申请实施例提供的一种挖孔屏手机的界面示意图;
[0017]图2为本申请实施例提供的一种可能的电子设备的结构图;
[0018]图3为本申请实施例提供的一种用户界面示意图;
[0019]图4为本申请实施例提供的一组界面示意图;
[0020]图5为本申请实施例提供的一组界面示意图;
[0021]图6为本申请实施例提供的一组界面示意图;
[0022]图7为本申请实施例提供的一组界面示意图;
[0023]图8为本申请实施例提供的一组界面示意图;
[0024]图9为本申请实施例提供的一种界面显示方法流程图;
[0025]图10为本申请实施例提供的一种界面示意图;
[0026]图11为本申请实施例提供的另一种界面显示方法流程图;
[0027]图12为本申请实施例提供的一种电子设备的结构示意图。
具体实施方式
[0028]下面将结合附图对本申请实施例作进一步地详细描述。
[0029]本申请实施例可以应用在多种电子设备中,电子设备可以是包含诸如个人数字助理和/或音乐播放器等功能的便携式电子设备,诸如手机、平板电脑、具备无线通讯功能的可穿戴设备(如智能手表)等。便携式电子设备的示例性实施例包括但不限于搭载如智能手本文档来自技高网
...

【技术保护点】

【技术特征摘要】
1.一种在电子设备中显示图形用户界面的方法,其特征在于,包括:获取一个前置传感交互器件在显示屏上的第一位置,所述第一位置包括所述前置传感交互器件在所述显示屏上所占的第一宽度和第一高度;在配置文件中查找与所述前置传感交互器件对应的目标功能图标;所述配置文件中包括至少一个功能在开启状态下对应的功能图标在所述显示屏上的显示位置,所述目标功能图标在所述显示屏上的第二位置包括目标功能图标在所述显示屏上所占的第二宽度和第二高度;在所述屏显示屏上显示处理后的目标功能图标,所述处理后的目标功能图标的所述第二宽度与第一宽度的差值以及所述第二高度与所述第一高度的差值均在设定范围内,且与所述前置传感交互器件在所述全面屏显示屏上的显示形状相同。2.如权利要求1所述的方法,其特征在于,所述前置传感交互器件包括前置摄像头、光线传感器或距离传感器。3.一种电子设备,其特征在于,所述电子设备包括至少一个前置传感交互器件;显示屏;一个或多个处理器;存储器以及一个或多个计算机程序;其中,所述显示屏所述显示屏包括显示区和非显示区,所述非显示区的形状为所述前置传感交互器件在所述显示屏上对应的形状,所述显示区用于显示所述电子设备带有的各个功能的功能图标和/或文字;所述一个或多个计算机程序被存储在所述存储器中,所述一个或多个计算机程序包括指令,当所述指令被所述一个或多个处理器调用执行时,使得所述电子设备执行以下步骤:获取所述前置传感交互器件在所述显示屏上的第一位置,所述第一位置包括所述前置传感交互器件在所述显示屏上所占的第一宽度和第一高度;在配置文件中查找与所述前置传感交互器件对应的...

【专利技术属性】
技术研发人员:付如海贺虎贺海明
申请(专利权)人:华为技术有限公司
类型:发明
国别省市:

网友询问留言 已有0条评论
  • 还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。

1