CN115686705B - 一种界面显示方法及电子设备 - Google Patents

一种界面显示方法及电子设备 Download PDF

Info

Publication number
CN115686705B
CN115686705B CN202211140874.8A CN202211140874A CN115686705B CN 115686705 B CN115686705 B CN 115686705B CN 202211140874 A CN202211140874 A CN 202211140874A CN 115686705 B CN115686705 B CN 115686705B
Authority
CN
China
Prior art keywords
screen
display
full
electronic device
icon
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.)
Active
Application number
CN202211140874.8A
Other languages
English (en)
Other versions
CN115686705A (zh
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.)
Huawei Technologies Co Ltd
Original Assignee
Huawei Technologies 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 Huawei Technologies Co Ltd filed Critical Huawei Technologies Co Ltd
Priority to CN202211140874.8A priority Critical patent/CN115686705B/zh
Publication of CN115686705A publication Critical patent/CN115686705A/zh
Application granted granted Critical
Publication of CN115686705B publication Critical patent/CN115686705B/zh
Active legal-status Critical Current
Anticipated expiration legal-status Critical

Links

Classifications

    • GPHYSICS
    • G09EDUCATION; CRYPTOGRAPHY; DISPLAY; ADVERTISING; SEALS
    • G09GARRANGEMENTS OR CIRCUITS FOR CONTROL OF INDICATING DEVICES USING STATIC MEANS TO PRESENT VARIABLE INFORMATION
    • G09G3/00Control arrangements or circuits, of interest only in connection with visual indicators other than cathode-ray tubes
    • G09G3/20Control arrangements or circuits, of interest only in connection with visual indicators other than cathode-ray tubes for presentation of an assembly of a number of characters, e.g. a page, by composing the assembly by combination of individual elements arranged in a matrix no fixed position being assigned to or needed to be assigned to the individual characters or partial characters
    • G09G3/2092Details of a display terminals using a flat panel, the details relating to the control arrangement of the display terminal and to the interfaces thereto
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00Input 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/01Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0481Interaction 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
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00Input 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/01Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0481Interaction 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/04817Interaction 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
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F9/00Arrangements for program control, e.g. control units
    • G06F9/06Arrangements 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/44Arrangements for executing specific programs
    • G06F9/451Execution arrangements for user interfaces
    • GPHYSICS
    • G09EDUCATION; CRYPTOGRAPHY; DISPLAY; ADVERTISING; SEALS
    • G09GARRANGEMENTS OR CIRCUITS FOR CONTROL OF INDICATING DEVICES USING STATIC MEANS TO PRESENT VARIABLE INFORMATION
    • G09G2320/00Control of display operating conditions
    • G09G2320/06Adjustment of display parameters
    • G09G2320/0666Adjustment of display parameters for control of colour parameters, e.g. colour temperature
    • GPHYSICS
    • G09EDUCATION; CRYPTOGRAPHY; DISPLAY; ADVERTISING; SEALS
    • G09GARRANGEMENTS OR CIRCUITS FOR CONTROL OF INDICATING DEVICES USING STATIC MEANS TO PRESENT VARIABLE INFORMATION
    • G09G2354/00Aspects of interface with display user
    • GPHYSICS
    • G09EDUCATION; CRYPTOGRAPHY; DISPLAY; ADVERTISING; SEALS
    • G09GARRANGEMENTS OR CIRCUITS FOR CONTROL OF INDICATING DEVICES USING STATIC MEANS TO PRESENT VARIABLE INFORMATION
    • G09G2360/00Aspects of the architecture of display systems
    • G09G2360/14Detecting light within display terminals, e.g. using a single or a plurality of photosensors
    • HELECTRICITY
    • H04ELECTRIC COMMUNICATION TECHNIQUE
    • H04NPICTORIAL COMMUNICATION, e.g. TELEVISION
    • H04N23/00Cameras or camera modules comprising electronic image sensors; Control thereof
    • H04N23/60Control of cameras or camera modules
    • H04N23/63Control of cameras or camera modules by using electronic viewfinders
    • H04N23/631Graphical user interfaces [GUI] specially adapted for controlling image capture or setting capture parameters

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)
  • Software Systems (AREA)
  • Computer Hardware Design (AREA)
  • User Interface Of Digital Computer (AREA)
  • Controls And Circuits For Display Device (AREA)
  • Digital Computer Display Output (AREA)
  • Telephone Function (AREA)

Abstract

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

Description

一种界面显示方法及电子设备
技术领域
本申请涉及终端技术领域,尤其涉及一种界面显示方法及电子设备。
背景技术
全面屏技术是时下最热门的技术之一,全面屏手机受到广大用户的喜爱和追捧。全面屏技术,是显示业界对于超高屏占比手机设计的一个比较宽泛的定义。从字面上解释就是手机的正面全部都是屏幕,手机的显示界面被屏幕完全覆盖,手机的四个边框位置都是采用无边框设计,追求接近100%的超高屏占比。
由于受限于前置传感交互器件,例如手机前置摄像头、手机听筒、距离传感器和光线传感器等其它手机不可或缺的基本功能需要,目前的全面屏手机在设计的过程中会将这些前置传感交互器件隐藏在屏下,而这些前置传感交互器件在显示屏上对应的显示区域通常会与屏幕上其它区域的显示效果不同,这样会使得手机屏幕上存在割裂感。如图1所示,以目前的挖孔屏手机为例,界面100包括前置摄像头所在的显示区域101以及多个应用程序等所在的显示区域102,前置摄像头在显示屏上的显示区域101,使得全面屏手机的用户界面上存在割裂感,进而使得用户体验不佳。
综上所述,如何减弱全面屏的屏幕上存在的割裂感问题,是目前急需解决的技术问题。
发明内容
本申请提供一种界面显示方法及电子设备,用以解决现有技术全面屏显示中屏幕存在的割裂感的问题。
第一方面,本申请实施例提供一种界面显示方法,该方法可应用于全面屏显示技术的电子设备,所谓全面屏显示指的是电子设备的正面全部都是屏幕,电子设备的显示界面被屏幕完全覆盖,电子设备的四个边框位置都是采用无边框设计,追求接近100%的超高屏占比。所述方法具体包括:首先获取一个前置传感交互器件在全面屏显示屏上的显示形状的第一显示位置,然后在配置文件中查找与所述前置传感交互器件对应的目标功能图标;所述配置文件中包括至少一个功能在开启状态下对应的功能图标在所述全面屏显示屏上的显示位置,所述目标功能图标在所述全面屏显示屏上的第二显示位置与所述前置传感交互器件在全面屏显示屏上的第一显示位置相同或相近;之后在所述全面屏显示屏上显示处理后的目标功能图标,所述处理后的目标功能图标的显示位置与所述第一显示位置相同或接近,且与所述前置传感交互器件在所述全面屏显示屏上的显示形状相同或相似。
在上述技术方案中,通过获取前置交互器件在显示屏上对应的第一显示位置,并在配置文件中查找与第一显示位置相同或相近的第二显示位置对应的目标功能图标,将目标功能图标的形状处理成与第一显示位置对应的前置交互器件相同或相似的形状,且在全面屏显示屏上的位置与第一显示位置相同或相近,这样可以减弱全面屏显示屏的割裂感,提升用户对于全面屏的用户界面体验。
在一种可能的设计中,所述第一显示位置可以包括所述前置传感交互器件在所述显示屏上的显示形状所占的第一宽度范围和第一高度范围;所述第二显示位置包括所述目标功能图标在所述显示屏上所占的第二宽度范围和第二高度范围;其中,所述第二宽度范围与第一宽度范围的差值、所述第二高度范围与所述第一高度范围的差值均在设定范围内。
在上述技术方案中,前置传感交互器件在全面屏显示屏上对应的显示位置(即显示形状所占的宽度范围与高度范围)与目标功能图标在全面屏显示屏上的显示位置相同或相近,这样可以使得前置传感交互器件无需单独显示在对应的显示位置,将目标功能图标和前置传感交互器件显示在相同或相近的位置,可以减弱全面屏幕的割裂感,同时提升用户的体验。
在一种可能的设计中,所述前置传感交互器件包括但不限于为前置摄像头、听筒、光线传感器、距离传感器。
第二方面,本申请实施例提供一种界面显示方法,该方法可应用于全面屏显示技术的电子设备,所谓全面屏显示指的是电子设备的正面全部都是屏幕,电子设备的显示界面被屏幕完全覆盖,电子设备的四个边框位置都是采用无边框设计,追求接近100%的超高屏占比。所述方法具体包括:获取一个前置传感交互器件在全面屏显示屏上的显示形状的第一显示位置,并获取全面屏显示屏当前显示的用户界面的颜色和/或亮度;将所述第一显示位置处的显示颜色和/或亮度调整成与所述全面屏显示屏当前显示的用户界面的颜色和/或亮度相同或相近的颜色和/或亮度。
在上述技术方案中,通过获取前置传感交互器件在全面屏显示屏上的显示形状的第一显示位置以及当前用户界面的颜色和/或亮度,然后将第一显示位置的颜色和/或亮度调成与当前用户界面的颜色和/或亮度相同或相似的颜色和/或亮度,这样可以使得全面屏显示屏的割裂感减弱,有助于提升用户体验。
第三方面,提供一种电子设备,所述电子设备至少一个前置传感交互器件、全面屏显示屏,一个或多个处理器、存储器以及一个或多个计算机程序;其中,所述全面屏显示屏用于显示所述前置传感交互器件在全面屏显示屏上的显示形状、以及显示所述电子设备带有的各个功能的功能图标和/或文字;所述一个或多个计算机程序被存储在所述存储器中,所述一个或多个计算机程序包括指令,当所述指令被所述一个或多个处理器调用执行时,使得所述电子设备能够执行上述第一方面或第一方面的任一可能的设计、或上述第二方面所描述的方法。
第四方面,提供一种计算机可读存储介质,所述计算机可读存储介质中存储有指令,当其在计算机上运行时,使得计算机执行上述第一方面或第一方面的任一可能的设计、或第二方面各实施方式中的方法。
第五方面,提供一种包含指令的计算机程序产品,当其在计算机上运行时,使得计算机执行上述第一方面或第一方面的任一可能的设计、或第二方面各实施方式中的方法。
附图说明
图1为本申请实施例提供的一种挖孔屏手机的界面示意图;
图2为本申请实施例提供的一种可能的电子设备的结构图;
图3为本申请实施例提供的一种用户界面示意图;
图4为本申请实施例提供的一组界面示意图;
图5为本申请实施例提供的一组界面示意图;
图6为本申请实施例提供的一组界面示意图;
图7为本申请实施例提供的一组界面示意图;
图8为本申请实施例提供的一组界面示意图;
图9为本申请实施例提供的一种界面显示方法流程图;
图10为本申请实施例提供的一种界面示意图;
图11为本申请实施例提供的另一种界面显示方法流程图;
图12为本申请实施例提供的一种电子设备的结构示意图。
具体实施方式
下面将结合附图对本申请实施例作进一步地详细描述。
本申请实施例可以应用在多种电子设备中,电子设备可以是包含诸如个人数字助理和/或音乐播放器等功能的便携式电子设备,诸如手机、平板电脑、具备无线通讯功能的可穿戴设备(如智能手表)等。便携式电子设备的示例性实施例包括但不限于搭载 或者其它操作系统的便携式电子设备。上述便携式电子设备也可以是其它便携式电子设备,诸如具有触敏表面(例如触控面板)的膝上型计算机(laptop)等。还应当理解的是,在本申请其他一些实施例中,上述电子设备也可以不是便携式电子设备,而是具有触敏表面(例如触控面板)的台式计算机。
在本申请中,前置传感交互器件包括但不限于为前置摄像头、听筒、光线传感器、距离传感器等,这些前置传感交互器件是指在电子设备的正面采集图像或者声音等功能的器件。
目前,以手机上的前置摄像头为例,电子设备通常会简单粗暴的利用挖孔的方式保留前置摄像头的位置,例如目前常用的挖孔屏,从而使得用户对用户界面(userinterface,UI)的体验效果不好,并且存在严重的割裂感,如图1所示,针对全面屏电子设备在显示过程中,由于某些前置传感交互器件的设置会导致显示割裂感的问题,本申请实施例通过将一些需要显示的常规图标,比如电池电量图标、运营商信号图标、允许屏幕横屏显示/禁止屏幕横屏显示的图标等,覆盖在一些前置传感交互器件的显示区域进行显示,从而达到从整体显示效果上,用户看不到前置传感交互器件与屏幕其他区域的割裂感,而是看到一些常规的显示图标,从而提高用户的使用体验。
以下,首先对本申请实施例可以应用到的电子设备的结构进行简要说明,以便于本领域技术人员便于理解技术方案。示例性地,如图2所示,下面以电子设备100为例对实施例进行具体说明。
电子设备100可以包括处理器110,外部存储器接口120,内部存储器121,USB接口130,充电管理模块140,电源管理模块141,电池142,天线1,天线2,移动通信模块151,无线通信模块152,音频模块170,扬声器170A,受话器170B,麦克风170C,耳机接口170D,传感器模块180,按键190,马达191,指示器192,摄像头193,显示屏194,以及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)等。其中,不同的处理单元可以是独立的器件,也可以集成在一个或多个处理器中。
其中,控制器可以是电子设备100的神经中枢和指挥中心。控制器可以根据指令操作码和时序信号,产生操作控制信号,完成取指令和执行指令的控制。
处理器110中还可以设置存储器,用于存储指令和数据。在一些实施例中,处理器110中的存储器为高速缓冲存储器。该存储器可以保存处理器110刚用过或循环使用的指令或数据。如果处理器110需要再次使用该指令或数据,可从所述存储器中直接调用。避免了重复存取,减少了处理器110的等待时间,因而提高了系统的效率。
处理器110可以运行本申请实施例提供的提示信息的显示方法,可以降低提示信息被用户误触导致消除的概率。当处理器110集成不同的器件,比如集成CPU和GPU时,CPU和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可以是一个一体的柔性显示屏,也可以采用两个刚性屏以及位于两个刚性屏之间的一个柔性屏组成的拼接的显示屏。本申请实施例中涉及的显示屏194为全面屏显示屏,即电子设备100的正面全部都是屏幕,电子设备100的显示界面被屏幕完全覆盖,手机的四个边框位置都是采用无边框设计,追求接近100%的超高屏占比。下述实施例中均以显示屏194进行描述,应理解,这里的显示屏194指的是全面屏显示屏。
摄像头193(前置摄像头或者后置摄像头,或者一个摄像头既可作为前置摄像头,也可作为后置摄像头)用于捕获静态图像或视频。通常,摄像头193可以包括感光元件比如镜头组和图像传感器,其中,镜头组包括多个透镜(凸透镜或凹透镜),用于采集待拍摄物体反射的光信号,并将采集的光信号传递给图像传感器。图像传感器根据所述光信号生成待拍摄物体的原始图像。
内部存储器121可以用于存储计算机可执行程序代码,所述可执行程序代码包括指令。处理器110通过运行存储在内部存储器121的指令,从而执行电子设备100的各种功能应用以及数据处理。内部存储器121可以包括存储程序区和存储数据区。其中,存储程序区可存储操作系统,应用程序(比如相机应用,微信应用等)的代码等。存储数据区可存储电子设备100使用过程中所创建的数据(比如相机应用采集的图像、视频等)等。内部存储器121还可以存储本申请实施例中的配置文件中保存的位置信息等。
此外,内部存储器121可以包括高速随机存取存储器,还可以包括非易失性存储器,例如至少一个磁盘存储器件,闪存器件,通用闪存存储器(universal flash storage,UFS)等。
当然,本申请实施例提供的算法的代码还可以存储在外部存储器中。这种情况下,处理器110可以通过外部存储器接口120运行存储在外部存储器中的算法的代码,实现对触控操作进行防误触处理。
下面介绍传感器模块180的功能。
陀螺仪传感器180A,可以用于确定电子设备100的运动姿态。在一些实施例中,可以通过陀螺仪传感器180A确定电子设备100围绕三个轴(即,x,y和z轴)的角速度。即陀螺仪传感器180A可以用于检测电子设备100当前的运动状态,比如抖动还是静止。
加速度传感器180B可检测电子设备100在各个方向上(一般为三轴)加速度的大小。即陀螺仪传感器180A可以用于检测电子设备100当前的运动状态,比如抖动还是静止。
接近光传感器180G可以包括例如发光二极管(LED)和光检测器,例如光电二极管。发光二极管可以是红外发光二极管。手机通过发光二极管向外发射红外光。手机使用光电二极管检测来自附近物体的红外反射光。当检测到充分的反射光时,可以确定手机附近有物体。当检测到不充分的反射光时,手机可以确定手机附近没有物体。
陀螺仪传感器180A(或加速度传感器180B)可以将检测到的运动状态信息(比如角速度)发送给处理器110。处理器110基于运动状态信息确定当前是手持状态还是脚架状态(比如,角速度不为0时,说明电子设备100处于手持状态)。
指纹传感器180H用于采集指纹。电子设备100可以利用采集的指纹特性实现指纹解锁,访问应用锁,指纹拍照,指纹接听来电等。
触摸传感器180K,也称“触控面板”。触摸传感器180K可以设置于显示屏194,由触摸传感器180K与显示屏194组成触摸屏,也称“触控屏”。触摸传感器180K用于检测作用于其上或附近的触控操作。触摸传感器可以将检测到的触控操作传递给应用处理器,以确定触摸事件类型。可以通过显示屏194提供与触控操作相关的视觉输出。在另一些实施例中,触摸传感器180K也可以设置于电子设备100的表面,与显示屏194所处的位置不同。
示例性的,电子设备100的显示屏194显示主界面,主界面中包括多个应用(比如相机应用、微信应用等)的图标。用户通过触摸传感器180K点击主界面中相机应用的图标,触发处理器110启动相机应用,打开摄像头193。显示屏194显示相机应用的界面,例如取景界面。在本申请实施例中,在显示屏194显示提示信息的情况下,触摸传感器180K所接收的触控操作,处理器110对其进行防误触处理。
电子设备100的无线通信功能可以通过天线1,天线2,移动通信模块151,无线通信模块152,调制解调处理器以及基带处理器等实现。
天线1和天线2用于发射和接收电磁波信号。电子设备100中的每个天线可用于覆盖单个或多个通信频带。不同的天线还可以复用,以提高天线的利用率。例如:可以将天线1复用为无线局域网的分集天线。在另外一些实施例中,天线可以和调谐开关结合使用。
移动通信模块151可以提供应用在电子设备100上的包括2G/3G/4G/5G等无线通信的解决方案。移动通信模块151可以包括至少一个滤波器,开关,功率放大器,低噪声放大器(low noise amplifier,LNA)等。移动通信模块151可以由天线1接收电磁波,并对接收的电磁波进行滤波,放大等处理,传送至调制解调处理器进行解调。移动通信模块151还可以对经调制解调处理器调制后的信号放大,经天线1转为电磁波辐射出去。在一些实施例中,移动通信模块151的至少部分功能模块可以被设置于处理器110中。在一些实施例中,移动通信模块151的至少部分功能模块可以与处理器110的至少部分模块被设置在同一个器件中。
调制解调处理器可以包括调制器和解调器。其中,调制器用于将待发送的低频基带信号调制成中高频信号。解调器用于将接收的电磁波信号解调为低频基带信号。随后解调器将解调得到的低频基带信号传送至基带处理器处理。低频基带信号经基带处理器处理后,被传递给应用处理器。应用处理器通过音频设备(不限于扬声器170A,受话器170B等)输出声音信号,或通过显示屏194显示图像或视频。在一些实施例中,调制解调处理器可以是独立的器件。在另一些实施例中,调制解调处理器可以独立于处理器110,与移动通信模块151或其他功能模块设置在同一个器件中。
无线通信模块152可以提供应用在电子设备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)等无线通信的解决方案。无线通信模块152可以是集成至少一个通信处理模块的一个或多个器件。无线通信模块152经由天线2接收电磁波,将电磁波信号调频以及滤波处理,将处理后的信号发送到处理器110。无线通信模块152还可以从处理器110接收待发送的信号,对其进行调频,放大,经天线2转为电磁波辐射出去。
另外,电子设备100可以通过音频模块170,扬声器170A,受话器170B,麦克风170C,耳机接口170D,以及应用处理器等实现音频功能。例如音乐播放,录音等。电子设备100可以接收按键190输入,产生与电子设备100的用户设置以及功能控制有关的键信号输入。电子设备100可以利用马达191产生振动提示(比如来电振动提示)。电子设备100中的指示器192可以是指示灯,可以用于指示充电状态,电量变化,也可以用于指示消息,未接来电,通知等。电子设备100中的SIM卡接口195用于连接SIM卡。SIM卡可以通过插入SIM卡接口195,或从SIM卡接口195拔出,实现和电子设备100的接触和分离。
本申请实施例提供的界面显示方法,可以应用于上述图2所示的或者与图2功能结构类似的电子设备上,即该方法可由电子设备中的各个硬件部分结合相应的软件程序来执行。
其中,在下述本申请实施例的描述中,术语“第一”、“第二”仅用于描述目的,而不能理解为指示或暗示相对重要性或者隐含指明所指示的技术特征的数量。由此,限定有“第一”、“第二”的特征可以明示或者隐含地包括一个或者更多个该特征。在本申请实施例的描述中,除非另有说明,“多个”的含义是两个或两个以上。
需要说明的是,本申请实施例以下介绍中以前置摄像头为例进行说明,本申请对此不作限定,例如也可以为传感器等其他前置传感交互器件。
如图3所示,电子设备100的显示屏194显示用户界面200。其中用户界面可以包括状态栏201、导航栏202。其中,状态栏201中还可以包括运营商的名称(例如,中国移动等)图标、移动网络(如4G)图标、蓝牙图标、时间图标和剩余电量图标等。此外,可以理解的是,在其他一些实施例中,状态栏201还可以包括Wi-Fi图标、外界设备图标等。导航栏202中可以包括后退按钮(back button)图标、主屏幕键按钮(home button)图标和历史任务查看按钮(menu button)图标等。需要说明的是,导航栏202为可隐藏的区域,且导航栏202也可以称为虚拟按键区。本申请实施例中,电子设备100的显示屏194上显示的用户界面200中所包括的状态栏201、导航栏202可以理解为用户界面200中的功能独立区域。
本申请实施例中涉及的全面屏为前置传感交互器件在屏幕下方的全面屏,即前置传感交互器件在屏幕上对应的区域属于可显示区域。
以手机作为电子设备,并且摄像头以前置摄像头为例,目前的全面屏手机上通常都是采用挖孔屏的方式将前置摄像头放置在屏幕结构中,这种在硬件结构上的设计使得用户感知效果较差。本申请实施例中,可以将前置摄像头在屏幕上的显示区域与屏幕上的功能独立区域进行复用。也可以理解为对手机的硬件结构进行设计,使得前置摄像头对应的显示区域可以显示在屏幕上的功能独立区域。
需要说明的是,在实际应用中,前置传感交互器件的位置通常需要匹配用户界面上的功能图标或文字的位置进行调整。
在一些实施例中,当前置摄像头对应的显示区域显示在状态栏区域,并且手机处于竖屏状态时,参阅图4所示,用户界面300包括状态栏301和应用图标,例如“相机”图标302和其他应用程序图标等,状态栏区域包括运营商名称(例如中国移动)图标,移动网络的信号图标,电量信息图标等。在这种情况下,手机的前置摄像头可以采用升降镜头的方式实现。作为一种示例,假设用户要进行拍照,当用户点击应用“相机”图标302时,手机可响应用户的第一操作(例如点击操作),手机可以控制前置摄像头311从手机的内部由下向上的上升到手机的上方,然后手机的显示屏上可显示摄像取景界面310。并且当用户完成拍照操作后,假设用户执行退出“相机”应用的第二操作后,手机可响应用户的第二操作,将前置摄像头311由上向下的降到手机内部隐藏,且手机返回用户界面300。
如图5所示,当手机处于横屏状态时,手机的显示屏上可显示用户界面400。其中,用户界面400可包括状态栏401和应用程序图标区域,应用程序图标区域包括“相机”图标402。假设用户要进行拍照,在横屏状态下用户可点击“相机”图标402,则手机可响应用户的该点击操作,控制前置摄像头411可从手机的内部由右向左的伸出,并且手机的显示屏上可显示摄像取景界面410。当用户完成拍照操作后,手机可响应用户下发的指示退出“相机”应用的操作,将前置摄像头411由左向右的收回到手机内部隐藏,且手机返回到用户界面400。
可以理解的是,上述实施例中对于电子设备而言,横屏和竖屏状态下的用户界面相同,仅是前置摄像头在横屏和竖屏状态的弹出方向不同。
基于上述实施例的介绍,对于前置摄像头、手机听筒、距离传感器和光线传感器等前置传感交互器件而言,本申请实施例中可以将这些前置传感交互器件设置在手机内部空间,在需要使用某个前置传感交互器件时,可以通过对手机相应控制图标或者其他指令形式,触发相应前置传感交互器件弹出手机外部,在使用完成后,再通过对手机相应控制图标或者其他指令形式,触发相应前置传感交互器件收回或隐藏到手机内部。从而无需在全面屏显示界面中还需要避让这些前置传感交互器件的设置位置,从而提升用户对于全面屏的用户界面的体验,减弱屏幕的割裂感。
当然,可以理解的是,上述实施例仅是以状态栏为例进行的说明,本申请也可以基于任务栏、虚拟按键区等做相应调整,对此不再赘述。
本申请另一实施例中,除了上述介绍的对于电子设备硬件上的设计,也可以针对功能独立的区域中显示的图标或者文字等在软件上进行设计,使得前置传感交互器件对应的显示区域能够显示在功能独立的区域中的一些已有的图标或者文字中,从而减弱屏幕的割裂感,提升用户体验。
为了描述方便,以下将前置交互器件对应的显示区域记为“特殊显示区域”。由于特定功能图标和文字的显示方式有多种,本申请实施例中可以根据特殊显示区域的形状、性能等特点对特定功能图标和文字重新设计。
在本申请一些实施例中,电子设备100可以根据前置传感交互器件在电子设备100的显示屏上所对应的显示区域的位置,对状态栏上显示的图标的显示方式进行设置。作为一种示例,以前置传感交互器件为前置摄像头、手机处于竖屏显示状态为例进行说明。如图6所示,假设手机为目前的挖孔屏手机,用户在手机上使用了一张电话卡,且没有连接无线保真(wireless fidelity,wifi)的情况下,则图6中a图所示的手机界面500中可包括状态栏区域中的各个图标,这些图标例如可以是从左至右依次显示的运营商名称(中国移动)图标501、前置摄像头图标502、时间信息图标503、电量信息图标504。
电子设备100可首先获取前置摄像头在屏幕上对应的位置信息,然后基于所述前置摄像头在屏幕上对应的位置信息,以及电子设备在状态栏中不同功能开启和/或关闭状态下对应的功能图标的位置信息,在电子设备100的配置文件中查找所述前置摄像头在屏幕上对应的位置信息可以对应到的状态栏中的相应图标。假设前置摄像头在屏幕上对应的位置信息为wifi开启状态下,wifi信号图标在屏幕上状态栏中对应的位置信息内,则本申请实施例中电子设备100可在wifi开启后,将wifi信号图标以如图6中c图所示的用户界面510中的图标511进行显示。由于前置摄像头在屏幕上显示的形状通常为圆形,则可将wifi信号图标也以相同或相似的形状进行显示,即对现有的wifi信号图标依据前置摄像头在屏幕上显示的形状进行修改或调整得到特殊显示区域中的图标511,可见图标511与周边显示区域内的其他图标从整体看起来割裂感较小,有助于提高用户的使用体验。
作为另一种示例,假设用户在手机上使用了一张电话卡,并且连接了wifi,则手机的用户界面500可参阅图6中b图所示,即包括的状态栏中的图标从左至右依次为运营商名称(中国移动)图标501、前置摄像头图标502、wifi信号图标503、时间信息图标504、电量信息图标505。在本申请实施例中,电子设备100可首先获取前置摄像头在屏幕上对应的位置信息,然后基于所述前置摄像头在屏幕上对应的位置信息,以及电子设备当前已开启的功能在状态栏中对应的功能图标的位置信息,在电子设备100的配置文件中查找与所述前置摄像头在屏幕上对应的位置信息相邻或相近的功能图标。假设前置摄像头在屏幕上对应的位置信息与wifi信号图标在屏幕上对应的位置信息相邻,则本申请实施例中也可以将wifi信号图标502以如图6的c图所示的用户界面510中的图标511进行显示,即图6所示的用户界面510中的wifi信号图标511。
可以理解的是,位置信息可以理解为坐标区域信息,因此前置摄像头在屏幕上对应的位置区域可以小于等于wifi信号图标在屏幕上对应的位置区域。
需要说明的是,电子设备100的配置文件中可保存有电子设备100中的各个功能开启状态下,各个功能对应的图标在屏幕上显示的位置信息,可以包括固定的功能开启状态下的位置信息,例如时间信息、电量信息等,也可以包括至少一个功能开启时,每个功能在屏幕上显示时对应的位置信息,例如蓝牙开启、wifi关闭状态下,状态栏中显示的功能图标的位置信息,以及蓝牙开启、wifi开启状态下,状态栏中显示的功能图标的位置信息。当然,可以理解的是,上述位置信息可以以列表的形式保存在配置文件中,本申请对此不作限定。
作为另一种示例,假设用户在手机上使用了一张电话卡,且连接了wifi、并开启了全球定位系统(global positioning system,GPS)的情况下,如图7所示的用户界面600可包括状态栏,状态栏中从左至右依次具体可显示运营商名称(中国移动)图标601、前置摄像头图标602、GPS图标603、wifi信号图标604、时间信息图标605、电量信息图标606。电子设备100可首先获取前置摄像头在屏幕上对应的位置信息,然后基于所述前置摄像头在屏幕上对应的位置信息,以及电子设备当前开启的各个功能对应的功能图标在屏幕上的位置信息,在电子设备100的配置文件中查找与所述前置摄像头在屏幕上对应的位置信息相邻或相近的功能图标。假设前置摄像头在屏幕上对应的位置信息与GPS图标603在屏幕上对应的位置信息相邻,则可将GPS图标603以如图7所示的用户界面610中的GPS图标611进行显示。由于前置摄像头在屏幕上显示的形状通常为圆形,则可将现有显示的GPS图标也以与圆形相同或相似的形状进行处理并显示在前置摄像头在屏幕上显示的图标602的位置处,从而使得特殊显示区域内的图标611与周边显示区域内的其他图标从整体看起来割裂感较小,有助于提高用户的使用体验。
当然,可以理解的是,电子设备100也可首先获取前置摄像头在屏幕上对应的位置信息,然后基于所述前置摄像头在屏幕上对应的位置信息以及电子设备在各个功能开启状态下对应的功能图标的位置信息,在电子设备100的配置文件中查找位于所述前置摄像头在屏幕上对应的位置信息内的功能图标。例如,手机没有开启GPS,当查找到前置摄像头所在的位置信息为GPS开启状态下在状态栏上所显示的位置信息,则本申请实施例中也可以在开启GPS之后,以图7所示的用户界面610中的GPS图标611进行显示,从而避免用户界面600中图标602带来的显示割裂感,使得用户使用体验更好。
在本申请另一些实施例中,电子设备100也可以获取前置传感交互器件的形状信息,并基于前置传感交互器件的形状信息对状态栏上显示的图标的显示方式进行设置。如图8所示,假设用户在手机使用了一张电话卡,且连接了wifi的情况下,则手机的显示屏上可显示用户界面700。其中,用户界面700的状态栏中从左至右依次可分别显示运营商名称(中国移动)图标701、前置摄像头图标702、wifi信号图标703、听筒图标704、时间信息图标705、电量图标706。通常,前置摄像头图标702的形状为圆形,听筒图标704的形状可以理解为长方形。由于wifi信号图标703可以通过圆形的形状来进行显示,电池的电量图标706可以通过长方形的形状来进行显示,因此本申请实施例中可以将前置摄像头所在的位置用圆形形状的wifi信号图标703来显示,将听筒所在的位置用长方形形状的电量图标706来显示。例如可参阅图8所示的用户界面710,用户界面710中的状态栏中从左至右依次显示运营商名称(中国移动)图标701、wifi信号图标711、电量图标712、时间信息图标705、电量信息图标713。当然,可以理解的是,电量信息图标713也可以不显示。需要说明的是,图8所示的用户界面710中的电量图标712中所示的空白区域即为已消耗的电量,黑色区(在实际使用中该黑色区也可以为绿色区域或黄色区域等,本申请实施例这里不做限定)即为电子设备目前剩余的电量。
基于上述实施例,本申请实施例提供了一种界面显示方法,该方法中涉及到的电子设备的结构可以为如图2所示的电子设备100的结构图,参阅图9所示,该方法包括如下步骤:
步骤901:电子设备100获取一个前置传感交互器件在显示屏194上的显示形状的第一显示位置。本申请实施例中,前置传感交互器件在显示屏上的显示形状的第一显示位置包括所述前置传感交互器件在所述显示屏上的显示形状所占的第一宽度范围和第一高度范围。具体的,所述前置传感交互器件可包括前置摄像头、听筒、光线传感器、距离传感器等,当然,前置传感交互器件并不限于上述器件,本申请对此不做限定。
步骤902:电子设备100在内部的配置文件中查找与前置传感交互器件对应的目标功能图标。其中,目标功能图标在显示屏194上的第二显示位置与所述前置传感交互器件在显示屏194上的第一显示位置可以相同也可以相近。其中,配置文件中包括至少一个功能在开启状态下对应的功能图标在所述显示屏上的显示位置。
所述第二显示位置包括目标功能图标在所述显示屏上所占的第二宽度范围和第二高度范围。其中,第二宽度范围与第一宽度范围的差值、第二高度范围与第一高度范围的差值均在设定范围内。
步骤903:电子设备100在显示屏194上显示处理后的目标功能图标。
一种可能的实施方式中,电子设备100可以将目标功能图标进行处理,处理后的目标功能图标的显示位置与第一显示位置相同或接近,且处理后的目标功能图标与前置传感交互器件在显示屏194上的显示形状相同或相似。
进一步的,本申请实施例中为了使得特殊显示区域与周围区域的割裂感减少,本申请实施例中还可以针对功能独立的区域中显示的图标或者文字的亮度进行调节,或者也可以对功能图标的颜色进行调节,或者也可以同时对功能图标的亮度以及颜色进行调节。
本申请一些实施例中,在对信号图标或者文字进行颜色和/或亮度进行调节时,可以根据电子设备的屏幕上的背景颜色和/或亮度等进行调节,例如可以预先根据手机屏幕的背景颜色和/或亮度设置一定的调节范围,然后在设定的调节范围内进行调节。当然,可以理解的是,调节的方式并不限于上述方式,本申请对此不作限定。
当电子设备处于竖屏状态时,作为一种示例,假设前置摄像头在屏幕上对应的位置信息为wifi开启后,wifi信号图标所在的位置范围内,为了使得特殊显示区域与周围区域的割裂感减少,本申请实施例中可以对wifi信号图标的亮度进行调节,或者也可以对wifi信号图标的颜色进行调节,或者也可以同时对wifi信号图标的亮度以及颜色进行调节。以图6为例来说,假设用户界面510中wifi信号图标511为白色的,当前手机的背景颜色为蓝色,则可以将wifi信号图标511的颜色由白色调成蓝色或者与蓝色比较接近的颜色,这样可以使得用户从屏幕的整体效果上看起来割裂感更弱。
当电子设备处于横屏状态时,如图10所示,用户界面800中包括的状态栏从左至右依次可分别显示前置摄像头图标801、运营商名称(中国移动)图标802、移动网络图标803、时间信息图标804、电量图标805。假设前置摄像头的位置位于横屏状态下的左上角位置(即竖屏状态下的右上角位置)。作为一种示例,假设前置摄像头在屏幕上对应的位置信息与运营商名称(例如,中国移动)图标所在的位置相邻,为了使得特殊显示区域与周围区域的割裂感减少,本申请实施例中可以对前置摄像头图标801、“中国移动”图标802等的亮度进行调节,或者也可以对前置摄像头图标801、“中国移动”图标802的颜色进行调节,或者也可以同时对“中国移动”图标802的亮度以及颜色进行调节。例如,手机当前的背景颜色为绿色,则可将前置摄像头图标801和“中国移动”这四个字的颜色调节为绿色或者与绿色较为接近的颜色,同时可以将前置摄像头图标801和“中国移动”这四个字的亮度增强,以减弱前置摄像头对应的显示区域的突兀感。
在本申请另一些实施例中,也可以对前置摄像头对应的显示区域的亮度和/或颜色进行调节。举例来说,以图6所示的用户界面500中的前置摄像头502来说,前置摄像头502对应的显示区域在手机屏幕上为黑色,假设手机的背景颜色为黄色,则可以将前置摄像头502对应的显示区域的颜色调成黄色或者相近的颜色。
进一步的,在一种可能的设计中,以状态栏为例,当特殊显示区域显示在状态栏区域时,本申请实施例中可以对状态栏区域的图标或文字按照状态栏上的图标或文字的顺序对相应的颜色采用颜色渐变的方式进行显示,例如可以从深到暗的颜色进行渐变。以图7为例来说,假设用户界面610的背景颜色为从左到右逐渐变浅的渐变色,则可将中国移动图标601的颜色设置为最深的,GPS图标611图标的颜色次之,依次向右,电池信息图标606的颜色最浅,这样从屏幕上的整体效果来看,割裂感更小,用户体验更好。
在另一种可能的设计中,也可以对状态栏区域的图标或文字采用亮度渐变的方式进行显示。举例来说,例如可以将图7所示的用户界面610中包括的状态栏区域的图标从暗到亮的亮度进行渐变,这样可减弱前置摄像头对应的显示区域相对于其它区域的突兀感。
在又一种可能的设计中,还可以对状态栏区域的图标或文字采用颜色和亮度渐变的方式进行显示。举例来说,以图7为例,例如可以对用户界面610中包括的运营商名称(中国移动)图标601、GPS图标611、wifi信号图标614、时间信息图标605、电量信息图标606,按照从左到右的顺序对相应的颜色和亮度进行调节,例如可以设置为从深到浅的颜色、且从暗到亮的亮度进行渐变。
当然,可以理解的是,上述实施例中的亮度调节方式和颜色调节方式均为举例说明,本申请中也可以采用其他的方式进行调节,在此不作限定。此外,上述实施例中的显示方式,仅是以前置摄像头对应的显示区域进行举例说明,对于其他前置传感交互器件的显示区域的显示处理过程与以前置摄像头对应的显示区域的处理过程类似,在此不再重复赘述。
进一步的,本申请实施例还提供了一种界面显示方法,该方法中涉及到的电子设备的结构可以为如图2所示的电子设备100的结构图,参阅图11所示,该方法包括如下步骤:
步骤1101:电子设备100获取一个前置传感交互器件在显示屏194上的显示形状的第一显示位置。
步骤1102:电子设备100获取显示屏194当前显示的用户界面的颜色和/或亮度。其中,步骤1101和步骤1102的执行顺序并无先后,本申请实施例中可以先执行步骤1101再执行步骤1102,或者先执行步骤1102再执行步骤1101,或者步骤1101和步骤1102同步执行均可以。
步骤1103:电子设备100将第一显示位置处的显示颜色和/或亮度调整成与显示屏当前显示的用户界面的颜色和/或亮度相同或相近的颜色和/或亮度。
基于以上实施例,本申请实施例还提供了一种电子设备,所述电子设备用于实现以上各图中的界面显示方法。参阅图12所示,所述电子设备1200可以包括一个或多个处理器1201、一个或多个存储器1202、显示屏1203、至少一个前置传感交互器件1204;以及一个或多个计算机程序,其中一个或多个计算机程序存储在一个或多个存储器1202中(图中未示出),上述各器件可以通过一个或多个通信总线1206耦合。其中,所述显示屏1203为全面屏显示屏,用于显示所述前置传感交互器件1204在全面屏显示屏上的显示形状、以及显示所述电子设备带有的各个功能的功能图标和/或文字,当然还可以显示电子设备装配的各个应用程序的图标或某个应用程序被打开时的用户界面图等。
其中,存储器1202中存储有一个或多个计算机程序,所述一个或多个计算机程序包括指令;处理器1201调用存储器1202中存储的所述指令,使得电子设备1200可以执行上述图4~图11所示的各个方法实施例。
在本申请实施例中,处理器1201可以是通用处理器、数字信号处理器、专用集成电路、现场可编程门阵列或者其他可编程逻辑器件、分立门或者晶体管逻辑器件、分立硬件组件,可以实现或者执行本申请实施例中的公开的各方法、步骤及逻辑框图。通用处理器可以是微处理器或者任何常规的处理器等。结合本申请实施例所公开的方法的步骤可以直接体现为硬件处理器执行完成,或者用处理器中的硬件及软件模块组合执行完成。软件模块可以位于存储器1202中,处理器1201读取存储器1202中的程序指令,结合其硬件完成上述方法的步骤。
在本申请实施例中,存储器1202可以是非易失性存储器,比如硬盘(hard diskdrive,HDD)或固态硬盘(solid-state drive,SSD)等,还可以是易失性存储器(volatilememory),例如RAM。存储器还可以是能够用于携带或存储具有指令或数据结构形式的期望的程序代码并能够由计算机存取的任何其他介质,但不限于此。本申请实施例中的存储器还可以是电路或者其它任意能够实现存储功能的装置,用于存储指令和/或数据。
所属领域的技术人员可以清楚地了解到,为描述的方便和简洁,上述描述的图12所示的电子设备1200在实施本发明实施例后的具体工作过程可以参考前述方法实施例中的对应过程,在此不再赘述。电子设备1200的更为详尽的结构和功能可以参照前述图2所示的实施例中的详细描述。
基于以上实施例,本申请还提供了一种计算机存储介质,所述计算机存储介质中存储有计算机程序,所述计算机程序被计算机执行时,使得所述计算机执行以上图4~图11所示的各个方法实施例。
本申请实施例中还提供一种计算机程序产品,包括指令,当其在计算机上运行时,使得计算机执行以上图4~图11所示的各个方法实施例。
本申请实施例是参照根据本申请实施例的方法、设备(系统)、和计算机程序产品的流程图和/或方框图来描述的。应理解可由指令实现流程图和/或方框图中的每一流程和/或方框、以及流程图和/或方框图中的流程和/或方框的结合。可提供这些指令到通用计算机、专用计算机、嵌入式处理机或其他可编程数据处理设备的处理器以产生一个机器,使得通过计算机或其他可编程数据处理设备的处理器执行的指令产生用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的装置。
这些计算机程序指令也可存储在能引导计算机或其他可编程数据处理设备以特定方式工作的计算机可读存储器中,使得存储在该计算机可读存储器中的指令产生包括指令装置的制造品,该指令装置实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能。
这些计算机程序指令也可装载到计算机或其他可编程数据处理设备上,使得在计算机或其他可编程设备上执行一系列操作步骤以产生计算机实现的处理,从而在计算机或其他可编程设备上执行的指令提供用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的步骤。

Claims (12)

1.一种在电子设备中显示图形用户界面的方法,其特征在于,包括:
获取一个前置传感交互器件在全面屏显示屏上的第一位置,所述第一位置包括所述前置传感交互器件在所述全面屏显示屏上所占的第一宽度和第一高度;
在配置文件中查找与所述前置传感交互器件对应的目标功能图标;所述配置文件中包括至少一个功能在开启状态下对应的功能图标在所述全面屏显示屏上的显示位置,所述目标功能图标在所述全面屏显示屏上的第二位置包括目标功能图标在所述全面屏显示屏上所占的第二宽度和第二高度;
在所述全面屏显示屏上显示处理后的目标功能图标,所述处理后的目标功能图标的所述第二宽度与第一宽度的差值以及所述第二高度与所述第一高度的差值均在设定范围内,且与所述前置传感交互器件在所述全面屏显示屏上的显示形状相同。
2.如权利要求1所述的方法,其特征在于,所述前置传感交互器件包括前置摄像头、光线传感器或距离传感器。
3.一种电子设备,其特征在于,所述电子设备包括至少一个前置传感交互器件;全面屏显示屏;一个或多个处理器;存储器以及一个或多个计算机程序;
其中,所述全面屏显示屏包括显示区和非显示区,所述非显示区的形状为所述前置传感交互器件在所述全面屏显示屏上对应的形状,所述显示区用于显示所述电子设备带有的各个功能的功能图标和/或文字;所述一个或多个计算机程序被存储在所述存储器中,所述一个或多个计算机程序包括指令,当所述指令被所述一个或多个处理器调用执行时,使得所述电子设备执行以下步骤:
获取所述前置传感交互器件在所述全面屏显示屏上的第一位置,所述第一位置包括所述前置传感交互器件在所述全面屏显示屏上所占的第一宽度和第一高度;
在配置文件中查找与所述前置传感交互器件对应的目标功能图标;所述配置文件中包括至少一个功能在开启状态下对应的功能图标在所述全面屏显示屏上的显示位置,所述目标功能图标在所述全面屏显示屏上的第二显示位置包括目标功能图标在所述全面屏显示屏上所占的第二宽度和第二高度;
在所述全面屏显示屏上显示处理后的目标功能图标,所述处理后的目标功能图标的所述第二宽度与第一宽度的差值以及所述第二高度与所述第一高度的差值均在设定范围内。
4.如权利要求3所述的电子设备,其特征在于,所述前置传感交互器件包括前置摄像头、光线传感器或距离传感器。
5.如权利要求3所述的电子设备,其特征在于,所述目标功能图标为电量图标。
6.一种电子设备,其特征在于,至少一个前置传感交互器件、全面屏显示屏,一个或多个处理器、存储器以及一个或多个计算机程序;
其中,所述全面屏显示屏用于显示所述前置传感交互器件在所述全面屏显示屏上的显示形状、以及显示所述电子设备带有的各个功能的功能图标和/或文字;所述一个或多个计算机程序被存储在所述存储器中,所述一个或多个计算机程序包括指令,当所述指令被所述一个或多个处理器调用执行时,使得所述电子设备执行以下步骤:
获取一个前置传感交互器件在所述全面屏显示屏上的显示形状的第一显示位置;所述第一显示位置包括所述前置传感交互器件在所述全面屏显示屏上所占的第一宽度和第一高度;
确定与所述前置传感交互器件对应的目标功能图标和/或文字;所述目标功能图标和/或文字在所述全面屏显示屏上的第二显示位置包括所述目标功能图标和/或文字在所述全面屏显示屏上所占的第二宽度和第二高度;
在所述第二显示位置显示所述目标功能图标和/或文字,所述目标功能图标和/或文字在所述全面屏显示屏上的第二显示位置与所述前置传感交互器件在所述全面屏显示屏上的第一显示位置相同或相近。
7.如权利要求6所述的电子设备,其特征在于,所述前置传感交互器件包括前置摄像头,光线传感器或距离传感器。
8.如权利要求6或7所述的电子设备,其特征在于,所述第一显示位置对应的位置区域小于或者等于所述第二显示位置对应的位置区域。
9.如权利要求6或7所述的电子设备,其特征在于,所述第一显示位置对应的位置区域位于所述第二显示位置对应的位置区域的范围内。
10.如权利要求6或7所述的电子设备,其特征在于,所述目标功能图标和/或文字在所述全面屏显示屏上的第二显示位置与所述前置传感交互器件在所述全面屏显示屏上的显示形状相同或者相似。
11.如权利要求6或7所述的电子设备,其特征在于,所述目标功能图标为电量图标。
12.一种计算机存储介质,其特征在于,包括计算机指令,当所述计算机指令在电子设备上运行时,使得所述电子设备执行如权利要求1或2所述的显示图形用户界面的方法。
CN202211140874.8A 2019-07-31 2019-07-31 一种界面显示方法及电子设备 Active CN115686705B (zh)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN202211140874.8A CN115686705B (zh) 2019-07-31 2019-07-31 一种界面显示方法及电子设备

Applications Claiming Priority (2)

Application Number Priority Date Filing Date Title
CN201910704755.2A CN112306314B (zh) 2019-07-31 2019-07-31 一种界面显示方法及电子设备
CN202211140874.8A CN115686705B (zh) 2019-07-31 2019-07-31 一种界面显示方法及电子设备

Related Parent Applications (1)

Application Number Title Priority Date Filing Date
CN201910704755.2A Division CN112306314B (zh) 2019-07-31 2019-07-31 一种界面显示方法及电子设备

Publications (2)

Publication Number Publication Date
CN115686705A CN115686705A (zh) 2023-02-03
CN115686705B true CN115686705B (zh) 2023-11-28

Family

ID=74230278

Family Applications (2)

Application Number Title Priority Date Filing Date
CN201910704755.2A Active CN112306314B (zh) 2019-07-31 2019-07-31 一种界面显示方法及电子设备
CN202211140874.8A Active CN115686705B (zh) 2019-07-31 2019-07-31 一种界面显示方法及电子设备

Family Applications Before (1)

Application Number Title Priority Date Filing Date
CN201910704755.2A Active CN112306314B (zh) 2019-07-31 2019-07-31 一种界面显示方法及电子设备

Country Status (5)

Country Link
US (1) US20220284847A1 (zh)
EP (1) EP3992787A4 (zh)
JP (2) JP7444527B2 (zh)
CN (2) CN112306314B (zh)
WO (1) WO2021018248A1 (zh)

Families Citing this family (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN116068776A (zh) * 2021-10-29 2023-05-05 华为技术有限公司 一种分光方法以及相关设备

Citations (3)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN106921767A (zh) * 2017-03-07 2017-07-04 捷开通讯(深圳)有限公司 一种高屏占比的移动终端
CN108900676A (zh) * 2018-08-13 2018-11-27 华南理工大学 一种全面屏手机及实现全面屏显示的方法
CN109471569A (zh) * 2018-09-29 2019-03-15 努比亚技术有限公司 一种移动终端的屏幕调整方法、移动终端及存储介质

Family Cites Families (22)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US6983424B1 (en) * 2000-06-23 2006-01-03 International Business Machines Corporation Automatically scaling icons to fit a display area within a data processing system
KR20060015397A (ko) * 2004-08-14 2006-02-17 삼성전자주식회사 Gui 운영 체제에서의 바탕 화면 변경 장치 및 방법
US9071696B2 (en) * 2008-12-10 2015-06-30 At&T Intellectual Property I, L.P. Devices and methods for power transmission level indication
KR101834810B1 (ko) * 2011-06-07 2018-03-06 엘지전자 주식회사 이동 단말기 및 그의 배터리 절전모드 전환 방법
JP5825631B2 (ja) 2011-11-17 2015-12-02 アルパイン株式会社 電子装置
US9251762B2 (en) * 2012-12-19 2016-02-02 Microsoft Technology Licensing, Llc. Runtime transformation of images to match a user interface theme
CN103076943B (zh) 2012-12-27 2016-02-24 小米科技有限责任公司 一种图标的转换方法和图标的转换装置
US20140333773A1 (en) * 2013-05-11 2014-11-13 Randy James Davis Portable audio/ video mask
EP3007029B1 (en) * 2014-10-07 2017-12-27 LG Electronics Inc. Mobile terminal and wearable device
KR102449593B1 (ko) 2016-01-15 2022-09-30 삼성전자주식회사 카메라 장치를 제어하기 위한 방법 및 그 전자 장치
KR20170113066A (ko) * 2016-03-24 2017-10-12 삼성전자주식회사 디스플레이를 가진 전자 장치 및 그의 이미지 표시 방법
CN108614654A (zh) * 2016-03-31 2018-10-02 广东欧珀移动通信有限公司 一种图标的显示方法、显示装置以及终端、存储介质
KR101927438B1 (ko) * 2016-07-14 2018-12-10 삼성전자주식회사 홀 영역을 가지는 전자 장치 및 전자 장치의 홀 영역 제어방법
CN106648306A (zh) * 2016-11-07 2017-05-10 深圳市金立通信设备有限公司 协助使用终端设备的方法、及终端设备
WO2019033385A1 (zh) * 2017-08-18 2019-02-21 华为技术有限公司 一种显示方法及终端
CN108282561A (zh) * 2018-01-26 2018-07-13 努比亚技术有限公司 终端显示屏、控制方法、移动终端及可读存储介质
CN108366186B (zh) * 2018-02-09 2020-07-24 Oppo广东移动通信有限公司 电子装置、显示屏及拍照控制方法
CN108845734A (zh) * 2018-06-08 2018-11-20 Oppo广东移动通信有限公司 图标显示方法、装置及终端
CN108984139A (zh) * 2018-06-22 2018-12-11 昆山国显光电有限公司 显示模组、终端和终端的控制方法
CN109889628A (zh) * 2018-07-18 2019-06-14 苏州天为幕烟花科技有限公司 一种手机全面屏技术
CN109246464B (zh) * 2018-08-22 2021-03-16 Oppo广东移动通信有限公司 用户界面显示方法、装置、终端及存储介质
KR20200140607A (ko) * 2019-06-07 2020-12-16 삼성전자주식회사 디스플레이를 포함하는 전자 장치 및 상기 전자 장치가 표시하는 영상을 보정하는 방법

Patent Citations (3)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN106921767A (zh) * 2017-03-07 2017-07-04 捷开通讯(深圳)有限公司 一种高屏占比的移动终端
CN108900676A (zh) * 2018-08-13 2018-11-27 华南理工大学 一种全面屏手机及实现全面屏显示的方法
CN109471569A (zh) * 2018-09-29 2019-03-15 努比亚技术有限公司 一种移动终端的屏幕调整方法、移动终端及存储介质

Also Published As

Publication number Publication date
JP2024073455A (ja) 2024-05-29
EP3992787A4 (en) 2022-08-03
CN112306314A (zh) 2021-02-02
US20220284847A1 (en) 2022-09-08
JP7444527B2 (ja) 2024-03-06
WO2021018248A1 (zh) 2021-02-04
CN112306314B (zh) 2022-10-04
EP3992787A1 (en) 2022-05-04
CN115686705A (zh) 2023-02-03
JP2022542033A (ja) 2022-09-29

Similar Documents

Publication Publication Date Title
CN110661917B (zh) 一种显示方法及电子设备
US12081688B2 (en) Touchscreen display method and electronic device
CN110554816B (zh) 一种界面生成方法及设备
WO2021052279A1 (zh) 一种折叠屏显示方法及电子设备
CN110839096B (zh) 一种具有折叠屏的设备的触控方法与折叠屏设备
CN110012153A (zh) 灭屏显示的方法和电子设备
CN111610874B (zh) 一种触摸屏的响应方法及电子设备
CN112214294B (zh) 调用硬件接口的方法及电子设备
CN111510482B (zh) 失败网络请求的确定方法、装置及计算机存储介质
WO2020228735A1 (zh) 一种显示应用的方法及电子设备
CN113115439A (zh) 定位方法及相关设备
CN110647731A (zh) 一种显示方法及电子设备
CN111897465B (zh) 弹窗显示方法、装置、设备及存储介质
CN116048436B (zh) 应用界面显示方法、电子设备及存储介质
CN111191227B (zh) 阻止恶意代码执行的方法和装置
JP2024073455A (ja) インタフェース表示方法および電子デバイス
CN116028148B (zh) 一种界面处理方法、装置及电子设备
CN111597592A (zh) 一种输入方法、输入装置及移动终端
CN118276724A (zh) 一种显示方法以及电子设备
CN116257201A (zh) 内容协同方法、电子设备及计算机可读存储介质
CN116795306A (zh) 图像显示方法和电子设备
CN117389437A (zh) 一种多窗口显示方法及设备
CN116149501A (zh) 显示方法和电子设备
CN116360650A (zh) 悬浮窗管理的方法及相关装置
CN110399062A (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
GR01 Patent grant
GR01 Patent grant