目标对象显示方法、装置、电子设备和计算机可读介质
技术领域
本公开的实施例涉及计算机技术领域,具体涉及目标对象显示方法、装置、电子设备和计算机可读介质。
背景技术
电子设备的不断普及,极大地便利了人们的生活。人们可以通过以智能手机为代表的各种电子设备进行电影播放、音乐播放、观看直播等等各项娱乐活动。
发明内容
本发明内容部分用于以简要的形式介绍构思,这些构思将在后面的具体实施方式部分被详细描述。本发明内容部分并不旨在标识要求保护的技术方案的关键特征或必要特征,也不旨在用于限制所要求的保护的技术方案的范围。
本公开的一些实施例提出了目标对象显示方法、装置、电子设备和计算机可读介质。
第一方面,本公开的一些实施例提供了一种目标对象显示方法,该方法包括:显示页面,页面中包括触控区域以及与触控区域相邻的至少一个非触控区域,其中,至少一个非触控区域不响应预设的触控操作,触控区域用于显示目标对象;响应于检测到触控区域内的触控操作,以第一预设样式在触控区域内显示目标对象。
第二方面,本公开的一些实施例提供了一种目标对象显示装置,装置包括:显示单元,被配置成显示页面,页面中包括触控区域以及与触控区域相邻的至少一个非触控区域,其中,至少一个非触控区域不响应预设的触控操作,触控区域用于显示目标对象;显示单元进一步被配置成响应于检测到触控区域内的触控操作,以第一预设样式在触控区域内显示目标对象。
第三方面,本公开的一些实施例提供了一种电子设备,包括:一个或多个处理器;存储装置,其上存储有一个或多个程序,当一个或多个程序被一个或多个处理器执行,使得一个或多个处理器实现如第一方面中任一实现方式描述的方法。
第四方面,本公开的一些实施例提供了一种计算机可读介质,其上存储有计算机程序,其中,程序被处理器执行时实现如第一方面中任一实现方式描述的方法。
本公开的一些实施例提供的目标对象显示方法、装置、电子设备和计算机可读介质,可以显示页面,页面中包括触控区域和非触控区域。实践中,当用户在触控区域进行操作时,有可能误触到附近的区域,导致触发不相关的功能或效果。而本公开的一些实施例中,通过设置与触控区域相邻的非触控区域,且非触控区域不响应预设的触控操作,从而可以实现避免用户触发不相关的功能或效果,提高操作准确性。此外,通过以第一预设样式显示目标对象,可以有效与其他样式的目标对象进行区分,从而对用户进行有效提示,增强操作时的互动性。
附图说明
结合附图并参考以下具体实施方式,本公开各实施例的上述和其他特征、优点及方面将变得更加明显。贯穿附图中,相同或相似的附图标记表示相同或相似的元素。应当理解附图是示意性的,原件和元素不一定按照比例绘制。
图1是本公开的一些实施例的目标对象显示方法的一个应用场景的示意图;
图2是根据本公开的目标对象显示方法的一些实施例的流程图;
图3是根据本公开的目标对象显示方法的另一些实施例的流程图;
图4是根据本公开的第一预设样式的示例性示意图;
图5是根据本公开的目标对象显示装置的一些实施例的结构示意图;
图6是适于用来实现本公开的一些实施例的电子设备的结构示意图;
图7是本公开的第二预设样式的示例性示意图。
具体实施方式
下面将参照附图更详细地描述本公开的实施例。虽然附图中显示了本公开的某些实施例,然而应当理解的是,本公开可以通过各种形式来实现,而且不应该被解释为限于这里阐述的实施例。相反,提供这些实施例是为了更加透彻和完整地理解本公开。应当理解的是,本公开的附图及实施例仅用于示例性作用,并非用于限制本公开的保护范围。
另外还需要说明的是,为了便于描述,附图中仅示出了与有关发明相关的部分。在不冲突的情况下,本公开中的实施例及实施例中的特征可以相互组合。
需要注意,本公开中提及的“第一”、“第二”等概念仅用于对不同的装置、模块或单元进行区分,并非用于限定这些装置、模块或单元所执行的功能的顺序或者相互依存关系。
需要注意,本公开中提及的“一个”、“多个”的修饰是示意性而非限制性的,本领域技术人员应当理解,除非在上下文另有明确指出,否则应该理解为“一个或多个”。
本公开实施方式中的多个装置之间所交互的消息或者信息的名称仅用于说明性的目的,而并不是用于对这些消息或信息的范围进行限制。
下面将参考附图并结合实施例来详细说明本公开。
图1示出了可以应用本公开的一些实施例的目标对象显示方法的一个应用场景的示意图。
本公开的一些实施例提供的目标对象显示方法可以由终端设备执行,也可以由服务器执行。
需要说明的是,终端设备可以是硬件,也可以是软件。当终端设备为硬件时,可以是具有显示屏并支持触控操作的各种电子设备,包括但不限于智能手机、平板电脑、电子书阅读器、车载设备和可穿戴设备等等。当终端设备为软件时,可以安装在上述所列举的电子设备中。其可以实现成例如用来提供分布式服务的多个软件或软件模块,也可以实现成单个软件或软件模块。在此不做具体限定。
服务器也可以是硬件或软件。当服务器为硬件时,可以实现成多个服务器组成的分布式服务器集群,也可以实现成单个服务器。当服务器为软件时,可以实现成例如用来提供分布式服务的多个软件或软件模块,也可以实现成单个软件或软件模块。在此不做具体限定。
在图1所示的应用场景下,目标对象显示方法的执行主体可以是智能手机101上安装的各种应用。以视频直播应用为例,在使用视频直播应用的过程中,如图所示,视频直播应用可以在智能手机101上显示视频播放页面102。视频播放页面102中包含触控区域103以及与触控区域103相邻的两个非触控区域104。其中,两个非触控区域104不响应预设的触控操作。如图所示,以触控区域103显示用于调节视频播放进度的进度条为例。当用户想调整视频播放进度时,可以在触控区域103内进行滑动。但是,在实际页面中,触控区域103与其他区域没有明显的界限,用户直观上无法区分触控区域103的实际范围。退一步来讲,即使通过用户界面设计使得用户能够区分触控区域103与其他区域,由于手指、手写笔等都具有一定的宽度,以及考虑触控区域103的宽度等因素,当用户在触控区域103进行操作时,很有可能误触到附近的区域,导致触发不相关的功能或效果。
因此,通过设置与触控区域相邻的非触控区域104,图1中非触控区域104以两个为例,非触控区域不响应预设的触控操作,从而可以实现避免用户触发不相关的功能或效果,提高操作准确性。
在此基础上,响应于检测到触控区域内的触控操作,以第一预设样式在触控区域内显示目标对象。继续以触控区域103显示用于调节视频播放进度的进度条为例,响应于检测到触控区域内的触控操作,如图4所示,第一预设样式可以是更加醒目的显示样式,例如,可以是线条更粗,并且具有拖动块的样式。
继续参考图2,示出了根据本公开的目标对象显示方法的一些实施例的流程200。该目标对象显示方法包括:
步骤201,显示页面,页面中包括触控区域以及与触控区域相邻的至少一个非触控区域。
在一些实施例中,目标对象显示方法的执行主体可以显示页面,页面中包括触控区域以及与触控区域相邻的至少一个非触控区域。
其中,页面可以是各种页面。作为示例,可以是电子设备自带的系统界面,也可以是电子设备上安装的应用的页面等等。根据需要,页面可以是用于实现各种功能的页面。对此,本公开不做任何限定。触控区域支持用户通过手指或其他媒介触控,以实现与设备或应用的交互。触控区域可以用于显示目标对象。其中,根据所实现的功能的不同,目标对象可以是各种各样的对象。例如,触控区域可以用于显示进度条,用户可以通过拖动进度条,实现视频播放进度的调整。又如,触控区域用于显示评论框,用户可以通过点击展开评论框,从而输入评论内容。实践中,可以根据实际需要确定触控区域所实现的功能。
在一些实施例中,页面中包括与触控区域相邻的至少一个非触控区域。其中,至少一个非触控区域不响应预设的触控操作。实践中,作为示例,可以监听用户在非触控区域的触控操作。响应于监听到触控操作,将触控操作进行拦截。而非触控区域的形状、数量、大小均可以根据实际需要进行设定,本申请对此不作限定。作为示例,可以在触控区域上方和下方各设置一个非触控区域。作为实例,触控区域周围可以设置圆环形非触控区域等等。
需要说明的是,非触控区域与触控区域的位置关系可以是相邻的。根据实现需要,非触控区域与触控区域之间可以没有间隙,也可以具有一定的间隙。对此,本公开不做限定。
步骤202,响应于检测到触控区域内的触控操作,以第一预设样式在触控区域内显示目标对象。
在一些实施例中,上述执行主体可以检测触控区域内的触控操作。根据实际需要,触控操作可以是各种操作,包括但不限于:点击、滑动、双击、拖动等等。可以通过操作系统提供的接口以及一些应用程序开发工具所提供的函数等方式检测触控操作。响应于检测到触控区域内的触控操作,以第一预设样式在触控区域内显示目标对象。根据实际需要,第一预设样式可以是区别于此前目标对象的显示样式的任意样式。作为示例,如图4所示,当显示的目标对象为进度条时,第一预设样式可以是更加醒目的显示样式,例如,可以是线条更粗,并且具有拖动块的样式。
在一些可选的实现方式中,目标对象为进度条;以及方法还包括:响应于检测到触控区域内的滑动操作,且滑动距离大于预设阈值,基于当前滑动接触点的位置信息更新进度条当前的进度。
本公开的一些实施例提供的目标对象显示方法,通过显示与触控区域相邻的非触控区域,且非触控区域不响应预设的触控操作,从而可以实现避免用户触发不相关的功能或效果,提高操作准确性。此外,通过以第一预设样式显示目标对象,可以有效与其他样式的目标对象进行区分,从而对用户进行有效提示,增强操作时的互动性。
进一步参考图3,其示出了根据本公开的目标对象显示方法的另一些实施例的流程300。该目标对象显示方法,包括:
步骤301,显示页面,页面中包括触控区域以及与触控区域相邻的至少一个非触控区域。其中,触控区域可以用于显示进度条。
步骤302,响应于检测到触控区域内的触控操作,以第一预设样式在触控区域内显示目标对象。
在一些实施例中,步骤301-302的具体实现及其所带来的技术效果可以参考图2对应的那些实施例,在此不再赘述。
步骤303,响应于检测到触控区域内的触控操作,将页面内的目标元素进行隐藏。
在一些实施例中,响应于检测到触控区域内的触控操作,上述执行主体可以将页面内的目标元素进行隐藏。其中,页面中的元素可以包括页面中的、触控区域和非触控区域之外的区域所显示的元素,包括但不限于:顶部导航栏、页面侧边栏、评论框等等内容。实践中,作为示例,这些元素可以通过交互控件实现。通过将目标元素进行隐藏,可以进一步对用户进行有效提示,增强操作时的互动性。
步骤304,响应于检测到触控区域内的滑动操作,且滑动距离大于预设阈值,基于当前滑动接触点的位置信息更新进度条当前的进度。
在一些实施例中,当目标对象为进度条时,目标对象显示方法的执行主体响应于检测到触控区域内的滑动操作,且滑动距离大于预设阈值,可以基于当前滑动接触点的位置信息更新进度条当前的进度。
由于用户误触时,滑动距离一般比较小。通过将滑动距离与预设阈值进行比较,可以避免用户误触(例如动作比较大的点击操作)时,不必要的视频进度调整。此外,与基于滑动距离更新当前进度的方式相比,基于当前滑动接触点的位置信息更新方式可以使视频进度调整更精确,并且在整个进度条范围内均可以实现视频进度调整。
其中,当前滑动点的位置信息可以用于表示手指等触控媒介与屏幕的接触点的位置。作为示例,可以将当前进度更新为当前接触点的横坐标对应的进度。
在一些可选的实现方式中,响应于检测到滑动操作结束,可以显示目标元素以及以第二预设样式在触控区域内显示目标对象。
在这些实现方式中,第二预设样式可以是与第一预设样式不同的样式。作为示例,第二预设样式可以是在进度调整之前,进度条的显示样式。当然,根据实际需要,第二预设样式也是是与之前的进度条的显示样式不同的显示样式。由此,可以对滑动进度调整结束进行有效提示,进一步增强操作互动性。作为示例,如图7所示,第二预设样式可以是与背景融合性更强,存在感较弱的样式。例如,可以是进度条细、没有滑动块、只有边线的显示样式。
在一些可选的实现方式中,页面中包括视频播放区域;上述方法还可以包括:响应于检测到视频播放区域内的预设操作,以第一预设样式在触控区域内显示目标对象。其中,通过检测视频播放区域内的预设操作,可以兼顾用户的使用习惯,有效识别用户意图,增强使用便捷性。
在一些可选的实现方式中,页面中还包括标签页切换控件,进度条的优先级别高于标签页切换控件。从而实现优先响应针对进度条的操作,使得进度调整更为准确和快捷。
进一步参考图5,作为对上述各图所示方法的实现,本公开提供了一种目标对象显示装置的一些实施例,这些装置实施例与图2所示的那些方法实施例相对应,该装置具体可以应用于各种电子设备中。
如图5所示,一些实施例的目标对象显示装置500包括:显示单元501。其中,显示单元501被配置成显示页面,页面中包括触控区域以及与触控区域相邻的至少一个非触控区域,其中,至少一个非触控区域不响应预设的触控操作,触控区域用于显示目标对象。进一步的,显示单元501还被配置成响应于检测到触控区域内的触控操作,以第一预设样式在触控区域内显示目标对象。
在一些实施例中,网页生成装置500中的第一显示单元501的具体实现及其所带来的技术效果可以参考图2对应的实施例,在此不再赘述。
在一些可选的实现方式中,装置500还包括:元素隐藏单元(图中未示出)。其中,元素隐藏单元被配置成响应于检测到触控区域内的触控操作,将页面内的目标元素进行隐藏。
在一些可选的实现方式中,目标对象为进度条;以及装置500还包括:更新单元(图中未示出)。其中,更新单元被配置成响应于检测到触控区域内的滑动操作,且滑动距离大于预设阈值,基于当前滑动接触点的位置信息更新进度条当前的进度。
在一些可选的实现方式中,页面中包括视频播放区域,以及显示单元501进一步被配置成响应于检测到视频播放区域内的预设操作,以第一预设样式在触控区域内显示目标对象。
在一些可选的实现方式中,页面中还包括标签页切换控件,进度条的优先级别高于标签页切换控件。
在一些实施例中,通过显示与触控区域相邻的非触控区域,且非触控区域不响应预设的触控操作,从而可以实现避免用户触发不相关的功能或效果,提高操作准确性。此外,通过以第一预设样式显示目标对象,可以有效与其他样式的目标对象进行区分,从而对用户进行有效提示,增强操作时的互动性。
下面参考图6,其示出了适于用来实现本公开的一些实施例的电子设备600的结构示意图。本公开的一些实施例中的终端设备可以包括但不限于诸如移动电话、笔记本电脑、数字广播接收器、PDA(个人数字助理)、PAD(平板电脑)、PMP(便携式多媒体播放器)、车载终端(例如车载导航终端)等等的移动终端以及诸如数字TV、台式计算机等等的固定终端。图6示出的终端设备仅仅是一个示例,不应对本公开的实施例的功能和使用范围带来任何限制。
如图6所示,电子设备600可以包括处理装置(例如中央处理器、图形处理器等)601,其可以根据存储在只读存储器(ROM)602中的程序或者从存储装置608加载到随机访问存储器(RAM)603中的程序而执行各种适当的动作和处理。在RAM 603中,还存储有电子设备600操作所需的各种程序和数据。处理装置601、ROM 602以及RAM 603通过总线604彼此相连。输入/输出(I/O)接口605也连接至总线604。
通常,以下装置可以连接至I/O接口605:包括例如触摸屏、触摸板、键盘、鼠标、摄像头、麦克风、加速度计、陀螺仪等的输入装置606;包括例如液晶显示器(LCD)、扬声器、振动器等的输出装置607;包括例如存储卡等的存储装置608;以及通信装置609。通信装置609可以允许电子设备600与其他设备进行无线或有线通信以交换数据。虽然图6示出了具有各种装置的电子设备600,但是应理解的是,并不要求实施或具备所有示出的装置。可以替代地实施或具备更多或更少的装置。图6中示出的每个方框可以代表一个装置,也可以根据需要代表多个装置。
特别地,根据本公开的一些实施例,上文参考流程图描述的过程可以被实现为计算机软件程序。例如,本公开的一些实施例包括一种计算机程序产品,其包括承载在计算机可读介质上的计算机程序,该计算机程序包含用于执行流程图所示的方法的程序代码。在这样的一些实施例中,该计算机程序可以通过通信装置609从网络上被下载和安装,或者从存储装置608被安装,或者从ROM 602被安装。在该计算机程序被处理装置601执行时,执行本公开的一些实施例的方法中限定的上述功能。
需要说明的是,本公开的一些实施例所述的计算机可读介质可以是计算机可读信号介质或者计算机可读存储介质或者是上述两者的任意组合。计算机可读存储介质例如可以是——但不限于——电、磁、光、电磁、红外线、或半导体的系统、装置或器件,或者任意以上的组合。计算机可读存储介质的更具体的例子可以包括但不限于:具有一个或多个导线的电连接、便携式计算机磁盘、硬盘、随机访问存储器(RAM)、只读存储器(ROM)、可擦式可编程只读存储器(EPROM或闪存)、光纤、便携式紧凑磁盘只读存储器(CD-ROM)、光存储器件、磁存储器件、或者上述的任意合适的组合。在本公开的一些实施例中,计算机可读存储介质可以是任何包含或存储程序的有形介质,该程序可以被指令执行系统、装置或者器件使用或者与其结合使用。而在本公开的一些实施例中,计算机可读信号介质可以包括在基带中或者作为载波一部分传播的数据信号,其中承载了计算机可读的程序代码。这种传播的数据信号可以采用多种形式,包括但不限于电磁信号、光信号或上述的任意合适的组合。计算机可读信号介质还可以是计算机可读存储介质以外的任何计算机可读介质,该计算机可读信号介质可以发送、传播或者传输用于由指令执行系统、装置或者器件使用或者与其结合使用的程序。计算机可读介质上包含的程序代码可以用任何适当的介质传输,包括但不限于:电线、光缆、RF(射频)等等,或者上述的任意合适的组合。
在一些实施方式中,客户端、服务器可以利用诸如HTTP(HyperText TransferProtocol,超文本传输协议)之类的任何当前已知或未来研发的网络协议进行通信,并且可以与任意形式或介质的数字数据通信(例如,通信网络)互连。通信网络的示例包括局域网(“LAN”),广域网(“WAN”),网际网(例如,互联网)以及端对端网络(例如,ad hoc端对端网络),以及任何当前已知或未来研发的网络。
上述计算机可读介质可以是上述电子设备中所包含的;也可以是单独存在,而未装配入该电子设备中。上述计算机可读介质承载有一个或者多个程序,当上述一个或者多个程序被该电子设备执行时,使得该电子设备:显示页面,页面中包括触控区域以及与触控区域相邻的至少一个非触控区域,其中,至少一个非触控区域不响应预设的触控操作,触控区域用于显示目标对象;响应于检测到触控区域内的触控操作,以第一预设样式在触控区域内显示目标对象。
可以以一种或多种程序设计语言或其组合来编写用于执行本公开的一些实施例的操作的计算机程序代码,所述程序设计语言包括面向对象的程序设计语言—诸如Java、Smalltalk、C++,还包括常规的过程式程序设计语言—诸如“C”语言或类似的程序设计语言。程序代码可以完全地在用户计算机上执行、部分地在用户计算机上执行、作为一个独立的软件包执行、部分在用户计算机上部分在远程计算机上执行、或者完全在远程计算机或服务器上执行。在涉及远程计算机的情形中,远程计算机可以通过任意种类的网络——包括局域网(LAN)或广域网(WAN)——连接到用户计算机,或者,可以连接到外部计算机(例如利用因特网服务提供商来通过因特网连接)。
附图中的流程图和框图,图示了按照本公开各种实施例的系统、方法和计算机程序产品的可能实现的体系架构、功能和操作。在这点上,流程图或框图中的每个方框可以代表一个模块、程序段、或代码的一部分,该模块、程序段、或代码的一部分包含一个或多个用于实现规定的逻辑功能的可执行指令。也应当注意,在有些作为替换的实现中,方框中所标注的功能也可以以不同于附图中所标注的顺序发生。例如,两个接连地表示的方框实际上可以基本并行地执行,它们有时也可以按相反的顺序执行,这依所涉及的功能而定。也要注意的是,框图和/或流程图中的每个方框、以及框图和/或流程图中的方框的组合,可以用执行规定的功能或操作的专用的基于硬件的系统来实现,或者可以用专用硬件与计算机指令的组合来实现。
描述于本公开的一些实施例中的单元可以通过软件的方式实现,也可以通过硬件的方式来实现。所描述的单元也可以设置在处理器中,例如,可以描述为:一种处理器包括显示单元。其中,这些单元的名称在某种情况下并不构成对该单元本身的限定,例如,接收单元还可以被描述为“显示页面的单元”。
本文中以上描述的功能可以至少部分地由一个或多个硬件逻辑部件来执行。例如,非限制性地,可以使用的示范类型的硬件逻辑部件包括:现场可编程门阵列(FPGA)、专用集成电路(ASIC)、专用标准产品(ASSP)、片上系统(SOC)、复杂可编程逻辑设备(CPLD)等等。
根据本公开的一个或多个实施例,提供了一种目标对象显示方法,包括:显示页面,页面中包括触控区域以及与触控区域相邻的至少一个非触控区域,其中,至少一个非触控区域不响应预设的触控操作,触控区域用于显示目标对象;响应于检测到触控区域内的触控操作,以第一预设样式在触控区域内显示目标对象。
根据本公开的一个或多个实施例,上述方法还包括:响应于检测到触控区域内的触控操作,将页面内的目标元素进行隐藏。
根据本公开的一个或多个实施例,目标对象为进度条;以及方法还包括:响应于检测到触控区域内的滑动操作,且滑动距离大于预设阈值,基于当前滑动接触点的位置信息更新进度条当前的进度。
根据本公开的一个或多个实施例,页面中包括视频播放区域;以及方法还包括:响应于检测到视频播放区域内的预设操作,以第一预设样式在触控区域内显示目标对象。
根据本公开的一个或多个实施例,页面中还包括标签页切换控件,进度条的优先级别高于标签页切换控件。
根据本公开的一个或多个实施例,提供了一种目标对象显示装置,包括:显示单元,被配置成显示页面,页面中包括触控区域以及与触控区域相邻的至少一个非触控区域,其中,至少一个非触控区域不响应预设的触控操作,触控区域用于显示目标对象;显示单元进一步被配置成响应于检测到触控区域内的触控操作,以第一预设样式在触控区域内显示目标对象。
根据本公开的一个或多个实施例,装置还包括:元素隐藏单元,被配置成响应于检测到触控区域内的触控操作,将页面内的目标元素进行隐藏。
根据本公开的一个或多个实施例,目标对象为进度条;以及装置还包括:更新单元,被配置成响应于检测到触控区域内的滑动操作,且滑动距离大于预设阈值,基于当前滑动接触点的位置信息更新进度条当前的进度。
根据本公开的一个或多个实施例,页面中包括视频播放区域;以及显示单元进一步被配置成响应于检测到视频播放区域内的预设操作,以第一预设样式在触控区域内显示目标对象。
根据本公开的一个或多个实施例,页面中还包括标签页切换控件,进度条的优先级别高于标签页切换控件。
根据本公开的一个或多个实施例,提供了一种电子设备,包括:一个或多个处理器;存储装置,其上存储有一个或多个程序,当一个或多个程序被一个或多个处理器执行,使得一个或多个处理器实现如上述任一实施例描述的方法。
根据本公开的一个或多个实施例,提供了一种计算机可读介质,其上存储有计算机程序,其中,程序被处理器执行时实现如上述任一实施例描述的方法。
以上描述仅为本公开的一些较佳实施例以及对所运用技术原理的说明。本领域技术人员应当理解,本公开的实施例中所涉及的发明范围,并不限于上述技术特征的特定组合而成的技术方案,同时也应涵盖在不脱离上述发明构思的情况下,由上述技术特征或其等同特征进行任意组合而形成的其它技术方案。例如上述特征与本公开的实施例中公开的(但不限于)具有类似功能的技术特征进行互相替换而形成的技术方案。