CN110865734B - 目标对象显示方法、装置、电子设备和计算机可读介质 - Google Patents

目标对象显示方法、装置、电子设备和计算机可读介质 Download PDF

Info

Publication number
CN110865734B
CN110865734B CN201911105281.6A CN201911105281A CN110865734B CN 110865734 B CN110865734 B CN 110865734B CN 201911105281 A CN201911105281 A CN 201911105281A CN 110865734 B CN110865734 B CN 110865734B
Authority
CN
China
Prior art keywords
touch area
touch
target object
area
page
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
CN201911105281.6A
Other languages
English (en)
Other versions
CN110865734A (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.)
Douyin Vision Co Ltd
Douyin Vision Beijing Co Ltd
Original Assignee
Beijing ByteDance Network Technology 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 Beijing ByteDance Network Technology Co Ltd filed Critical Beijing ByteDance Network Technology Co Ltd
Priority to CN201911105281.6A priority Critical patent/CN110865734B/zh
Publication of CN110865734A publication Critical patent/CN110865734A/zh
Priority to PCT/CN2020/127257 priority patent/WO2021093688A1/zh
Priority to EP20886600.4A priority patent/EP4044008A4/en
Priority to US17/776,321 priority patent/US20220398011A1/en
Priority to JP2022527806A priority patent/JP7402330B2/ja
Priority to US17/743,793 priority patent/US20220374144A1/en
Application granted granted Critical
Publication of CN110865734B publication Critical patent/CN110865734B/zh
Priority to US18/302,752 priority patent/US20230251777A1/en
Active legal-status Critical Current
Anticipated expiration legal-status Critical

Links

Images

Classifications

    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input 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/01—Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/03—Arrangements for converting the position or the displacement of a member into a coded form
    • G06F3/041—Digitisers, e.g. for touch screens or touch pads, characterised by the transducing means
    • G06F3/0416—Control or interface arrangements specially adapted for digitisers
    • G06F3/0418—Control or interface arrangements specially adapted for digitisers for error correction or compensation, e.g. based on parallax, calibration or alignment
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input 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/01—Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0484—Interaction 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/04847—Interaction techniques to control parameter settings, e.g. interaction with sliders or dials
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input 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/01—Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0487—Interaction 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/0488—Interaction 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/04886—Interaction 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 by partitioning the display area of the touch-screen or the surface of the digitising tablet into independently controllable areas, e.g. virtual keyboards or menus
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input 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/01—Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0481—Interaction 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/0483—Interaction with page-structured environments, e.g. book metaphor
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input 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/01—Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0484—Interaction 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/04842—Selection of displayed objects or displayed text elements
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input 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/01—Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0487—Interaction 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/0488—Interaction 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
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input 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/01—Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0487—Interaction 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/0488—Interaction 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/04883—Interaction 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

Abstract

本公开的实施例公开了目标对象显示方法、装置、电子设备和计算机可读介质。该方法的一具体实施方式包括：显示页面，页面中包括触控区域以及与触控区域相邻的至少一个非触控区域，其中，至少一个非触控区域不响应预设的触控操作，触控区域用于显示目标对象；响应于检测到触控区域内的触控操作，以第一预设样式在触控区域内显示目标对象。该实施方式实现了避免用户触发不相关的功能或效果，提高操作准确性以及增强操作时的互动性。

Description

目标对象显示方法、装置、电子设备和计算机可读介质
技术领域
本公开的实施例涉及计算机技术领域，具体涉及目标对象显示方法、装置、电子设备和计算机可读介质。
背景技术
电子设备的不断普及，极大地便利了人们的生活。人们可以通过以智能手机为代表的各种电子设备进行电影播放、音乐播放、观看直播等等各项娱乐活动。
发明内容
本发明内容部分用于以简要的形式介绍构思，这些构思将在后面的具体实施方式部分被详细描述。本发明内容部分并不旨在标识要求保护的技术方案的关键特征或必要特征，也不旨在用于限制所要求的保护的技术方案的范围。
本公开的一些实施例提出了目标对象显示方法、装置、电子设备和计算机可读介质。
第一方面，本公开的一些实施例提供了一种目标对象显示方法，该方法包括：显示页面，页面中包括触控区域以及与触控区域相邻的至少一个非触控区域，其中，至少一个非触控区域不响应预设的触控操作，触控区域用于显示目标对象；响应于检测到触控区域内的触控操作，以第一预设样式在触控区域内显示目标对象。
第二方面，本公开的一些实施例提供了一种目标对象显示装置，装置包括：显示单元，被配置成显示页面，页面中包括触控区域以及与触控区域相邻的至少一个非触控区域，其中，至少一个非触控区域不响应预设的触控操作，触控区域用于显示目标对象；显示单元进一步被配置成响应于检测到触控区域内的触控操作，以第一预设样式在触控区域内显示目标对象。
第三方面，本公开的一些实施例提供了一种电子设备，包括：一个或多个处理器；存储装置，其上存储有一个或多个程序，当一个或多个程序被一个或多个处理器执行，使得一个或多个处理器实现如第一方面中任一实现方式描述的方法。
第四方面，本公开的一些实施例提供了一种计算机可读介质，其上存储有计算机程序，其中，程序被处理器执行时实现如第一方面中任一实现方式描述的方法。
本公开的一些实施例提供的目标对象显示方法、装置、电子设备和计算机可读介质，可以显示页面，页面中包括触控区域和非触控区域。实践中，当用户在触控区域进行操作时，有可能误触到附近的区域，导致触发不相关的功能或效果。而本公开的一些实施例中，通过设置与触控区域相邻的非触控区域，且非触控区域不响应预设的触控操作，从而可以实现避免用户触发不相关的功能或效果，提高操作准确性。此外，通过以第一预设样式显示目标对象，可以有效与其他样式的目标对象进行区分，从而对用户进行有效提示，增强操作时的互动性。
附图说明
结合附图并参考以下具体实施方式，本公开各实施例的上述和其他特征、优点及方面将变得更加明显。贯穿附图中，相同或相似的附图标记表示相同或相似的元素。应当理解附图是示意性的，原件和元素不一定按照比例绘制。
图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)等等。
根据本公开的一个或多个实施例，提供了一种目标对象显示方法，包括：显示页面，页面中包括触控区域以及与触控区域相邻的至少一个非触控区域，其中，至少一个非触控区域不响应预设的触控操作，触控区域用于显示目标对象；响应于检测到触控区域内的触控操作，以第一预设样式在触控区域内显示目标对象。
根据本公开的一个或多个实施例，上述方法还包括：响应于检测到触控区域内的触控操作，将页面内的目标元素进行隐藏。
根据本公开的一个或多个实施例，目标对象为进度条；以及方法还包括：响应于检测到触控区域内的滑动操作，且滑动距离大于预设阈值，基于当前滑动接触点的位置信息更新进度条当前的进度。
根据本公开的一个或多个实施例，页面中包括视频播放区域；以及方法还包括：响应于检测到视频播放区域内的预设操作，以第一预设样式在触控区域内显示目标对象。
根据本公开的一个或多个实施例，页面中还包括标签页切换控件，进度条的优先级别高于标签页切换控件。
根据本公开的一个或多个实施例，提供了一种目标对象显示装置，包括：显示单元，被配置成显示页面，页面中包括触控区域以及与触控区域相邻的至少一个非触控区域，其中，至少一个非触控区域不响应预设的触控操作，触控区域用于显示目标对象；显示单元进一步被配置成响应于检测到触控区域内的触控操作，以第一预设样式在触控区域内显示目标对象。
根据本公开的一个或多个实施例，装置还包括：元素隐藏单元，被配置成响应于检测到触控区域内的触控操作，将页面内的目标元素进行隐藏。
根据本公开的一个或多个实施例，目标对象为进度条；以及装置还包括：更新单元，被配置成响应于检测到触控区域内的滑动操作，且滑动距离大于预设阈值，基于当前滑动接触点的位置信息更新进度条当前的进度。
根据本公开的一个或多个实施例，页面中包括视频播放区域；以及显示单元进一步被配置成响应于检测到视频播放区域内的预设操作，以第一预设样式在触控区域内显示目标对象。
根据本公开的一个或多个实施例，页面中还包括标签页切换控件，进度条的优先级别高于标签页切换控件。
根据本公开的一个或多个实施例，提供了一种电子设备，包括：一个或多个处理器；存储装置，其上存储有一个或多个程序，当一个或多个程序被一个或多个处理器执行，使得一个或多个处理器实现如上述任一实施例描述的方法。
根据本公开的一个或多个实施例，提供了一种计算机可读介质，其上存储有计算机程序，其中，程序被处理器执行时实现如上述任一实施例描述的方法。
以上描述仅为本公开的一些较佳实施例以及对所运用技术原理的说明。本领域技术人员应当理解，本公开的实施例中所涉及的发明范围，并不限于上述技术特征的特定组合而成的技术方案，同时也应涵盖在不脱离上述发明构思的情况下，由上述技术特征或其等同特征进行任意组合而形成的其它技术方案。例如上述特征与本公开的实施例中公开的(但不限于)具有类似功能的技术特征进行互相替换而形成的技术方案。

Claims (8)

1.一种目标对象显示方法，包括：
显示视频播放页面，所述视频播放页面中包括触控区域以及与所述触控区域相邻的至少一个非触控区域，其中，所述至少一个非触控区域不响应预设的触控操作，所述触控区域用于显示目标对象，在所述视频播放页面中，所述触控区域附近的区域用于响应与所述触控区域的功能不相关的功能，所述至少一个非触控区域用于拦截触控操作，以避免触发不相关的功能；
响应于检测到所述触控区域内的触控操作，以第一预设样式在所述触控区域内显示所述目标对象；
其中，所述目标对象为进度条；以及
所述方法还包括：
响应于检测到所述触控区域内的滑动操作，且滑动距离大于预设阈值，基于当前滑动接触点的位置信息更新进度条当前的进度；
其中，所述页面中还包括标签页切换控件，所述进度条的优先级别高于所述标签页切换控件。
2.根据权利要求1所述的方法，其中，所述方法还包括：
响应于检测到所述触控区域内的触控操作，将所述页面内的目标元素进行隐藏。
3.根据权利要求1所述的方法，其中，所述页面中包括视频播放区域；以及
所述方法还包括：
响应于检测到所述视频播放区域内的预设操作，以第一预设样式在所述触控区域内显示目标对象。
4.一种目标对象显示装置，包括：
显示单元，被配置成显示视频播放页面，所述视频播放页面中包括触控区域以及与所述触控区域相邻的至少一个非触控区域，其中，所述至少一个非触控区域不响应预设的触控操作，所述触控区域用于显示目标对象，在所述视频播放页面中，所述触控区域附近的区域用于响应与所述触控区域的功能不相关的功能，所述至少一个非触控区域用于拦截触控操作，以避免触发不相关的功能；
所述显示单元进一步被配置成响应于检测到所述触控区域内的触控操作，以第一预设样式在所述触控区域内显示目标对象；
其中，所述目标对象为进度条；以及
所述装置还包括：
更新单元，被配置成响应于检测到所述触控区域内的滑动操作，且滑动距离大于预设阈值，基于当前滑动接触点的位置信息更新进度条当前的进度；
其中，所述页面中还包括标签页切换控件，所述进度条的优先级别高于所述标签页切换控件。
5.根据权利要求4所述的装置，其中，所述装置还包括：
元素隐藏单元，被配置成响应于检测到所述触控区域内的触控操作，将所述页面内的目标元素进行隐藏。
6.根据权利要求4所述的装置，其中，所述页面中包括视频播放区域；以及
所述显示单元进一步被配置成响应于检测到所述视频播放区域内的预设操作，以第一预设样式在所述触控区域内显示目标对象。
7.一种电子设备，包括：
一个或多个处理器；
存储装置，其上存储有一个或多个程序；
当所述一个或多个程序被所述一个或多个处理器执行，使得所述一个或多个处理器实现如权利要求1-3中任一所述的方法。
8.一种计算机可读介质，其上存储有计算机程序，其中，所述程序被处理器执行时实现如权利要求1-3中任一所述的方法。
CN201911105281.6A 2019-11-13 2019-11-13 目标对象显示方法、装置、电子设备和计算机可读介质 Active CN110865734B (zh)

Priority Applications (7)

Application Number Priority Date Filing Date Title
CN201911105281.6A CN110865734B (zh) 2019-11-13 2019-11-13 目标对象显示方法、装置、电子设备和计算机可读介质
PCT/CN2020/127257 WO2021093688A1 (zh) 2019-11-13 2020-11-06 目标对象显示方法、装置、电子设备和计算机可读介质
EP20886600.4A EP4044008A4 (en) 2019-11-13 2020-11-06 METHOD AND APPARATUS FOR DISPLAYING TARGET OBJECTS, ELECTRONIC DEVICE AND COMPUTER READABLE MEDIA
US17/776,321 US20220398011A1 (en) 2019-11-13 2020-11-06 Target object display method and apparatus, electronic device and non-transitory computer-readable medium
JP2022527806A JP7402330B2 (ja) 2019-11-13 2020-11-06 目標対象表示方法、装置、電子機器、及びコンピュータ読み取り可能な媒体
US17/743,793 US20220374144A1 (en) 2019-11-13 2022-05-13 Target object display method and apparatus, electronic device and non-transitory computer-readable medium
US18/302,752 US20230251777A1 (en) 2019-11-13 2023-04-18 Target object display method and apparatus, electronic device and non-transitory computer-readable medium

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN201911105281.6A CN110865734B (zh) 2019-11-13 2019-11-13 目标对象显示方法、装置、电子设备和计算机可读介质

Publications (2)

Publication Number Publication Date
CN110865734A CN110865734A (zh) 2020-03-06
CN110865734B true CN110865734B (zh) 2022-10-25

Family

ID=69654314

Family Applications (1)

Application Number Title Priority Date Filing Date
CN201911105281.6A Active CN110865734B (zh) 2019-11-13 2019-11-13 目标对象显示方法、装置、电子设备和计算机可读介质

Country Status (5)

Country Link
US (1) US20220398011A1 (zh)
EP (1) EP4044008A4 (zh)
JP (1) JP7402330B2 (zh)
CN (1) CN110865734B (zh)
WO (1) WO2021093688A1 (zh)

Families Citing this family (3)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN110865734B (zh) * 2019-11-13 2022-10-25 北京字节跳动网络技术有限公司 目标对象显示方法、装置、电子设备和计算机可读介质
CN115237287A (zh) * 2021-04-23 2022-10-25 北京字跳网络技术有限公司 一种信息显示方法、装置、电子设备和介质
CN113609419B (zh) * 2021-08-04 2024-02-23 北京城市网邻信息技术有限公司 信息展示方法、装置、电子设备和计算机可读介质

Family Cites Families (23)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
JP2008145170A (ja) 2006-12-07 2008-06-26 Xanavi Informatics Corp 車載用表示装置
KR101503714B1 (ko) * 2008-02-05 2015-03-20 삼성전자주식회사 Ｇｕｉ 제공방법 및 이를 적용한 멀티미디어 기기
US8689128B2 (en) * 2009-03-16 2014-04-01 Apple Inc. Device, method, and graphical user interface for moving a current position in content at a variable scrubbing rate
US8347232B1 (en) * 2009-07-10 2013-01-01 Lexcycle, Inc Interactive user interface
US8723823B2 (en) * 2011-02-07 2014-05-13 Qualcomm Incorporated System and method for providing notifications on a mobile computing device
JP5811603B2 (ja) 2011-06-07 2015-11-11 ソニー株式会社 情報処理端末および方法、プログラム、並びに記録媒体
CN103019419B (zh) * 2011-09-20 2016-03-30 联想(北京)有限公司 电子设备及其触控区域调节方法
US20130254661A1 (en) * 2012-03-22 2013-09-26 Htc Corporation Systems and methods for providing access to media content
CN103513911B (zh) * 2012-06-29 2018-07-06 联想(北京)有限公司 一种信息处理方法及电子设备
CN103197886B (zh) * 2013-03-13 2015-12-09 小米科技有限责任公司 视频切换的方法及终端
WO2014194527A1 (zh) * 2013-06-08 2014-12-11 华为终端有限公司 一种多媒体浏览进度控制的方法及终端
JP2015153347A (ja) 2014-02-19 2015-08-24 アルパイン株式会社 情報処理装置及びコンピュータプログラム
US9910581B2 (en) * 2014-04-29 2018-03-06 Brit Media, Inc. Video scrolling
US20170046058A1 (en) * 2015-08-10 2017-02-16 Apple Inc. Devices, Methods, and Graphical User Interfaces for Adjusting User Interface Objects
CN105892842A (zh) * 2015-12-14 2016-08-24 乐视移动智能信息技术（北京）有限公司 屏幕触控方法及装置
CN105824531B (zh) * 2016-03-15 2019-05-17 网易（杭州）网络有限公司 数值调整方法及装置
CN106708321B (zh) * 2016-12-28 2020-01-24 深圳市中海光电科技有限公司 一种触摸屏触控方法、装置及终端
JP6857044B2 (ja) 2017-02-13 2021-04-14 キヤノン株式会社 表示制御装置、その制御方法、プログラム及び記録媒体
CN107291797B (zh) * 2017-05-08 2019-05-03 北京字节跳动科技有限公司 一种基于页面内容的信息搜索方法
CN107390929A (zh) * 2017-07-24 2017-11-24 北京小米移动软件有限公司 触控系统的控制方法、装置及存储介质
CN109885233B (zh) * 2019-02-21 2021-04-13 Oppo广东移动通信有限公司 屏幕内容识别方法、装置、电子设备及存储介质
CN110244949B (zh) * 2019-05-06 2023-09-05 创新先进技术有限公司 一种页面信息展示方法及装置
CN110865734B (zh) * 2019-11-13 2022-10-25 北京字节跳动网络技术有限公司 目标对象显示方法、装置、电子设备和计算机可读介质

Also Published As

Publication number Publication date
JP2023502610A (ja) 2023-01-25
EP4044008A4 (en) 2022-12-21
CN110865734A (zh) 2020-03-06
WO2021093688A1 (zh) 2021-05-20
EP4044008A1 (en) 2022-08-17
US20220398011A1 (en) 2022-12-15
JP7402330B2 (ja) 2023-12-20

Similar Documents

Publication Publication Date Title
CN112433654B (zh) 页面展示方法、装置、电子设备和计算机可读介质
CN104007894B (zh) 便携式设备及其多应用操作方法
CN110865734B (zh) 目标对象显示方法、装置、电子设备和计算机可读介质
KR20220127872A (ko) 비디오 재생 방법, 장치, 전자기기 및 컴퓨터 판독 가능 매체
CN112015314B (zh) 信息展示方法、装置、电子设备和介质
CN106843791A (zh) 分屏显示方法及装置
WO2021114979A1 (zh) 视频页面显示方法、装置、电子设备和计算机可读介质
CN111190520A (zh) 菜单项选择方法、装置、可读介质及电子设备
US11809690B2 (en) Human-computer interaction method and apparatus, and electronic device
CN111459364A (zh) 图标更新方法、装置和电子设备
CN113254136A (zh) 信息推荐弹窗展示方法、装置、设备和计算机可读介质
CN114363686B (zh) 多媒体内容的发布方法、装置、设备和介质
CN113157359A (zh) 交互方法、装置、电子设备及计算机可读存储介质
CN110389809B (zh) 用于显示信息的方法和设备
US20230251777A1 (en) Target object display method and apparatus, electronic device and non-transitory computer-readable medium
CN111723309A (zh) 用于网页搜索的方法和装置
CN111273847B (zh) 一种页面处理方法、装置、电子设备及存储介质
WO2022095932A1 (zh) 直播间页面跳转方法、返回方法、装置及电子设备
CN113609419A (zh) 信息展示方法、装置、电子设备和计算机可读介质
CN111274513B (zh) 窗口显示方法、装置、终端及存储介质
CN112148417A (zh) 页面调整方法、装置、电子设备和计算机可读介质
CN112764629A (zh) 增强现实界面展示方法、装置、设备和计算机可读介质
CN112099722A (zh) 业务信息的展示方法、装置、设备和计算机可读介质
CN111291090A (zh) 基于时间控件获取时间段的方法、装置、电子设备及介质
CN113286038B (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
CP01 Change in the name or title of a patent holder
CP01 Change in the name or title of a patent holder

Address after: 100041 B-0035, 2 floor, 3 building, 30 Shixing street, Shijingshan District, Beijing.

Patentee after: Tiktok vision (Beijing) Co.,Ltd.

Address before: 100041 B-0035, 2 floor, 3 building, 30 Shixing street, Shijingshan District, Beijing.

Patentee before: BEIJING BYTEDANCE NETWORK TECHNOLOGY Co.,Ltd.

Address after: 100041 B-0035, 2 floor, 3 building, 30 Shixing street, Shijingshan District, Beijing.

Patentee after: Douyin Vision Co.,Ltd.

Address before: 100041 B-0035, 2 floor, 3 building, 30 Shixing street, Shijingshan District, Beijing.

Patentee before: Tiktok vision (Beijing) Co.,Ltd.