CN113407270A - 电子设备的显示方法、装置及存储介质 - Google Patents

电子设备的显示方法、装置及存储介质 Download PDF

Info

Publication number
CN113407270A
CN113407270A CN202110614393.5A CN202110614393A CN113407270A CN 113407270 A CN113407270 A CN 113407270A CN 202110614393 A CN202110614393 A CN 202110614393A CN 113407270 A CN113407270 A CN 113407270A
Authority
CN
China
Prior art keywords
operation control
gray scale
control
target
display
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
CN202110614393.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.)
Guangdong Oppo Mobile Telecommunications Corp Ltd
Original Assignee
Guangdong Oppo Mobile Telecommunications Corp 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 Guangdong Oppo Mobile Telecommunications Corp Ltd filed Critical Guangdong Oppo Mobile Telecommunications Corp Ltd
Priority to CN202110614393.5A priority Critical patent/CN113407270A/zh
Publication of CN113407270A publication Critical patent/CN113407270A/zh
Priority to PCT/CN2022/093276 priority patent/WO2022252978A1/zh
Pending legal-status Critical Current

Links

Images

Classifications

    • 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
    • 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/0484Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
    • G06F3/0485Scrolling or panning
    • 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/0484Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
    • G06F3/0486Drag-and-drop
    • 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/0487Interaction 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/0488Interaction 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
    • G06F3/04883Interaction 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 for inputting data by handwriting, e.g. gesture or text

Landscapes

  • Engineering & Computer Science (AREA)
  • Theoretical Computer Science (AREA)
  • General Engineering & Computer Science (AREA)
  • Human Computer Interaction (AREA)
  • Physics & Mathematics (AREA)
  • General Physics & Mathematics (AREA)
  • Software Systems (AREA)
  • User Interface Of Digital Computer (AREA)
  • Controls And Circuits For Display Device (AREA)

Abstract

本申请实施例提供了一种电子设备的显示方法、装置及存储介质,涉及电子设备的显示技术领域。所述电子设备的显示界面上显示有操作控件,该方法包括:确定操作控件当前在所述显示界面上所在的显示区域;确定与所述显示区域对应的当前背景图像的目标背景灰阶;基于所述目标背景灰阶和所述操作控件的目标透明度参数,调整所述操作控件的控件灰阶。本申请通过利用操作控件的显示区域对应的背景灰阶和操作控件的透明度参数来调整操作控件的控件灰阶,使人眼看见的操作控件在背景显示画面的衬托下呈现最佳显示效果,避免遮挡背景画面的同时又可对操作控件的位置起到提示作用,提升用户的使用体验。

Description

电子设备的显示方法、装置及存储介质
技术领域
本申请涉及电子设备的显示技术领域,更具体地,涉及一种电子设备的显示方法、装置及存储介质。
背景技术
目前,随着图形用户界面的发展,电子设备使用操作控件为用户提供快捷操作图标的方式大大提高了用户操作效率。操作控件显示在设备显示界面上,操作控件和显示界面的画面混叠,导致操作控件的显示效果不佳。
发明内容
本申请提出了一种电子设备的显示方法、装置及存储介质,以改善上述缺陷。
第一方面,本申请实施例提供了一种电子设备的显示方法,所述电子设备的显示界面上显示有操作控件,所述方法包括:确定所述操作控件当前在所述显示界面上所在的显示区域;确定与所述显示区域对应的当前背景图像的目标背景灰阶;基于所述目标背景灰阶和所述操作控件的目标透明度参数,调整所述操作控件的控件灰阶。
第二方面,本申请实施例还提供了一种电子设备的显示装置。所述电子设备的显示界面上显示有操作控件,所述装置包括:第一确定单元、第二确定单元和调整单元。第一确定单元,用于确定所述操作控件当前在所述显示界面上所在的显示区域;第二确定单元,用于确定与所述显示区域对应的当前背景图像的目标背景灰阶;调整单元,用于基于所述目标背景灰阶和所述操作控件的目标透明度参数,调整所述操作控件的控件灰阶。
第三方面,本申请实施例还提供了一种电子设备,包括处理器、存储器,所述电子设备的显示界面上显示有操作控件,所述存储器存储有计算机程序,所述处理器通过调用所述计算机程序执行以下操作:确定所述操作控件当前在所述显示区域上所在的显示区域;确定与所述显示区域对应的当前背景图像的目标背景灰阶;基于所述目标背景灰阶和所述操作控件的目标透明度参数,调整所述操作控件的控件灰阶。
第四方面,本申请实施例还提供了一种计算机可读存储介质,所述存储介质中存储有至少一条指令、至少一段程序、代码集或指令集,所述至少一条指令、所述至少一段程序、所述代码集或指令集由处理器加载并执行以实现上述方法。
本申请实施例提供的电子设备的显示方法、装置及存储介质,通过确定操作控件在所述电子设备的显示界面上的显示区域,再确定所述显示区域对应的当前背景图像的背景灰阶,然后基于背景灰阶和操作控件的透明度参数,来调整操作控件的控件灰阶,使得操作控件的显示效果能够基于背景图像的控件灰阶和操作控件的透明度参数而调整,从而能够避免操作控件遮挡背景画面的同时又可对操作控件的位置起到提示作用,使人眼看见的操作控件在背景显示画面的衬托下呈现最佳显示效果,提升用户的使用体验。
本申请实施例的其他特征和优点将在随后的说明书中阐述,并且,部分地从说明书中变得显而易见,或者通过实施本申请实施例而了解。本申请实施例的目的和其他优点可通过在所写的说明书、权利要求书、以及附图中所特别指出的结构来实现和获得。
附图说明
为了更清楚地说明本申请实施例中的技术方案,下面将对实施例描述中所需要使用的附图作简单地介绍,显而易见地,下面描述中的附图仅仅是本申请的一些实施例,对于本领域技术人员来讲,在不付出创造性劳动的前提下,还可以根据这些附图获得其他的附图。
图1示出了本申请一实施例提供的电子设备的显示界面示意图;
图2示出了本申请又一实施例提供的电子设备的显示界面示意图;
图3示出了本申请另一实施例提供的电子设备的显示方法的方法流程图;
图4示出了本申请另一实施例提供的应用场景示意图;
图5示出了本申请一实施例提供的浅色背景下操作控件的显示示意图;
图6示出了本申请一实施例提供的深色背景下操作控件的显示示意图;
图7示出了本申请又一实施例提供的电子设备的显示方法的方法流程图;
图8示出了本申请又一实施例提供的操作控件灰阶拟合曲线示意图;
图9示出了本申请一实施例提供的电子设备的屏幕示意图;
图10示出了本申请一实施例提供的屏幕预设区域显示差异示意图;
图11示出了本申请一实施例提供的屏幕预设区域的显示界面示意图;
图12示出了本申请又一实施例提供的电子设备的显示方法的方法流程图;
图13示出了本申请又一实施例提供的操作控件各工作模式下的显示状态示意图;
图14示出了本申请一实施例提供的电子设备的显示装置的模块框图;
图15示出了本申请实施例提供的电子设备的结构框图;
图16示出了本申请实施例的用于保存或者携带实现根据本申请实施例的电子设备的显示方法的程序代码的计算机可读介质。
具体实施方式
下面将结合本申请实施例中附图,对本申请实施例中的技术方案进行清楚、完整地描述,显然,所描述的实施例仅仅是本申请一部分实施例,而不是全部的实施例。通常在此处附图中描述和示出的本申请实施例的组件可以以各种不同的配置来布置和设计。因此,以下对在附图中提供的本申请的实施例的详细描述并非旨在限制要求保护的本申请的范围,而是仅仅表示本申请的选定实施例。基于本申请的实施例,本领域技术人员在没有做出创造性劳动的前提下所获得的所有其他实施例,都属于本申请保护的范围。
目前,由于手机、智能穿戴设备等电子设备的普及,越来越多用户在生活、娱乐、工作中都离不开电子设备。而随着用户图形化界面的发展,电子设备使用操作控件为用户提供快捷操作图标的方式应运而生,大大提高了用户操作效率。但是,由于使用中用户可能随时切换界面的显示画面,如果操作控件的颜色固定不变,可能导致在不同显示画面下的显示效果有所不同。例如,待机界面下显示画面的颜色属于浅色系,为保证显示效果最佳,在待机界面下操作控件的颜色也应该采用较浅的颜色,但当用户切换到应用操作界面,恰好颜色相对待机界面变化较大,属于深色系,那么采用较浅颜色的操作控件在应用操作界面则会使用户感觉突兀,影响用户体验。同理,操作控件采用深色,用户从深色系界面切换到浅色系界面时同样会感觉突兀,甚至可能对显示画面造成遮挡,使用更加不便。
发明人在研究中发现,可以利用显示界面的画面颜色和控件的透明度参数调整操作控件的显示颜色,通过自适应不同的背景显示画面,使人眼看见的操作控件在背景显示画面的衬托下呈现最佳效果。
因此,为了改善上述缺陷,申请实施例提供一种电子设备的显示方法、装置及存储介质,该方法的执行主体可以是本申请实施例提供的电子设备的显示装置,或者集成了该显示装置的电子设备,该电子设备的显示装置可以采用硬件或者软件的方式实现。其中,电子设备可以是如平板电脑、游戏主机、电子书阅读器、多媒体播放设备、智能手表、手机、PC(Personal Computer,个人计算机)等设备。电子设备内安装有多个应用程序,用户可以使用多个应用程序实现不同的功能、用途。例如,利用视频播放软件观看视频,利用电子游戏软件玩游戏,利用即时聊天应用程序进行文字、语音或视频聊天,利用社交网络平台软件进行信息分享、传播以及浏览等。
需要说明的是,操作控件可以通过电子设备的显示界面显示。电子设备的显示界面可以是电子设备的屏幕,比如与电子设备一体的屏幕、电子设备外接的屏幕,外接屏幕显示的方式包括通过有线连接、无线连接的屏幕,投影等展示相应的画面。其中,屏幕可以包括LCD液晶显示屏、可以为发光二极管(light emitting diode,LED)显示屏,也可以为三维(Three Dimensional,3D)显示屏,或者等离子显示器(Plasma Display Panel,PDP)等,进一步地,本申请实施例所述的屏幕还可以具有全面屏、曲面屏、异形屏、折叠屏或其他屏幕形态,本申请对屏幕的种类或形态均不做具体限定。除此之外,电子设备的显示界面还可以是悬浮显示屏,如图1所示,其示出了本申请一实施例提供的一种悬浮显示屏,与物理显示屏不同的是,悬浮显示屏不依赖于电子显示器件,可以直接在空中投射影像,例如通过全息成像等方式展示画面。
电子设备的显示界面显示操作控件,可以提示用户操作控件的位置,并且通过预定义或用户设定的触控操作,在操作控件的显示区域选中操作控件可以实现不同功能,例如触发操作控件的触控操作可以包括点击、双击、长按等等,移动悬浮环的触控操作可以包括滑动,双击后滑动等等。
在一些实施例中,触发后操作控件以圆弧或弹窗等方式显示快捷操作图标,不同图标对应不同的快捷功能或应用程序。该图标中可以包含锁屏图标、录屏图标、截图图标、录音图标、内存清理图标、应用程序图标、滑动桌面图标、录音图标,锁屏图标等等,本申请实施例并不对图标的具体类型进行限定。可选的,在不同应用程序对应的用户界面中,触发操作控件后显示的图标的类型不同。比如,在游戏类应用程序的用户界面中,触发显示的图标包括录屏图标和内存清理图标等等;而在社交类应用程序的用户界面中,触发显示的图标包括截图图标和搜索图标等等。本申请实施例并不对不同用户界面中触发显示的图标的具体类型进行限定。例如,如图2所示,其示出了本申请又一实施例提供的电子设备的显示界面示意图,在电子设备200的显示界面210上显示有操作控件220,点击操作控件220后以圆弧方式显示了4个快捷图标:图标230为锁屏图标,选中图标230后可快捷地将显示界面锁定;图标240为截图图标,选中图标240后可以截取当前显示画面;图标250为录音图标,选中图标250后可以打开录音页面;图标260为返回图标,选中图标260后可以返回上一显示界面。可选地,用户可以自定义触发后操作控件后显示的快捷操作图标类型,提供个性化服务。在这种情况下,为避免操作控件对背景画面造成遮挡,可以减小操作控件与背景画面之间的显示差异,使操作控件轻微可见的同时不影响整体画面的和谐。需要说明的是,若用户期望能够明显辨识出操作控件,本申请实施例也可以增加操作控件与背景画面之间的显示差异。
在另一些实施例中,操作控件可以是操作图标,例如桌面图标、状态栏图标等,触发操作控件后可以直接实现操作图标对应的快捷功能或打开对应的应用程序。
请参考图3,其示出了本申请另一实施例提供的电子设备的显示方法的方法流程图,所述电子设备的显示界面上显示有操作控件。该方法包括:S310至S330。
S310:确定所述操作控件当前在所述显示界面上所在的显示区域。
在一些实施例中,操作控件能够在用户的拖动下移动并改变显示位置,例如操作控件远离用户握持手时,用户可以将操作控件拖动至握持手可触控的区域,但与此同时,操作可能会对显示界面中的其他控件造成遮挡,引起控件误触。当用户想要调整操作控件的显示位置时,可以手动将操作控件拖动至目标显示位置,另外,也可以基于所处的握持状态以及显示界面中触控元素的分布情况,动态调整操作控件在显示界面中的显示位置。
在一些典型的实施例中,为了确定各个控件或图像在显示界面上的显示位置和色彩,以像素为单位定义了显示界面的坐标系。例如,显示界面左下角为坐标原点(0,0),右上角为坐标(width,height),其中,width是显示界面的像素宽度,height是显示界面的像素高度。操作控件在显示界面中的显示位置固定后,同样拥有对应的坐标。操作控件可以设计为规则的图形,此时根据图形的中心点坐标及尺寸,即可确定操作控件的显示区域。比如,若操作控件设计为规则圆形,当前的中心点坐标为(x,y),规则圆形直径为1cm,则可以确定操作控件在电子设备显示界面上的显示区域为以坐标点(x,y)为圆点,直径1cm的圆形区域。同理,若操作控件设计为其他规则图形如矩形或不规则的图形,同样可以采用上述方法,根据图形的中心点坐标及尺寸来确定操作控件的显示区域,此时图形的尺寸对应可以为矩形的边长、图标的显示面积等。
需要说明的是,若操作控件的位置发生了移动,对应的,操作控件的显示区域也会改变,操作控件的显示区域以操作控件当前在显示界面上所在的位置确定。
S320:确定与所述显示区域对应的当前背景图像的目标背景灰阶。
如图4所示,在本申请的一些实施例中,显示界面上首先显示有包括背景应用画面在内的显示界面410,接着在显示界面的上方图层中加入一个新图层,来显示操作控件420。采用多图层叠加显示的方式,可以单独设置显示操作控件的图层的透明度和颜色,当透明度和颜色设置为合适的值时,用户不仅能够看见操作控件,透过操作控件图层还能够看见控件下方区域的图像,与未显示控件的其他区域的图像合为一体,完整地呈现显示界面的内容。
实际使用中用户可能随时切换显示界面的显示画面,为使人眼看见的操作控件在背景显示画面的衬托下呈现出的显示效果在人眼观察下最佳,相对地,操作控件的控件灰阶也应当作出相应改变。其中,最佳显示效果可以由用户根据个人习惯预先设置,也可以由系统预先设置,例如根据操作控件的显示属性确定最佳显示效果等,比如,当操作控件为桌面应用图标时,首先应当保证图标清晰可见,则可以预先设置最佳显示效果为显示清晰。示例性地,显示效果可以由操作控件与背景画面之间的显示差异来描述,若预先设置的最佳显示效果为操作控件显示不突兀,则应该减小操作控件与当前背景图像之间的显示差异;若预先设置的最佳显示效果为操作控件显示清晰,则应该增加操作控件与当前背景图像之间的显示差异。为更好地表述不同背景画面对操作控件灰阶的影响,假设背景图像采用均匀统一的灰色。其中,灰色在黑色与白色之间还有许多级的颜色深度,用灰阶表示颜色深度,灰阶越大越接近黑色,灰阶越小越接近白色。
事实上背景画面通常都是颜色深浅不一的复杂色彩,在电子设备的显示界面上这些复杂色彩通常采用RGB三个通道的值的不同组合来表示,其中RGB模式下同样以灰阶来表示三个通道的颜色深度。本申请实施例以RGB颜色模式为例进行说明。可以理解的是,本申请实施例并未对电子设备的颜色模式作出限制,本申请仍然适用于其他颜色模式。如前所述,不管预先设置的最佳显示效果是使操作控件显示不突兀还是显示清晰,要确定操作控件的控件灰阶值,首先都需要确定当前背景图像的背景灰阶,即目标背景灰阶。针对具有复杂色彩的背景画面,可根据操作控件下方区域所示背景图像的颜色来确定目标背景灰阶,在一些实施例中,可以根据RGB三个通道的灰阶来确定背景图像的目标背景灰阶。可以得到,操作控件下方图层区域的背景画面所示背景图像即是操作控件在显示界面上的显示区域范围内对应的当前背景图像,根据所述该背景图像的RGB值就能够确定目标背景灰阶。
S330:基于所述目标背景灰阶和所述操作控件的目标透明度参数,调整所述操作控件的控件灰阶。
操作控件的透明度可以是系统默认设置的值,在一些典型的实施例中,透明度可以设置为70%左右。同时,用户也可以根据个人习惯设置操作控件的透明度。
操作控件和下方图层的当前背景图像叠加后的效果就是呈现给用户的显示效果,可以说,操作控件的显示效果是由当前背景图像的颜色、操作控件的透明度和操作控件的控件灰阶决定。为更好描述当前背景图像的颜色、操作控件的透明度对操作控件的影响,本申请将分别从背景图像和透明度两个方面分别说明。
首先,当操作控件的透明度为一个确定值,而背景图像改变时,操作控件的灰阶应当作出相应改变,操作控件的控件灰阶可以基于表征当前背景图像的颜色的目标背景灰阶进行调整,以达到最佳显示效果。下面将以达到人眼看见的操作控件在当前背景显示画面的衬托下不突兀的最佳显示效果为例说明如何调整操作控件的控件灰阶。在该情况下,应该减小操作控件与当前背景图像之间的显示差异。示例性地,如图5所示,背景画面的颜色属于浅色系,为保证显示效果最佳,在待机界面下操作控件的颜色也应该采用较浅的颜色,但当用户切换至图6所示界面,背景画面颜色相对图5变化较大,属于深色系,那么采用较浅颜色的操作控件在应用操作界面则会使用户感觉突兀,影响用户体验,此时如果若根据深色系的背景画面将操作控件的颜色调整为较深的颜色,则会减轻突兀感,使整体画面较为和谐。同理,用户从深色系界面切换到浅色系界面时同样会感觉突兀,甚至可能对显示画面造成遮挡。
其次,当操作控件的背景图像不变,而操作控件的透明度发生变化时,操作控件的控件灰阶也应当作出相应改变。若透明度升高,而操作控件的控件灰阶未作出改变,当透明度升高的数值达到最高阈值,用户甚至无法从背景图像中清晰分辨出操作控件的位置;若透明度降低,操作控件的控件灰阶固定不变,当透明度降低的数值达到最低阈值,操作控件会对背景图像造成遮挡,对电子设备的正常使用造成影响。由此,操作控件的控件灰阶也应当基于表征操作控件当前透明度的目标透明度参数进行调整。但是,当透明度设置超过一定阈值范围,无论怎样调整操作控件,也无法使其达到最佳显示效果。例如将透明度设置为0时,无论控件灰阶如何,操作控件都完全不透明,在操作控件的显示区域只能看见操作控件,而透过操作控件看见下方的背景图像,非常容易对背景图像中的关键信息造成遮挡;将透明度设置为100%时,操作控件完全透明,在电子设备的显示区域已完全无法看见操作控件。为避免类似情况的出现,在一些典型的实施例中,待机时操作控件的透明度应当设置为70%~100%范围内,且不等于100%。
在另一些实施例中,用户也可以设置操作控件明显区别于背景画面,例如,要使操作控件显示清晰,相对地,可以增加操作控件与背景画面之间的显示差异,达到能够从背景图像中清晰明确地分辨出操作控件的位置的最佳显示效果,该情况下应该增加操作控件在背景显示画面下的突兀感,并且同样需要根据控件透明度和背景灰阶调整动态调整图标的颜色。
如前所述,当前背景图像的颜色和操作控件的透明度都将对操作控件的显示效果造成影响,因此为使操作控件呈现给用户的显示效果符合人眼观察到的最佳效果,应当同时根据表征当前背景图像颜色的目标背景灰阶和表征操作控件当前透明度的目标透明度参数,来调整所述操作控件的控件灰阶。
综上所述,本申请实施例提供技术方案,通过确定操作控件在所述电子设备的显示界面上的显示区域,再确定所述显示区域对应的当前背景图像的目标背景灰阶,然后基于当前背景图像的目标背景灰阶和操作控件的目标透明度参数,来调整操作控件的控件灰阶,使得操作控件的控件灰阶能够基于背景图像的背景灰阶和操作控件的透明度参数而调整,从而能够使人眼看见的操作控件在背景显示画面的衬托下呈现最佳显示效果,提升用户的使用体验。
请参考图7,其示出了本申请又一实施例提供的电子设备的显示方法的方法流程图,所述电子设备的显示界面上显示有操作控件。该方法包括:S710至S740。
S710:确定所述操作控件当前在所述显示界面上所在的显示区域。
S720:确定与所述显示区域对应的当前背景图像的目标背景灰阶。
如前所述,如需确定操作控件的控件灰阶,首先可以根据操作控件的显示位置和尺寸确定操作控件在电子设备的显示界面上所在的显示区域,然后确定操作控件的显示区域范围内下方图层的当前背景图像的目标背景灰阶。
由于背景图像通常是颜色深浅不一的复杂色彩,而用于描述图像画面的最小元素称为像素,每个像素被分配了一个明确的颜色和位置坐标,将这些拥有各种色彩的像素根据位置坐标组合起来,显示在显示界面上便是一副完整的画面。因此,在一些实施例中,计算拥有复杂色彩的背景图像的背景灰阶,需要根据操作控件的显示区域确定区域坐标范围内背景图像中每个像素的灰阶,再统计各个像素灰阶并将其换算为背景图像的背景灰阶。下面对根据像素灰阶来确定背景灰阶的典型方式进行示例性说明。
电子设备的显示界面通常用RGB三个通道的值的不同组合来显示这些色彩,可以理解地,被分配给每个像素的颜色也可以由RGB色彩值表示。在本申请的一个典型的实施例中分别将操作控件显示区域范围内背景图像的各像素的RGB值归一化后通过伽马校正计算分别的亮度,统计各像素亮度并取平均值后乘以3,得到灰阶平均亮度,通过反向伽马校正得到的归一化灰阶值作为背景灰阶值。最后基于此背景灰阶值及透明度参数确定操作控件的控件灰阶。
在本申请实施例中,以8bit显示界面为例说明显示界面的灰阶。8bit表示该显示界面可以分辨256级的灰阶,即灰阶值范围为0~255。可以理解的是,本申请实施例中的显示界面也可以为6bit显示界面、10bit显示界面或16bit显示界面,对应地,不同位数显示界面可分辨的灰阶级数不同,灰阶值范围也不同,本申请实施例对此不做限制。
S730:基于预设对应关系,确定在所述操作控件的透明度参数为目标透明度参数的情况下,与所述目标背景灰阶对应的目标控件灰阶,其中,所述预设对应关系包括不同透明度参数下,背景灰阶与控件灰阶的对应关系。
由前述实施例可知,操作控件的控件灰阶由操作控件的透明度参数和背景图像的背景灰阶两个因素决定。在本申请的一些实施例中,所述预设对应关系包括不同透明度参数下,背景灰阶与控件灰阶的对应关系。因此,可以根据想要得到的显示效果,由每一对透明度参数和背景灰阶的数值得到对应的操作控件的控件灰阶数值,通过反复试验,则可确定在不同透明度参数下,背景灰阶和控件灰阶的一一对应关系。在任一预先设定的操作控件透明度参数和任一背景图像下,首先获取当前的透明度参数和背景图像的背景灰阶值分别作为目标透明度参数和目标背景灰阶,再根据试验得到的透明度参数、背景灰阶和控件灰阶的一一对应关系作为预设对应关系,确定目标透明度参数和目标背景灰阶对应的目标控件灰阶,最后将操作控件的控件灰阶调整为所述目标控件灰阶,那么人眼观察到的操作控件与背景图像叠加后的叠加灰阶即可满足最佳显示效果。
在另一些实施例中,透明度参数、背景灰阶、操作控件与背景图像叠加后的叠加灰阶以及控件灰阶之间可以由明确的灰阶函数关系来表示。在一些典型的实施例中,所述灰阶函数关系为L2=L1*(1-a)+L0*a,其中L2为叠加灰阶,L1为控件灰阶,L0为背景灰阶,a为透明度参数。由前所述,操作控件和下方图层背景图像叠加后的效果就是呈现给用户的显示效果,即操作控件与背景图像叠加后的叠加灰阶L2表征了显示效果。因此,由灰阶函数关系可知,通过透明度参数a、背景灰阶L0确定操作控件的控件灰阶L1,即可调整叠加灰阶L2,从而控制控件的显示效果。反之,若确定了透明度参数a、背景灰阶L0和叠加灰阶L2,也可以确定操作控件的控件灰阶L1。
在一些实施例中,通过在暗室及室内光线下分别进行反复试验,来确定在操作控件的不同透明度参数的情况下,不同背景灰阶与目标叠加灰阶的第一对应关系。试验中,在透明度参数不同的情况下,根据不同背景灰阶L0改变叠加灰阶L2的数据,使人眼观察的各个操作控件的显示效果满足预先设置的显示效果,得出L2和L0的对应关系满足双曲线拟合。其中,预先设置的显示效果为操作控件轻微可见但显示不突兀。并且,试验中还得到,环境光线不同时,L2和L0的拟合双曲线的参数也不同。如图8所示,其示出了暗室下,透明度参数a为70%的情况下,实验得到的拟合曲线的示意图。通过反复实验可得到,随L0增加,L2对应的曲线靠近L2=L0的45°直线,因此进行双曲线拟合,该曲线除最后一个点外,近似为(y^2/a^2)-(x^2/b^2)=1的双曲线,考虑全部曲线可以近似,最后一个点L2需要变更为2*255-L2。并且实验中还对操作控件的显示数据进行拟合得到双曲线的半实轴参数在55~65之间浮动,半虚轴参数在56~60之间浮动,典型的两个参数取值是半实轴参数为60,半虚轴参数为58.40。特别地,曲线最后一个点表示背景灰阶L0为最大值,此时叠加灰阶L2需要变更为2*255-L2。
而在室内光线且透明度参数a为70%的情况下进行双曲线拟合,得到(y^2/a^2)-(x^2/b^2)=1的双曲线的半实轴参数在15~25之间浮动,半虚轴参数在18~20之间浮动,典型的两个参数取值为半实轴参数为20,半虚轴参数为19.66。
另外,当透明度一定时,操作控件的叠加灰阶还和环境光及显示界面亮度相关。例如,为使操作控件达到轻微可见但不突兀这一预设显示效果,在没有环境光线的暗室和有环境光线的室内下,拟合背景灰阶L0和叠加灰阶L2的双曲线参数不同,可以说,不同环境光线下背景灰阶L0对应的叠加灰阶L2不同。可以理解的是,显示界面不同亮度档下显示界面的显示效果有较大差异,叠加灰阶体现了颜色的亮度,同样受显示界面亮度的影响。并且,通过反复的实验证明,双曲线拟合适用于暗室和室内环境,可以满足多数环境光和显示屏反射状态。
试验得到了在所述操作控件的不同透明度参数的情况下,不同背景灰阶与叠加灰阶之间的第一对应关系,在本申请的一些典型的实施例中,第一对应关系为背景灰阶与叠加灰阶的关系满足双曲线拟合,而透明度参数的不同将影响双曲线的函数参数。因此,在所述操作控件的不同透明度参数下,由背景灰阶与叠加灰阶之间的第一对应关系,代入上述灰阶函数关系,可得到背景灰阶和控件灰阶的第二对应关系。将第二对应关系作为预设对应关系,当操作控件的透明度参数为目标透明度参数的情况下,根据第二对应关系确定与目标背景灰阶对应的目标控件灰阶。
S740:将所述操作控件的控件灰阶调整为目标控件灰阶,所述目标控件灰阶用于使目标叠加灰阶满足预设显示条件,所述目标叠加灰阶为所述操作控件与所述当前背景图像叠加后所述操作控件呈现的灰阶,所述预设显示条件为目标叠加灰阶和目标背景灰阶的差值小于预设阈值。
目标控件灰阶是指使操作控件的叠加灰阶的显示效果满足预设显示条件的控件灰阶,此情况下操作控件的叠加灰阶为目标叠加灰阶。以人眼看见的操作控件在背景显示画面的衬托下不突兀的显示效果为例,预设显示条件应当满足所述目标控件灰阶与所述目标背景灰阶叠加后的目标叠加灰阶与目标背景灰阶的差异较小,特别地,预设显示条件可以为目标叠加灰阶和目标背景灰阶的差值小于预设阈值。预设阈值可以由系统设定,也可以由用户根据习惯进行设置。示例性地,本申请实施例通过反复实验得到预设阈值的一个典型范围为13~60个灰阶值。上述实施例中在操作控件的不同透明度参数下得到的背景灰阶与目标叠加灰阶的第一对应关系中,背景灰阶与对应的目标叠加灰阶的差值满足预设阈值的范围,因此由第二对应关系作为预设对应关系得到的目标控件灰阶也可以使目标叠加灰阶满足预设显示条件。由此可知,若将操作控件的控件灰阶调整为目标控件灰阶,可以使操作控件达到显示不突兀的效果。
在本申请实施例中,所述操作控件可以是环形操作控件,也可以是圆形操作控件或矩形操作控件,还可以是不规则的图形,本申请实施例对此不做限制。但是,特别地,为保证操作控件不会对显示界面上的显示画面或其他图标造成遮挡,应当限制操作控件的显示面积,例如设置操作控件的显示面积小于预设面积。另外,操作控件的显示面积也可以设置为一个面积范围,例如对于圆形操作控件,设置圆形操作控件的直径在0.2cm到1.2cm之间。
综上所述,本申请实施例提供技术方案,通过确定操作控件在所述电子设备的显示界面上的显示区域,再确定所述显示区域对应的当前背景图像的目标背景灰阶,然后在不同的透明度参数下,确定背景灰阶和控件灰阶的对应关系,从而能够在所述操作控件的目标透明度参数的情况下,确定所述目标背景灰阶对应的目标控件灰阶,最后将所述操作控件的控件灰阶调整为所述目标控件灰阶。通过自适应不同的背景显示画面和控件的透明度,能够使人眼看见的操作控件在背景显示画面的衬托下呈现最佳显示效果,可对操作控件的位置起到提示作用,提升了用户的使用体验。
如图9所示,其示出了本申请又一实施例提供的电子设备的屏幕示意图。在本申请实施例中,所述电子设备200包括屏幕,所述电子设备的显示界面210位于所述屏幕上,其中,屏幕包括了预设区域910,预设区域910的下方设置有功能组件920。当功能组件920未启用时,功能组件将隐藏,人眼无法透过预设区域910观察到,并且预设区域910将与主显示区域显示同一副画面。当功能组件920启用时,功能组件将显现,透过预设区域910可以观察到明显观察到功能组件,预设区域不显示任何画面。
在本申请的实施例中,所述操作控件的显示区域可以覆盖或环绕所述预设区域。进一步地,所述操作控件的显示区域的中心点位置与所述预设区域的中心点位置重合。在一些实施例中,操作控件呈环形形状且所述操作控件的显示区域围绕所述预设区域。另外,还可以将环形形状操作控件的内圆直径设置为与预设区域的直径相同。在另一些实施例中,操作控件呈圆形形状且所述操作控件的显示区域覆盖所述预设区域。进一步地,为保证圆形操作控件可以覆盖所述预设区域,应当设置操作控件的直径大于或等于预设区域的直径。其中,圆形操作控件的直径不宜过大,示例性地,本申请实施例通过反复实验得到,操作控件的显示区域的内径的最大值,最多可比所述预设区域的半径大0.1mm。
功能组件的存在导致预设区域的显示效果与屏幕其他区域的显示效果有差异,甚至显示的图像质量低于屏幕其他区域,因此当功能组件未启用时,由于操作控件的形状与所述预设区域的轮廓相匹配,而预设区域显示质量低,则呈现出的视觉效果为:操作控件与预设区域合为一体,类似处于同一图层,而其他区域相当于背景图像,在另一图层。刚好与在背景图像的图层上叠加新图层显示操作控件的方式一致,用户不会产生异样感。在另一些实施例中,所述功能组件为摄像头。
由于屏下摄像头对应的显示区域屏幕材质与主显示区域不同,显示效果也与主显示区域存在差异。特别地,如图10所示,预设区域与主显示区域的显示效果在特定亮度、特定灰阶下画面存在差异,特别是低亮度、低灰阶情形下,预设区域的亮度和色彩差异尤其明显,同时当亮度值低时,无论控件灰阶如何调整,画面都会存在差异。
如图11所示,通过在屏下摄像头所在的圆形区域设置环形操作控件1110,并设计环形操作控件围绕屏下摄像头所在的圆形区域,使环形操作控件的内环半径与屏下摄像头圆形区域的半径相同,中心点坐标重合。当屏下摄像头未启用时,通过上述实施例确定的控件灰阶显示环形操作控件,人眼将忽略屏下摄像头所在显示区域的不同显示效果,将环形操作控件与屏下摄像头对应的显示区域合为一体,呈现出和谐而不突兀的视觉效果。可以理解的是,所述功能组件除摄像头外,还可以是电子设备的其他传感器件,包括但不仅限于重力传感器、光学传感器、距离传感器、温度传感器等。
综上所述,本申请实施例提供的技术方案,通过覆盖或环绕的方式在设置有功能组件的预设区域附近显示操作控件,并且操作控件的控件灰阶基于显示区域的背景图像和操作控件的透明度参数确定,能够减小预设区域与主要显示区域的显示差异,改善设备整体显示效果,提升用户的使用体验。
请参考图12,其示出了本申请又一实施例提供的电子设备的显示方法的方法流程图。该方法包括:S1210至S1280。
S1210:确定操作控件当前在所述显示界面上所在的显示区域。
S1220:确定与显示区域对应的当前背景图像的目标背景灰阶。
如前所述,如需确定操作控件的控件灰阶,首先需要根据操作控件的显示位置和尺寸确定操作控件在电子设备显示界面上的显示区域,然后确定操作控件的显示区域范围内下方图层的背景图像的背景灰阶。在本申请实施例中,可以统计显示区域对应的当前背景图像的各个像素灰度以确定目标背景灰阶,根据各像素灰阶确定目标背景灰阶的具体过程可以参考前述实施例中的对应过程,在此不再赘述。
S1230:在所述操作控件处于待机模式时,基于所述目标背景灰阶和所述操作控件的目标透明度参数,调整所述操作控件的控件灰阶。
在本申请实施例中,待机模式是指操作控件处于无操作状态,区别于同样处于无操作状态的等待模式,待机模式没有时间限制,只有当检测到触控操作,操作控件才会从待机模式改变到触控操作对应的显示状态,而等待模式是一个中间状态,进入等待模式超过等待时间或等待时间范围内检测到触控操作两种情况下,操作控件将会改变显示状态。
可以理解的是,以下几个情况下操作控件应当处于待机模式:首先,设备开机运行的初始状态下操作控件应当处于待机模式;其次,对操作控件的显示参数或功能进行设置后操作控件处于待机模式;最后,检测到针对操作控件的触控操作并且操作控件已经作出对应的响应,而触控操作消失后,经过等待模式,并经过等待模式后改变了显示状态,最终由于没有检测到针对操作控件的任何实质性触控操作,操作控件将会恢复到待机模式。
处于待机模式下操作控件的显示状态应当在避免遮挡背景画面的同时又可对操作控件的位置起到提示作用,根据前述实施例,可以基于目标背景灰阶和操作控件的目标透明度参数,来调整所述操作控件的控件灰阶,使其达到操作控件轻微可见但不突兀的显示效果。
步骤S1240至步骤S1280表示不同显示状态下的切换过程。如图13所示,其示出了操作控件各工作模式下的显示状态。下面结合图13所示,以环形操作控件为例,对本申请实施例提供的各显示状态的切换过程进行示例性说明。
图13中状态1为待机模式下的显示状态,为保证待机时操作控件隐约可见,接受触控操后凸显,操作控件的控件灰阶值随背景灰阶和透明度参数动态变化,且状态1的透明度较高,在一些典型的实施例中,状态1操作控件的透明度应当设置为70%~100%范围内,且不等于100%。状态1下操作控件的尺寸为初始尺寸,在一些典型的实施例中,状态1操作控件的初始尺寸可以为0.1mm,建议不大于2mm。
S1240:当检测到针对所述操作控件的触控操作时,将所述操作控件的透明度调整至预设透明度,其中,所述预设透明度小于目标透明度参数,此时操作控件的尺寸为第一预设尺寸。
检测到的触控操作可以包括点击、双击、长按、滑动、双击后滑动等等,本申请实施例对此不做限制。在本申请实施例中,当检测到针对所述操作控件的触控操作时,操作控件的显示状态从状态1立刻变化到状态2,历时一帧时间。其中,帧数是指电子设备每秒渲染的图像数量,是电子设备的固有参数,而一帧时间就是1/帧数,表示渲染一帧图像耗费的时间。
点击等触控操作后操作控件应当凸显以提醒用户操作处于正确状态,状态2的透明度为预设透明度,因此预设透明度应当小于待机模式下状态1的目标透明度参数。在一些典型的实施例中,状态2的预设透明度应当设置0~30%范围内,且不等于0。状态2下操作控件的尺寸为第一预设尺寸,第一预设尺寸应当与初始尺寸相同。
S1250:根据所述触控操作的持续时长扩大操作控件的尺寸。
若所述触控操作为持续触控操作,例如长按等,应当根据触控操作的持续时间扩大操作控件的尺寸,操作控件尺寸变化前的状态可参考状态2,操作控件尺寸扩大后的状态可参考状态3。对应地,操作控件由状态2变为状态3的过程是环的尺寸逐渐变大的过程,示例性地,扩大尺寸的最大持续时间可以设置为0.2s。如果状态2变为状态3的过程中检测到触控操作消失,即触控操作的持续时间小于0.2s,操作控件就停留在触控操作消失时的显示画面,不会继续变化到状态3。如果触控操作的持续时间大于0.2s,操作控件的尺寸在触控操作持续0.2s时变化到状态3以后,即使触控操作再持续多长时间,操作控件的尺寸也不会继续扩大,而是停留在状态3。状态3下操作控件的尺寸大于状态2的尺寸,即大于第一预设尺寸及初始尺寸,在一些典型的实施例中,状态3下操作控件的尺寸可以为0.5mm,建议不大于2mm。
S1260:当检测到所述触控操作消失时,在第一预设时长内将操作控件的尺寸减小到第二预设尺寸,其中所述第二预设尺寸大于第一预设尺寸。
检测到触控操作消失时,操作控件的显示状态可能在状态2变为状态3的过程中处于某个临时显示状态,也可能已经变化到状态3。触控操作消失后,操作控件的尺寸将逐渐变小。对应地,操作控件的尺寸可能从所述临时显示状态开始逐渐变小,也可能从状态3开始变小。示例性地,本申请实施例以从状态3开始逐渐变小来说明尺寸减小的最大变化时间,即第一预设时长。尺寸从状态3开始逐渐变化,当尺寸减小到状态4时,操作控件处于等待模式,其中,从状态4开始操作控件处于等待模式,尺寸为第二预设尺寸,在本申请实施例中第二预设尺寸大于第一预设尺寸。在一些典型的实施例中,状态4下操作控件的尺寸可以为0.3mm,建议不大于2mm。由于触控操作消失时,操作控件并不一定已经变化到状态3,而可能处于尺寸状态2与状态3之间的某个临时显示状态,这种情况下减小尺寸,直到变为状态4的变化时间,一定小于第一预设时长。在一些典型的实施例中,第一预设时长可以为0.2s。另外,减小过程也可能被打断,例如重新检测到触控操作等,那么触控操作被打断时刻的操作控件尺寸应当大于或等于第二预设尺寸。
S1270:控制操作控件以第二预设尺寸保持第二预设时长。
从状态4开始操作控件处于等待模式,并以第二预设尺寸保持一段等待时间,达到状态5,其中,等待时间为第二预设时长,且状态5下操作控件的显示状态与状态4一致。在一些典型的实施例中,第二预设时长约为2s。另外,在等待模式下,仍然可能会检测到针对操作控件的触控操作,该情况下,从检测到所述触控操作开始,等待模式中断,操作控件尺寸从状态4开始扩大,与步骤S1250所示扩大过程类似,不同的是操作控件尺寸变化前的状态为状态4,操作控件尺寸扩大后的状态仍然参考状态3。
S1280:在所述第二预设时长之后,将操作控件的尺寸减小到第一预设尺寸。
在等待时间期满后,操作控件显示状态达到状态5,此时,操作控件的尺寸将开始逐渐减小,最终达到状态6。状态6与状态2一致,因此,状态6也为第一预设尺寸,在状态5的尺寸减小过程中若没有检测到针对操作控件的触控操作,最终尺寸将减小到第一预设尺寸。在一些典型的实施例中,状态5变化到状态6的时间可以为0.2s。尺寸减小过程中若检测到针对操作控件的触控操作,该情况下,从检测到所述触控操作开始,中断尺寸减小过程,操作控件尺寸从当前状态开始扩大,与步骤S1250所示扩大过程类似,不同的是操作控件尺寸变化前的状态为检测到所述触控操作时的当前状态,操作控件尺寸扩大后的状态仍然参考状态3。由于状态5变化到状态6的变化时间极短,期间检测到针对操作控件的触控操作可能性极低,可以忽略不计。
另外,在本申请的实施例中,状态3到状态6下操作控件均需凸显以提醒用户操作处于正确状态,状态3、4、5、6四个状态下操作控件的透明度设置为较低值,应当与状态2下的透明度一致,均为预设透明度。
如前所述,触控操作消失,经过等待模式后显示状态改变至状态5,而后变化为状态6,最终由于仍然没有检测到针对操作控件的任何实质性触控操作,操作控件将会恢复到待机模式,即状态7,状态7与状态1同为待机模式,显示状态一致,即是说,最后从状态6需变化到状态7。变化过程为:状态6的尺寸为第一预设尺寸,第一预设尺寸与状态1的初始尺寸相同,与状态7的尺寸也一致,无需改变;状态6的透明度为与状态2的透明度一致,为预设透明度,小于状态1的目标透明度参数,变化到状态7,需要将操作控件的透明度从预设透明度增大到目标透明度参数。
综上所述,本申请实施例提供技术方案,通过确定操作控件在所述电子设备的显示界面上所处的显示区域,再确定所述显示区域对应的当前背景图像的背景灰阶,然后基于背景灰阶和操作控件的透明度参数,来调整待机状态下操作控件的控件灰阶。并且通过改变不同工作模式下操作控件的尺寸、透明度,并且设置不同的变化时间,来改变操作控件的显示状态,可以引导用户正确使用操作控件,丰富操作控件的功能,提升了用户的使用体验。
请参阅图14,示出了本申请一实施例提供的电子设备的显示装置的模块框图。具体地,所述电子设备的显示界面上显示有操作控件,该装置包括:第一确定单元1410、第二确定单元1420和调整单元1430。
第一确定单元1410,用于确定所述操作控件当前在所述显示界面上所在的显示区域;第二确定单元1420,用于确定与所述显示区域对应的当前背景图像的目标背景灰阶;调整单元1430,用于基于所述目标背景灰阶和所述操作控件的目标透明度参数,调整所述操作控件的控件灰阶。
所属领域的技术人员可以清楚地了解到,为描述的方便和简洁,上述描述的装置和模块的具体工作过程,可以参考前述方法实施例中的对应过程,在此不再赘述。
请参阅图15,其示出了本申请实施例提供的电子设备的结构框图,具体地,所述电子设备1500一个或多个如下部件:存储器1510、处理器1520以及一个或多个应用程序。一个或多个应用程序可以被存储在存储器1510中并被配置为由一个或多个处理器1520执行,一个或多个程序配置用于执行如前述方法实施例所描述的方法。
电子设备1500可以为移动、便携式并执行无线通信的各种类型的计算机系统设备中的任何一种。具体的,电子设备1500可以为移动电话或智能电话(例如,基于iPhone TM,基于Android TM的电话)、便携式游戏设备(例如Nintendo DS TM,PlayStation PortableTM,Gameboy Advance TM,iPhone TM)、膝上型电脑、PDA、便携式互联网设备、音乐播放器以及数据存储设备,其他手持设备以及诸如智能手表、智能手环、耳机、吊坠等,电子设备1500还可以为其他的可穿戴设备(例如,诸如电子眼镜、电子衣服、电子手镯、电子项链、电子纹身、电子设备或头戴式设备(HMD))。
电子设备1500还可以是多个电子设备中的任何一个,多个电子设备包括但不限于蜂窝电话、智能电话、智能手表、智能手环、其他无线通信设备、个人数字助理、音频播放器、其他媒体播放器、音乐记录器、录像机、照相机、其他媒体记录器、收音机、医疗设备、车辆运输仪器、计算器、可编程遥控器、寻呼机、膝上型计算机、台式计算机、打印机、上网本电脑、个人数字助理(PDA)、便携式多媒体播放器(PMP)、运动图像专家组(MPEG-1或MPEG-2)音频层3(MP3)播放器,便携式医疗设备以及数码相机及其组合。
在一些情况下,电子设备1500可以执行多种功能(例如,播放音乐,显示视频,存储图片以及接收和发送电话呼叫)。如果需要,电子设备1500可以是诸如蜂窝电话、媒体播放器、其他手持设备、腕表设备、吊坠设备、听筒设备或其他紧凑型便携式设备。
处理器1510可以包括一个或者多个处理核。处理器1510利用各种接口和线路连接整个电子设备1500内的各个部分,通过运行或执行存储在存储器1520内的指令、程序、代码集或指令集,以及调用存储在存储器1520内的数据,执行电子设备1500的各种功能和处理数据。可选地,处理器1510可以采用数字信号处理(Digital Signal Processing,DSP)、现场可编程门阵列(Field-Programmable Gate Array,FPGA)、可编程逻辑阵列(Programmable Logic Array,PLA)中的至少一种硬件形式来实现。处理器1510可集成中央处理器(Central Processing Unit,CPU)、图像处理器(Graphics Processing Unit,GPU)和调制解调器等中的一种或几种的组合。其中,CPU主要处理操作系统、用户界面和应用程序等;GPU用于负责显示内容的渲染和绘制;调制解调器用于处理无线通信。可以理解的是,上述调制解调器也可以不集成到处理器1510中,单独通过一块通信芯片进行实现。
存储器1520可以包括随机存储器(Random Access Memory,RAM),也可以包括只读存储器(Read-Only Memory)。存储器1520可用于存储指令、程序、代码、代码集或指令集。存储器1520可包括存储程序区和存储数据区,其中,存储程序区可存储用于实现操作系统的指令、用于实现至少一个功能的指令(比如触控功能、声音播放功能、图像播放功能等),用于确定所述操作控件当前在所述电子设备的显示界面上所处的显示区域,确定与所述显示区域对应的当前背景图像的目标背景灰阶,然后基于所述目标背景灰阶和所述操作控件的目标透明度参数,调整所述操作控件的控件灰阶。存储数据区还可以存储电子设备1500在使用中所创建的数据(比如电话本、音视频数据、聊天记录数据)等。
所属领域的技术人员可以清楚地了解到,为描述的方便和简洁,上述描述的电子设备的处理1510、存储器1520的具体工作过程,可以参考前述方法实施例中的对应过程,在此不再赘述。
本申请实施例还提供一种存储介质,所述存储介质中存储有计算机程序,当所述计算机程序在计算机上运行时,所述计算机执行上述任一实施例所述的电子设备的显示方法。
需要说明的是,本领域普通技术人员可以理解上述实施例的各种方法中的全部或部分步骤是可以通过计算机程序来指令相关的硬件来完成,所述计算机程序可以存储于计算机可读存储介质中,所述存储介质可以包括但不限于:只读存储器(ROM,Read OnlyMemory)、随机存取存储器(RAM,Random Access Memory)、磁盘或光盘等。
请参考图16,其示出了本申请实施例的用于保存或者携带实现根据本申请实施例的电子设备的显示方法的程序代码的计算机可读介质。该计算机可读介质1600中存储有程序代码1610,所述程序代码可被处理器调用执行上述方法实施例中所描述的电子设备的显示方法。
计算机可读存储介质1600可以是诸如闪存、EEPROM(电可擦除可编程只读存储器)、EPROM、硬盘或者ROM之类的电子存储器。可选地,计算机可读存储介质1600包括非易失性计算机可读介质(non-transitory computer-readable storage medium)。计算机可读存储介质1600具有执行上述方法中的任何方法步骤的程序代码1510的存储空间。这些程序代码可以从一个或者多个计算机程序产品中读出或者写入到这一个或者多个计算机程序产品中。程序代码1610可以例如以适当形式进行压缩。
应当理解,本申请的各部分可以用硬件、软件、固件或它们的组合来实现。在上述实施方式中,多个步骤或方法可以用存储在存储器中且由合适的指令执行系统执行的软件或固件来实现。例如,如果用硬件来实现,和在另一实施方式中一样,可用本领域公知的下列技术中的任一项或他们的组合来实现:具有用于对数据信号实现逻辑功能的逻辑门电路的离散逻辑电路,具有合适的组合逻辑门电路的专用集成电路,可编程门阵列(PGA),现场可编程门阵列(FPGA)等。
本技术领域的普通技术人员可以理解实现上述实施例方法携带的全部或部分步骤是可以通过程序来指令相关的硬件完成,所述的程序可以存储于一种计算机可读存储介质中,该程序在执行时,包括方法实施例的步骤之一或其组合。此外,在本申请各个实施例中的各功能单元可以集成在一个处理模块中,也可以是各个单元单独物理存在,也可以两个或两个以上单元集成在一个模块中。上述集成的模块既可以采用硬件的形式实现,也可以采用软件功能模块的形式实现。所述集成的模块如果以软件功能模块的形式实现并作为独立的产品销售或使用时,也可以存储在一个计算机可读取存储介质中。
尽管上面已经示出和描述了本申请的实施例,可以理解的是,上述实施例是示例性的,不能理解为对本申请的限制,本领域的普通技术人员在本申请的范围内可以对上述实施例进行变化、修改、替换和变型。
本发明实施例的说明书和权利要求书中的术语“第一”和“第二”等是用于区别不同的对象,而不是用于描述对象的特定顺序。例如,第一区域和第二区域等是用于区别不同的区域,而不是用于描述区域的特定顺序。在本发明实施例的描述中,除非另有说明,“多个”的含义是指两个或两个以上。
本文中术语“和/或”,是一种描述关联对象的关联关系,表示可以存在三种关系,例如,A和/或B,可以表示:单独存在A,同时存在A和B,单独存在B这三种情况。本文中符号“/”表示关联对象是或者的关系,例如A/B表示A或者B。
在本发明的实施例中,“示例性的”或者“例如”等词用于表示作例子、例证或说明。本发明实施例中被描述为“示例性的”或者“例如”的任何实施例或设计方案不应被解释为比其它实施例或设计方案更优选或更具优势。确切而言,使用“示例性的”或者“例如”等词旨在以具体方式呈现相关概念。
最后应说明的是:以上实施例仅用以说明本申请的技术方案,而非对其限制。尽管参照前述实施例对本申请进行了详细的说明,本领域的普通技术人员当理解:其依然可以对前述各实施例所记载的技术方案进行修改,或者对其中部分技术特征进行等同替换;而这些修改或者替换,并不驱使相应技术方案的本质脱离本申请各实施例技术方案的精神和范围。

Claims (18)

1.一种电子设备的显示方法,其特征在于,所述电子设备的显示界面上显示有操作控件,所述方法包括:
确定所述操作控件当前在所述显示界面上所在的显示区域;
确定与所述显示区域对应的当前背景图像的目标背景灰阶;
基于所述目标背景灰阶和所述操作控件的目标透明度参数,调整所述操作控件的控件灰阶。
2.根据权利要求1所述的方法,其特征在于,基于所述目标背景灰阶和所述操作控件的目标透明度参数,调整所述操作控件的控件灰阶,包括:
基于所述目标背景灰阶和所述操作控件的目标透明度参数,将所述操作控件的控件灰阶调整为目标控件灰阶,所述目标控件灰阶用于使目标叠加灰阶满足预设显示条件,所述目标叠加灰阶为所述操作控件与所述当前背景图像叠加后所述操作控件呈现的灰阶,所述预设显示条件为目标叠加灰阶和目标背景灰阶的差值小于预设阈值。
3.根据权利要求2所述的方法,其特征在于,基于所述目标背景灰阶和所述操作控件的目标透明度参数,将所述操作控件的控件灰阶调整为目标控件灰阶,包括:
基于预设对应关系,确定在所述操作控件的透明度参数为目标透明度参数的情况下,与所述目标背景灰阶对应的目标控件灰阶。
4.根据权利要求3所述的方法,其特征在于,所述预设对应关系包括不同透明度参数下,背景灰阶与控件灰阶的对应关系,所述基于预设对应关系,确定在所述操作控件的透明度参数为目标透明度参数的情况下,与所述目标背景灰阶对应的目标控件灰阶之前,还包括:
确定灰阶函数关系,所述灰阶函数关系用于表征透明度参数、背景灰阶、叠加灰阶以及控件灰阶之间的函数关系;
在所述操作控件的不同透明度参数下,确定不同背景灰阶与目标叠加灰阶的第一对应关系;
在所述每个不同的透明度参数下,根据所述灰阶函数关系与所述第一对应关系,确定所述背景灰阶与控件灰阶之间的第二对应关系,作为所述预设对应关系。
5.根据权利要求1-4任一项所述的方法,其特征在于,所述电子设备包括屏幕,所述显示界面位于所述屏幕上,所述屏幕包括预设区域,所述预设区域的下方设置有功能组件,所述操作控件的显示区域覆盖或环绕所述预设区域。
6.根据权利要求5所述的方法,其特征在于,所述操作控件呈环形形状,所述操作控件的显示区域围绕所述预设区域。
7.根据权利要求5所述的方法,其特征在于,所述操作控件呈圆形形状,所述操作控件的显示区域覆盖所述预设区域。
8.根据权利要求5所述的方法,其特征在于,所述操作控件的显示区域的中心点位置与所述预设区域的中心点位置重合。
9.根据权利要求6所述的方法,其特征在于,所述功能组件为摄像头。
10.根据权利要求1-4任一项所述的方法,其特征在于,所述确定与所述显示区域对应的当前背景图像的目标背景灰阶,包括:
获取所述显示区域对应的当前背景图像的每个像素的灰度值;
根据每个像素的灰度值确定目标背景灰阶。
11.根据权利要求1所述的方法,其特征在于,所述基于所述目标背景灰阶和所述操作控件的目标透明度参数,调整所述操作控件的控件灰阶,包括:
在所述操作控件处于待机模式时,基于所述目标背景灰阶和所述操作控件的目标透明度参数,调整所述操作控件的控件灰阶。
12.根据权利要求11所述的方法,其特征在于,所述在所述操作控件处于待机模式时,基于所述目标背景灰阶和所述操作控件的目标透明度参数,调整所述操作控件的控件灰阶之后,还包括:
当检测到针对所述操作控件的触控操作时,将所述操作控件的透明度调整至预设透明度,其中,所述预设透明度小于所述目标透明度参数,此时所述操作控件的尺寸为第一预设尺寸。
13.根据权利要求12所述的方法,其特征在于,所述将所述操作控件的透明度调整至预设透明度之后,还包括:
根据所述触控操作的持续时长扩大操作控件的尺寸。
14.根据权利要求13所述的方法,其特征在于,所述方法还包括:
当检测到所述触控操作消失时,在第一预设时长内将所述操作控件的尺寸减小到第二预设尺寸,其中所述第二预设尺寸大于第一预设尺寸。
15.根据权利要求14所述的方法,其特征在于,将操作控件的尺寸减小到第二预设尺寸之后,所述方法还包括:
控制所述操作控件以第二预设尺寸保持第二预设时长;
在所述第二预设时长之后,将所述操作控件的尺寸减小到第一预设尺寸。
16.一种电子设备的显示装置,其特征在于,所述电子设备的显示界面上显示有操作控件,所述装置包括:
第一确定单元,用于确定所述操作控件当前在所述显示界面上所在的显示区域;
第二确定单元,用于确定与所述显示区域对应的当前背景图像的目标背景灰阶;
调整单元,用于基于所述目标背景灰阶和所述操作控件的目标透明度参数,调整所述操作控件的控件灰阶。
17.一种电子设备,其特征在于,包括处理器、存储器,所述存储器存储有计算机程序,所述处理器通过调用所述计算机程序,用于执行如权利要求1至15任一项所述的电子设备的显示方法。
18.一种计算机可读存储介质,其特征在于,所述存储介质中存储有至少一条指令、至少一段程序、代码集或指令集,所述至少一条指令、所述至少一段程序、所述代码集或指令集由处理器加载并执行以实现如权利要求1至15任一项所述的方法。
CN202110614393.5A 2021-06-02 2021-06-02 电子设备的显示方法、装置及存储介质 Pending CN113407270A (zh)

Priority Applications (2)

Application Number Priority Date Filing Date Title
CN202110614393.5A CN113407270A (zh) 2021-06-02 2021-06-02 电子设备的显示方法、装置及存储介质
PCT/CN2022/093276 WO2022252978A1 (zh) 2021-06-02 2022-05-17 电子设备的显示方法、装置及存储介质

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN202110614393.5A CN113407270A (zh) 2021-06-02 2021-06-02 电子设备的显示方法、装置及存储介质

Publications (1)

Publication Number Publication Date
CN113407270A true CN113407270A (zh) 2021-09-17

Family

ID=77675963

Family Applications (1)

Application Number Title Priority Date Filing Date
CN202110614393.5A Pending CN113407270A (zh) 2021-06-02 2021-06-02 电子设备的显示方法、装置及存储介质

Country Status (2)

Country Link
CN (1) CN113407270A (zh)
WO (1) WO2022252978A1 (zh)

Cited By (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN114168031A (zh) * 2022-02-11 2022-03-11 荣耀终端有限公司 挖孔屏的显示优化方法、设备和存储介质
WO2022252978A1 (zh) * 2021-06-02 2022-12-08 Oppo广东移动通信有限公司 电子设备的显示方法、装置及存储介质

Family Cites Families (6)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US20120030595A1 (en) * 2010-07-29 2012-02-02 Seiko Epson Corporation Information storage medium, terminal apparatus, and image generation method
CN105573746B (zh) * 2015-12-10 2019-04-26 Oppo广东移动通信有限公司 一种控件属性处理方法及装置
CN109508128B (zh) * 2018-11-09 2021-05-18 北京微播视界科技有限公司 搜索控件显示方法、装置、设备及计算机可读存储介质
CN110908765A (zh) * 2019-11-29 2020-03-24 五八有限公司 一种界面显示方法、装置、终端设备及存储介质
CN111870950B (zh) * 2020-08-10 2023-10-31 网易(杭州)网络有限公司 游戏控件的显示控制方法、装置和电子设备
CN113407270A (zh) * 2021-06-02 2021-09-17 Oppo广东移动通信有限公司 电子设备的显示方法、装置及存储介质

Cited By (3)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
WO2022252978A1 (zh) * 2021-06-02 2022-12-08 Oppo广东移动通信有限公司 电子设备的显示方法、装置及存储介质
CN114168031A (zh) * 2022-02-11 2022-03-11 荣耀终端有限公司 挖孔屏的显示优化方法、设备和存储介质
CN114168031B (zh) * 2022-02-11 2023-03-31 荣耀终端有限公司 挖孔屏的显示优化方法、设备和存储介质

Also Published As

Publication number Publication date
WO2022252978A1 (zh) 2022-12-08

Similar Documents

Publication Publication Date Title
JP6775598B2 (ja) アフォーダンスを背景に表示するためのデバイス、方法、及びグラフィカルユーザインターフェース
KR101958870B1 (ko) 소비 전력을 절감하기 위한 표시 제어 방법 및 장치
EP3944080B1 (en) A method, an apparatus and a computer program product for creating a user interface view
EP3726514B1 (en) Display control method for terminal screen, device and storage medium thereof
US9712779B2 (en) Image display method and apparatus
US10417997B2 (en) Display apparatus and controlling method thereof
WO2014084224A1 (ja) 電子機器および視線入力方法
CN108510929B (zh) 一种显示装置及其控制方法
US20100328317A1 (en) Automatic Zoom for a Display
WO2022252978A1 (zh) 电子设备的显示方法、装置及存储介质
KR20160033605A (ko) 콘텐트를 디스플레이하기 위한 장치 및 방법
CN110865758B (zh) 一种显示方法及电子设备
CN106484354B (zh) 一种显示亮度调整方法及移动终端
CN111625213B (zh) 画面显示方法、装置和存储介质
CN113452834B (zh) 一种显示方法、装置、存储介质及电子设备
US20220415236A1 (en) Display control method, display control device and storage medium
CN113654459B (zh) 一种屏下感光传感器位置确定方法、装置及存储介质
CN104516481A (zh) 一种信息处理方法和电子设备
KR20140078914A (ko) 전자 장치 및 디스플레이 구동 방법
CN115699717B (zh) 移动装置及用于移动装置的方法
KR102518203B1 (ko) 디스플레이 방법, 장치 및 저장 매체
KR101608781B1 (ko) 이동 단말기
CN110989833B (zh) 一种控制方法、ar设备及计算机可读存储介质
CN118626200A (zh) 桌面主题切换方法、装置、介质及终端设备
CN114691249A (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