CN114518832A - 触控终端的显示控制方法、装置及电子设备 - Google Patents
触控终端的显示控制方法、装置及电子设备 Download PDFInfo
- Publication number
- CN114518832A CN114518832A CN202210136977.0A CN202210136977A CN114518832A CN 114518832 A CN114518832 A CN 114518832A CN 202210136977 A CN202210136977 A CN 202210136977A CN 114518832 A CN114518832 A CN 114518832A
- Authority
- CN
- China
- Prior art keywords
- page
- frame object
- sliding operation
- invisible frame
- view
- 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.)
- Granted
Links
- 238000000034 method Methods 0.000 title claims abstract description 74
- 238000012545 processing Methods 0.000 claims abstract description 63
- 230000004044 response Effects 0.000 claims description 24
- 230000000694 effects Effects 0.000 abstract description 15
- 230000003993 interaction Effects 0.000 abstract description 9
- 230000008569 process Effects 0.000 description 18
- 238000010586 diagram Methods 0.000 description 12
- 230000006870 function Effects 0.000 description 8
- 238000004891 communication Methods 0.000 description 4
- 238000005516 engineering process Methods 0.000 description 4
- 238000006073 displacement reaction Methods 0.000 description 3
- 230000000007 visual effect Effects 0.000 description 2
- 238000013459 approach Methods 0.000 description 1
- 230000008859 change Effects 0.000 description 1
- 238000004590 computer program Methods 0.000 description 1
- 230000014509 gene expression Effects 0.000 description 1
- 238000012986 modification Methods 0.000 description 1
- 230000004048 modification Effects 0.000 description 1
- 230000003287 optical effect Effects 0.000 description 1
- 230000002093 peripheral effect Effects 0.000 description 1
- 238000006467 substitution reaction Methods 0.000 description 1
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/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
-
- 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/0485—Scrolling or panning
- G06F3/04855—Interaction with scrollbars
Landscapes
- Engineering & Computer Science (AREA)
- General Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- Human Computer Interaction (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- User Interface Of Digital Computer (AREA)
Abstract
本申请提供了一种触控终端的显示控制方法、装置及电子设备,触控终端在用户进行页面显示操作时,通过配置有隐形框对象的页面承载容器加载并显示第一页面;在用户对设置于显示屏指定侧边且宽度小于第一设定值的隐形框对象所在区域进行第一操作时,将隐形框对象由初始状态切换为覆盖第一页面的目标子视图的延展状态,之后在用户对显示屏进行滑动操作时,按照该滑动操作对第一页面进行处理;在隐形框对象为初始状态且用户对隐形框对象所在区域之外的目标子视图进行第二操作时,对该目标子视图进行处理。本申请可以避免现有触控终端上应用的页面中子视图的滑动操作与整个页面的侧滑操作之间的手势冲突,进而改善触控终端的人机交互效果。
Description
技术领域
本申请涉及触控终端应用技术领域,尤其是涉及一种触控终端的显示控制方法、装置及电子设备。
背景技术
随着触控终端的普及,越来越多的功能可以通过简单的滑动操作完成,比较有代表的手势为iOS系统下的侧滑手势,该侧滑手势的触控点通常从触控终端屏幕的一侧开始,向另一侧移动,可以实现返回上一页面,也可以通过侧滑手势移动当前页面,或者通过侧滑手势关闭当前页面。
而目前触控终端上应用的H5页面通常被专有容器承载,该容器里面可以放文本、图片、音视频等基本的流媒体格式的文件,这些文件通常以视图的方式呈现在H5页面中。根据实际应用的需要,H5页面中可能存在一些可滑动的视图,如果H5页面中存在可滑动的视图,针对该视图的滑动操作与针对整个页面的侧滑手势间会存在冲突。
针对上述冲突,需要关闭上述侧滑手势对应的功能,导致使用不便捷。如果不关闭侧滑手势对应的功能,则可能出现侧滑手势对应的动画效果与H5页面的可滑动视图对应的滑动效果同时呈现,视觉呈现效果与用户滑动操作的意愿不匹配,人机交互效果较差。
发明内容
本申请的目的在于提供一种触控终端的显示控制方法、装置及电子设备,以避免现有触控终端上应用的页面中子视图的滑动操作与整个页面的侧滑操作之间的手势冲突,进而改善触控终端的人机交互效果。
第一方面,本申请实施例提供一种触控终端的显示控制方法,所述方法包括:响应于针对所述触控终端的页面显示操作,通过页面承载容器加载并显示第一页面;其中,所述页面承载容器配置有隐形框对象,所述隐形框对象以初始状态设置在所述触控终端的显示屏的指定侧边,初始状态的所述隐形框对象的第一宽度小于第一设定值;在所述隐形框对象为初始状态下,响应作用于所述隐形框对象所在区域的第一操作,将所述隐形框对象由所述初始状态切换为延展状态;其中,延展状态的所述隐形框对象覆盖所述第一页面的目标子视图;在所述隐形框对象为初始状态下,响应作用于所述隐形框对象所在区域之外的所述目标子视图上的第二操作,对所述目标子视图进行处理;在所述隐形框对象为延展状态下,响应作用于所述显示屏上的滑动操作,按照所述滑动操作对所述第一页面进行处理。
结合第一方面,本申请实施例提供第一方面的第一种可能的实施方式,其中,按照所述滑动操作对所述第一页面进行处理的步骤,包括:按照所述滑动操作的触控点移动轨迹对应的移动方式,在所述触控终端提供的图形用户界面中移动所述第一页面。
结合第一方面,本申请实施例提供第一方面的第二种可能的实施方式,其中,按照所述滑动操作的触控点移动轨迹对应的移动方式,在所述图形用户界面中移动所述第一页面的步骤,包括:如果所述第一页面为H5首页,按照所述滑动操作的触控点距离所述显示屏的所述指定侧边的第一距离,计算所述第一页面的页面顶部距离所述显示屏的上侧边的第二距离;按照所述第二距离在所述图形用户界面中移动所述第一页面。
结合第一方面,本申请实施例提供第一方面的第三种可能的实施方式,其中,所述方法还包括:响应于所述第一页面的移动距离达到第一距离阈值,关闭所述第一页面。
结合第一方面,本申请实施例提供第一方面的第四种可能的实施方式,其中,按照所述滑动操作的触控点移动轨迹对应的移动方式,在所述图形用户界面中移动所述第一页面的步骤,包括:如果所述第一页面为H5首页之外的页面,以跟随所述滑动操作的触控点移动轨迹的方式,在所述图形用户界面中移动所述第一页面。
结合第一方面,本申请实施例提供第一方面的第五种可能的实施方式,其中,所述方法还包括:响应于所述第一页面的移动距离达到第二距离阈值,返回所述第一页面的上一页面。
结合第一方面,本申请实施例提供第一方面的第六种可能的实施方式,其中,按照所述滑动操作对所述第一页面进行处理的步骤,还包括:响应于所述滑动操作的结束,将所述隐形框对象由所述延展状态切换回所述初始状态,并判断所述滑动操作是否满足侧滑返回条件;其中,所述侧滑返回条件为滑动操作的速度和/或距离大于设定阈值;如果是,对所述第一页面进行侧滑返回处理。
结合第一方面,本申请实施例提供第一方面的第七种可能的实施方式,其中,对所述第一页面进行侧滑返回处理的步骤,包括:如果所述第一页面为所述第一页面对应应用的首页,关闭所述第一页面;如果所述第一页面为所述第一页面对应应用的非首页,返回所述第一页面的上一页面。
结合第一方面,本申请实施例提供第一方面的第八种可能的实施方式,其中,按照所述滑动操作对所述第一页面进行处理的步骤,还包括:如果所述滑动操作不满足侧滑返回条件,恢复所述第一页面至所述滑动操作前的状态。
结合第一方面,本申请实施例提供第一方面的第九种可能的实施方式,其中,所述目标子视图为可滑动视图;在所述隐形框对象为延展状态下,响应作用于所述显示屏上的滑动操作,按照所述滑动操作对所述第一页面进行处理的步骤,包括:在所述隐形框对象为延展状态下,响应于作用于所述显示屏上的滑动操作,且所述滑动操作的触控点的移动轨迹中的至少部分轨迹属于所述目标子视图对应的响应区域,按照所述触控点的移动轨迹对所述第一页面进行处理,且对所述目标子视图的响应区域的部分轨迹不进行响应。
结合第一方面,本申请实施例提供第一方面的第十种可能的实施方式,其中,延展状态的所述隐形框对象的第二宽度为所述显示屏的屏宽。
结合第一方面,本申请实施例提供第一方面的第十一种可能的实施方式,其中,所述第一设定值为像素值在15至25之间的任意值。
第二方面,本申请实施例还提供一种触控终端的显示控制装置,所述装置包括:页面显示模块,用于响应于针对所述触控终端的页面显示操作,通过页面承载容器加载并显示第一页面;其中,所述页面承载容器配置有隐形框对象,所述隐形框对象以初始状态设置在所述触控终端的显示屏的指定侧边,初始状态的所述隐形框对象的第一宽度小于第一设定值;状态切换模块,用于在所述隐形框对象为初始状态下,响应作用于所述隐形框对象所在区域的第一操作,将所述隐形框对象由所述初始状态切换为延展状态;其中,延展状态的所述隐形框对象覆盖所述第一页面的目标子视图;子视图处理模块,用于在所述隐形框对象为初始状态下,响应作用于所述隐形框对象所在区域之外的所述目标子视图上的第二操作,对所述目标子视图进行处理;页面处理模块,用于在所述隐形框对象为延展状态下,响应作用于所述显示屏上的滑动操作,按照所述滑动操作对所述第一页面进行处理。
第三方面,本申请实施例还提供一种电子设备,包括处理器和存储器,所述存储器存储有能够被所述处理器执行的计算机可执行指令,所述处理器执行所述计算机可执行指令以实现上述触控终端的显示控制方法。
第四方面,本申请实施例还提供一种计算机可读存储介质,所述计算机可读存储介质存储有计算机可执行指令,所述计算机可执行指令在被处理器调用和执行时,计算机可执行指令促使处理器实现上述触控终端的显示控制方法。
本申请实施例提供一种触控终端的显示控制方法、装置及电子设备,触控终端在用户进行页面显示操作时,通过配置有隐形框对象的页面承载容器加载并显示第一页面;在用户对设置于显示屏指定侧边且宽度小于第一设定值的隐形框对象所在区域进行第一操作时,将隐形框对象由初始状态切换为覆盖第一页面的目标子视图的延展状态,之后在用户对显示屏进行滑动操作时,按照该滑动操作对第一页面进行处理;在隐形框对象为初始状态且用户对隐形框对象所在区域之外的目标子视图进行第二操作时,对该目标子视图进行处理。采用上述技术,用户在需要对整个页面进行处理时,可对初始状态下的隐形框对象进行操作以触发触控终端将隐形框对象从显示屏一侧延展至覆盖整个页面的目标子视图,之后再进行显示屏的滑动操作;用户在需要对页面中的子视图进行处理时,可在隐形框对象处于初始状态下直接对隐形框对象所在区域之外的目标子视图进行操作;该操作方式能够将整个页面的滑动操作与页面中子视图的操作单独区分开来,避免两者之间的手势冲突,进而改善触控终端的人机交互效果。
附图说明
为了更清楚地说明本申请具体实施方式或现有技术中的技术方案,下面将对具体实施方式或现有技术描述中所需要使用的附图作简单地介绍,显而易见地,下面描述中的附图是本申请的一些实施方式,对于本领域普通技术人员来讲,在不付出创造性劳动的前提下,还可以根据这些附图获得其他的附图。
图1为本申请实施例提供的页面承载容器的示意图;
图2为本申请实施例提供的一种触控终端的显示控制方法的流程示意图;
图3为本申请实施例提供的一种图形用户界面的示意图;
图4为本申请实施例提供的另一种图形用户界面的示意图;
图5为本申请实施例提供的另一种图形用户界面的示意图;
图6为本申请实施例提供的另一种图形用户界面的示意图;
图7为本申请实施例提供的另一种图形用户界面的示意图;
图8为本申请实施例提供的另一种图形用户界面的示意图;
图9为本申请实施例提供的另一种图形用户界面的示意图;
图10为本申请实施例提供的一种触控终端的显示控制方法的示例图;
图11为本申请实施例提供的一种触控终端的显示控制装置的结构示意图;
图12为本申请实施例提供的一种电子设备的结构示意图。
具体实施方式
下面将结合实施例对本申请的技术方案进行清楚、完整地描述,显然,所描述的实施例是本申请一部分实施例,而不是全部的实施例。基于本申请中的实施例,本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例,都属于本申请保护的范围。
目前触控终端上应用的H5页面通常被专有容器承载,该容器里面可以放文本、图片、音视频等基本的流媒体格式的文件,这些文件通常以视图的方式呈现在H5页面中。参见图1所示的一种页面承载容器的示意图,通过该容器加载并显示一个H5页面,该H5页面中存在三个可滑动的视图(即图1中的视图1、视图2和视图3)。由于iOS系统下侧滑手势的触控点从触控终端屏幕的左侧开始向触控终端屏幕的右侧移动,用户如果想要通过侧滑手势关闭该H5页面或者返回至该H5页面的上一页面,则需要通过手指从触控终端屏幕的左侧开始向触控终端屏幕的右侧滑动。然而,用户在进行侧滑手势操作过程中,由于针对可滑动视图的滑动操作和针对整个页面的侧滑手势均作用于该H5页面,两者之间会存在冲突,对于侧滑手势的触控点移动轨迹与可滑动视图滑动操作的触控点移动轨迹存在部分重合时,触控终端经常会将侧滑手势与可滑动视图的滑动操作混淆。为了避免上述冲突,通常的做法是关闭上述侧滑手势对应的功能,但该做法无疑会导致使用不便捷。如果不关闭侧滑手势对应的功能,则可能出现侧滑手势对应的动画效果与H5页面的可滑动视图对应的滑动效果同时呈现,视觉呈现效果与用户滑动操作的意愿不匹配,人机交互效果较差。
基于上述问题,本发明实施例提供的一种触控终端的显示控制方法、装置和电子设备,该技术可以应用于手机、平板电脑等具有触控功能且可实现人机交互的电子设备,尤其适用于通过手机浏览页面的场景。
为了便于对本实施例进行理解,首先对本申请实施例所公开的一种触控终端的显示控制方法进行详细介绍。
本申请实施例提供了一种触控终端的显示控制方法,该方法应用于触控终端(如手机、平板电脑等具有触控功能的终端设备),参见图2所示的一种触控终端的显示控制方法的流程示意图,该方法包括以下步骤:
步骤S202,响应于针对触控终端的页面显示操作,通过页面承载容器加载并显示第一页面;其中,该页面承载容器配置有隐形框对象,隐形框对象以初始状态设置在触控终端的显示屏的指定侧边,初始状态的隐形框对象的第一宽度小于第一设定值。
具体地,上述第一页面可以为触控终端的用户在打开或使用某一个应用时产生的网页,和/或图形用户界面,例如,应用的初始界面、由应用程序的初始界面切换至的其他界面、由应用程序业务数据生成的H5页面等,对此并不进行限定。以触控终端为全面屏手机、且第一页面为H5页面为例,通过触控终端提供一个图形用户界面,该图形用户界面的显示内容包括一个页面承载容器,通过该页面承载容器加载并显示第一页面。参见图3所示的一种图形用户界面的示意图,图3中,触控终端的用户打开触控终端上的一个应用程序,通过触控终端提供的图形用户界面内的页面承载容器加载并显示第一页面,该图形用户界面所在区域覆盖触控终端的整个显示屏,该容器配置有隐形框对象,第一页面包含了一个可滑动的子视图;其中,隐形框对象以具有一定宽度的窄竖条形式(即初始状态)设置在触控终端的显示屏的左侧边,初始状态的隐形框对象所在区域(即图3中的阴影区域)仅会覆盖第一页面的不包含任何内容的空白区域(即图3中第一页面的字样“XXXX”所在区域以外的区域);第一页面的右侧竖直设置有可上下移动的第一滚动条,用来指示该子视图可上下滑动;第一页面的底部水平设置有可左右移动的第二滚动条,用来指示该子视图可左右滑动。
此外,上述第一设定值可根据实际情况自行确定,对此并不进行限定。作为一种较好的实施方式,上述第一设定值可以为像素值在15至25之间的任意值(如17、20等)。
步骤S204,在隐形框对象为初始状态下,响应作用于隐形框对象所在区域的第一操作,将隐形框对象由初始状态切换为延展状态;其中,延展状态的隐形框对象覆盖第一页面的目标子视图。
上述第一操作可以为触控终端的用户通过手指作用于隐形框对象所在区域的触控操作,如通过手指按压隐形框对象所在区域达到指定时长(如2秒、3秒等)、通过手指在隐形框对象所在区域滑动等,对此并不进行限定。作为一种可能的实施方式,上述将隐形框对象由初始状态切换为延展状态的操作方式可以为将隐形框对象的宽度设置为使隐形框对象覆盖第一页面的目标子视图的宽度值,例如,将隐形框对象的宽度设置为显示屏的屏宽、将隐形框对象的宽度设置为使隐形框对象覆盖第一页面的宽度值等,具体可根据实际需要自行确定,对此并不进行限定。接续图3,以图4为例,图4中,触控终端的用户通过手指按压初始状态下的隐形框对象所在区域(即图3中的阴影区域)达到2秒,触控终端响应于该操作后会将隐形框对象的宽度设置为显示屏的屏宽(也即将隐形框对象由初始状态切换为延展状态),延展状态的隐形框对象所在区域(即图4中的阴影区域)会覆盖整个显示屏。
步骤S206,在隐形框对象为初始状态下,响应作用于隐形框对象所在区域之外的目标子视图上的第二操作,对该目标子视图进行处理。
上述第二操作可以为触控终端的用户通过手指作用于隐形框对象所在区域之外的触控操作,如通过手指按压第一页面中不被隐形框对象覆盖的区域、通过手指滑动第一页面中不被隐形框对象覆盖的区域等,对此并不进行限定。接续图3,以图5为例,图5中,触控终端的用户通过手指向右滑动第一页面中可滑动视图(即目标子视图)的不被隐形框对象覆盖的区域,触控终端响应于该操作后会使该目标子视图呈现的内容(即图3中的字样“XXXX”)跟随第二滚动条向右移动。
步骤S208,在隐形框对象为延展状态下,响应作用于显示屏上的滑动操作,按照该滑动操作对第一页面进行处理。
具体地,以图4为例,触控终端的用户通过手指对延展状态下的隐形框对象所在区域(即图4中的阴影区域,也即整个显示屏区域)进行滑动操作,触控终端响应于该滑动操作后,会执行该滑动操作对应的预设页面处理指令以对第一页面进行处理。上述对第一页面进行处理的方式可以为移动第一页面、关闭第一页面、返回至第一页面的上一页面等,具体可根据实际需要自行确定,对此并不进行限定。
本申请实施例提供的上述触控终端的显示控制方法,触控终端在用户进行页面显示操作时,通过配置有隐形框对象的页面承载容器加载并显示第一页面;在用户对设置于显示屏指定侧边且宽度小于第一设定值的隐形框对象所在区域进行第一操作时,将隐形框对象由初始状态切换为覆盖第一页面的目标子视图的延展状态,之后在用户对显示屏进行滑动操作时,按照该滑动操作对第一页面进行处理;在隐形框对象为初始状态且用户对隐形框对象所在区域之外的目标子视图进行第二操作时,对该目标子视图进行处理。采用上述技术,用户在需要对整个页面进行处理时,可对初始状态下的隐形框对象进行操作以触发触控终端将隐形框对象从显示屏一侧延展至覆盖整个页面的目标子视图,之后再进行显示屏的滑动操作;用户在需要对隐形框对象所在区域之外的目标子视图进行处理时,可在隐形框对象处于初始状态下直接对页面中的子视图进行操作;该操作方式能够将整个页面的滑动操作与页面中子视图的操作单独区分开来,避免两者之间的手势冲突,进而改善触控终端的人机交互效果。
在实际应用过程中,上述按照该滑动操作对第一页面进行处理的步骤可包括以下操作方式:按照该滑动操作的触控点移动轨迹对应的移动方式,在触控终端提供的图形用户界面中移动第一页面。
具体地,触控终端可根据第一页面是否为H5首页分别执行不同的步骤。作为一个可行的实施方式,触控终端还可以判断第一页面是否为H5首页,如果是(即第一页面为H5首页),则执行下述步骤1至步骤2;如果否(即第一页面不为H5首页,也即第一页面为H5首页之外的页面),则执行下述步骤3。
步骤1,按照该滑动操作的触控点距离显示屏的指定侧边的第一距离,计算第一页面的页面顶部距离显示屏的上侧边的第二距离。
步骤2,按照第二距离在图形用户界面中移动第一页面。
由于H5首页通常是从下往上呈现在图形用户界面中的,因而H5首页的移动方式通常是根据从左向右的滑动操作在图形用户界面中从上往下移动。接续图4,以图6为例,图6中,触控终端的用户通过手指从显示屏左侧边(即此时的指定侧边)上的点P1开始滑动至显示屏内的点P2,相应地,该滑动操作的触控点从点P1移动至点P2,图6中用点P1与点P2连成的曲线表示该触控点的移动轨迹,触控终端响应于该滑动操作后会先确定触控点距离显示屏左侧边的第一距离(即图6中点P2到显示屏左侧边的水平距离D1),之后根据第一距离计算出第一页面的页面顶部距离显示屏的上侧边的第二距离(即图6中第一页面的页面顶部到显示屏的上侧边的垂直距离D2),并使第一页面在图形用户界面中向下移动,使移动后的第一页面的页面顶部到显示屏的上侧边的垂直距离为D2。
基于上述步骤1至步骤2,考虑到用户有时想要通过手指滑动显示屏的方式关闭H5首页,为了满足该操作需求,上述触控终端的显示控制方法还可以包括以下步骤:响应于第一页面的移动距离达到第一距离阈值,关闭第一页面。上述第一距离阈值可根据实际情况自行确定,对此并不进行限定。
步骤3,以跟随该滑动操作的触控点移动轨迹的方式,在图形用户界面中移动第一页面。
接续图4,以图7为例,图7中,触控终端的用户通过手指从显示屏左侧边(即此时的指定侧边)上的点P1开始滑动至显示屏内的点P2,相应地,该滑动操作的触控点从点P1移动至点P2,图7中用点P1与点P2连成的曲线表示该触控点的移动轨迹,触控终端响应于该滑动操作后会使第一页面在图形用户界面中跟随该移动轨迹移动,使点P1到移动前的第一页面的页面顶部的垂直距离与点P2到移动后的第一页面的页面顶部的垂直距离相等,使点P1到移动前的第一页面的左侧边的水平距离与点P2到移动后的第一页面的左侧边的水平距离相等;图7中用第一页面的左上角点在第一页面移动前后的位移距离D3来表示第一页面的移动距离。
基于上述步骤3,考虑到用户有时想要通过手指滑动显示屏的方式返回至当前页面的上一个页面,为了满足该操作需求,上述触控终端的显示控制方法还可以包括以下步骤:响应于第一页面的移动距离达到第二距离阈值,返回第一页面的上一页面。上述第二距离阈值与上述第一距离阈值类似,对此不再赘述。
在实际应用过程中,上述按照该滑动操作对第一页面进行处理的步骤,还可包括以下操作方式:响应于该滑动操作的结束,将隐形框对象由延展状态切换回初始状态,并判断该滑动操作是否满足侧滑返回条件;其中,侧滑返回条件为滑动操作的速度和/或距离大于设定阈值;如果是(即该滑动操作满足侧滑返回条件),对第一页面进行侧滑返回处理;如果否(即该滑动操作不满足侧滑返回条件),恢复第一页面至滑动操作前的状态。
具体地,无论触控终端的用户在进行上述滑动操作过程手势如何变化,上述判断该滑动操作是否满足侧滑返回条件的过程是基于上述滑动操作从开始到结束的全过程进行的;如果该全过程满足侧滑返回条件,触控终端会对第一页面进行侧滑返回处理;如果该全过程不满足侧滑返回条件,触控终端会恢复第一页面至滑动操作前的状态。
在实施上述操作方式时,考虑到上述对第一页面进行侧滑返回处理与现有手机、平板电脑等触控终端的兼容性,如果第一页面为第一页面对应应用的首页,可将上述对第一页面进行侧滑返回处理定义为关闭第一页面;如果第一页面为第一页面对应应用的非首页,可将上述对第一页面进行侧滑返回处理定义为返回第一页面的上一页面。
另外,考虑到通常只有引起触控点在水平方向上发生位移滑动操作才有可能触发侧滑返回,而仅引起触控点在竖直方向上发生位移的滑动操作不会触发侧滑返回触控终端,作为一种较好的实施方式,可将上述滑动操作的速度定义为滑动操作对应的触控点在水平方向上偏移的速度,将上述滑动操作的距离定义为滑动操作对应的触控点在水平方向上偏移的距离。
针对第一页面为第一页面对应应用的首页的情形,以图3、图4,和图8为例,在隐形框对象为延展状态下,延展状态的隐形框对象所在区域(即图4中的阴影区域)已经覆盖整个显示屏;触控终端的用户通过手指滑动显示屏,触控终端在该用户的手指离开显示屏(即上述滑动操作结束)后,会将隐形框对象由延展状态切换回初始状态(初始状态的隐形框对象所在区域为图3中的阴影区域);触控终端之后还会判断该滑动操作对应的触控点在水平方向上的偏移速度(即该滑动操作的速度)是否大于设定阈值,如果该速度大于设定速度阈值,则关闭第一页面,此时的图形用户界面变成图8所示的样式;如果该速度小于或等于设定速度阈值,则恢复第一页面至滑动操作前的状态,此时的图形用户界面变成图3所示的样式。
针对第一页面为第一页面对应应用的非首页的情形,以图3、图4、图6和图9为例,图4中,延展状态的隐形框对象所在区域(即图4中的阴影区域)已经覆盖整个显示屏;图6中,触控终端的用户通过手指从显示屏左侧边上的点P1开始滑动至显示屏内的点P2,并使手指从点P2所在位置离开显示屏(即上述滑动操作结束);触控终端在该用户的手指离开显示屏后,将隐形框对象由延展状态切换回初始状态(初始状态的隐形框对象所在区域为图3中的阴影区域),并计算滑动操作对应的触控点在水平方向上偏移的距离(即手指离开显示屏的位置距离显示屏左侧边的距离,也即该滑动操作的距离,图6中为点P2到显示屏左侧边的水平距离D1);触控终端之后还会判断该距离是否大于设定阈值,如果该距离大于设定阈值,则返回第一页面的上一页面,此时的图形用户界面变成图9所示的样式(图9中用第二页面来表示第一页面的上一页面);如果该距离小于或等于设定阈值,则恢复第一页面至滑动操作前的状态(即图3所示的第一页面的样式)。
在上述触控终端的显示控制方法的基础上,针对上述目标子视图为可滑动视图的情形,为了进一步避免整个页面的滑动操作与页面中目标子视图的操作混淆,上述步骤S208(即在隐形框对象为延展状态下,响应作用于显示屏上的滑动操作,按照该滑动操作对第一页面进行处理)还可以包括以下操作方式:在隐形框对象为延展状态下,响应于作用于显示屏上的滑动操作,且该滑动操作的触控点的移动轨迹中的至少部分轨迹属于目标子视图对应的响应区域,按照该触控点的移动轨迹对第一页面进行处理,且对该目标子视图的响应区域的部分轨迹不进行响应。
具体地,接续图4,以图6为例,图6中,目标子视图为第一页面所包含的可上下左右滑动的子视图,触控终端的用户通过手指从点P1开始滑动至显示屏内的点P2,该滑动操作的触控点的移动轨迹(即图6中用点P1与点P2连成的曲线)的部分轨迹属于目标子视图对应的响应区域,触控终端仅会对该滑动操作进行响应以使第一页面在图形用户界面中向下移动(即按照该触控点的移动轨迹对第一页面进行处理),但触控终端并不会对该滑动操作的触控点的移动轨迹中属于该目标子视图对应的响应区域的部分轨迹进行响应。采用上述操作方式,在隐形框对象为延展状态下时,侧滑手势的触控点移动轨迹与可滑动子视图滑动操作的触控点移动轨迹存在部分重合时,强制取消触控终端对滑动子视图滑动操作的响应以确保触控终端仅对侧滑手势进行响应,能够避免触控终端将侧滑手势与可滑动子视图滑动操作混淆,进一步避免两者之间的手势冲突从而改善触控终端的人机交互效果。
在此以某一具体应用场景对上述触控终端的显示控制方法进行示例性描述如下:在用于加载并显示第一页面的页面承载容器Controller中添加一个UIView示例对象swipeView(即上述隐形框对象),swipeView的初始化位置在触控终端的显示屏的原点(即显示屏的左下角),swipeView的高度与显示屏的高度相等,swipeView的宽度为16个像素,将swipeView添加到Controller的导航控件navigationController.view中,将iOS系统的侧滑手势添加在swipeView中。参见图10所示,当用户手势作用在swipeView上时,触控终端监听到该手势后会判断该手势是否为第一操作,如果不是第一操作,则不作任何处理,如果是第一操作,就将swipeView的宽度设置为显示屏的宽度,这样swipeView所在区域就覆盖了整个显示屏。在用户通过手指滑动整个显示屏时,触控终端会判断第一页面是否为H5首页;如果第一页面不为H5首页,则不作任何处理;如果第一页面为H5首页,则根据滑动操作的触控点到显示屏左侧边的距离(即上述第一距离)计算Controller需要从上往下移动的距离(即上述第二距离),然后将导航控件navigationController.view边框在Y轴方向上的坐标设置为计算得到的距离,这样在滑动操作的整个过程中,第一页面的位置会随着该滑动操作的触控点位置的变化而发生改变。在用户的手指离开显示屏时,触控终端将swipeView的宽度设置为16个像素,并判断该滑动操作从开始到结束的全过程的滑动距离和滑动速度是否满足侧滑返回条件,之后判断第一页面是否为H5首页;如果不满足侧滑返回条件且该第一页面不为H5首页,则不作任何处理;如果不满足侧滑返回条件但该第一页面为H5首页,则将导航控件navigationController.view边框在Y轴方向上的坐标设置为0,将第一页面的位置还原;如果满足侧滑返回条件且该第一页面不为H5首页,则调用webview的GoBack方法返回第一页面的上一页面。如果满足侧滑返回条件且该第一页面为H5首页,就调用页面承载容器的关闭方法关闭Controller。
基于上述方法实施例,本申请实施例还提供一种触控终端的显示控制装置,参见图11所示,上述装置包括:
页面显示模块1101,用于响应于针对所述触控终端的页面显示操作,通过页面承载容器加载并显示第一页面;其中,所述页面承载容器配置有隐形框对象,所述隐形框对象以初始状态设置在所述触控终端的显示屏的指定侧边,初始状态的所述隐形框对象的第一宽度小于第一设定值。
状态切换模块1102,用于在所述隐形框对象为初始状态下,响应作用于所述隐形框对象所在区域的第一操作,将所述隐形框对象由所述初始状态切换为延展状态;其中,延展状态的所述隐形框对象覆盖所述第一页面的目标子视图。
子视图处理模块1103,用于在所述隐形框对象为初始状态下,响应作用于所述隐形框对象所在区域之外的所述目标子视图上的第二操作,对所述目标子视图进行处理。
页面处理模块1104,用于在所述隐形框对象为延展状态下,响应作用于所述显示屏上的滑动操作,按照所述滑动操作对所述第一页面进行处理。
本申请实施例提供的上述触控终端的显示控制装置,触控终端在用户进行页面显示操作时,通过配置有隐形框对象的页面承载容器加载并显示第一页面;在用户对设置于显示屏指定侧边且宽度小于第一设定值的隐形框对象所在区域进行第一操作时,将隐形框对象由初始状态切换为覆盖第一页面的目标子视图的延展状态,之后在用户对显示屏进行滑动操作时,按照该滑动操作对第一页面进行处理;在隐形框对象为初始状态且用户对隐形框对象所在区域之外的目标子视图进行第二操作时,对该目标子视图进行处理。采用上述技术,用户在需要对整个页面进行处理时,可对初始状态下的隐形框对象进行操作以触发触控终端将隐形框对象从显示屏一侧延展至覆盖整个页面的目标子视图,之后再进行显示屏的滑动操作;用户在需要对页面中的子视图进行处理时,可在隐形框对象处于初始状态下直接对隐形框对象所在区域之外的目标子视图进行操作;该操作方式能够将整个页面的滑动操作与页面中子视图的操作单独区分开来,避免两者之间的手势冲突,进而改善触控终端的人机交互效果。
上述页面处理模块1104还用于:按照所述滑动操作的触控点移动轨迹对应的移动方式,在所述触控终端提供的图形用户界面中移动所述第一页面。
上述页面处理模块1104还用于:如果所述第一页面为H5首页,按照所述滑动操作的触控点距离所述显示屏的所述指定侧边的第一距离,计算所述第一页面的页面顶部距离所述显示屏的上侧边的第二距离;按照所述第二距离在所述图形用户界面中移动所述第一页面。
上述页面处理模块1104还用于:响应于所述第一页面的移动距离达到第一距离阈值,关闭所述第一页面。
上述页面处理模块1104还用于:如果所述第一页面为H5首页之外的页面,以跟随所述滑动操作的触控点移动轨迹的方式,在所述图形用户界面中移动所述第一页面。
上述页面处理模块1104还用于:响应于所述第一页面的移动距离达到第二距离阈值,返回所述第一页面的上一页面。
上述页面处理模块1104还用于:响应于所述滑动操作的结束,将所述隐形框对象由所述延展状态切换回所述初始状态,并判断所述滑动操作是否满足侧滑返回条件;其中,所述侧滑返回条件为滑动操作的速度和/或距离大于设定阈值;如果是,对所述第一页面进行侧滑返回处理。
上述页面处理模块1104还用于:如果所述第一页面为所述第一页面对应应用的首页,关闭所述第一页面;如果所述第一页面为所述第一页面对应应用的非首页,返回所述第一页面的上一页面。
上述页面处理模块1104还用于:如果所述滑动操作不满足侧滑返回条件,恢复所述第一页面至所述滑动操作前的状态。
上述目标子视图可以为可滑动视图;基于此,上述页面处理模块1104还用于:在所述隐形框对象为延展状态下,响应于作用于所述显示屏上的滑动操作,且所述滑动操作的触控点的移动轨迹中的至少部分轨迹属于所述目标子视图对应的响应区域,按照所述触控点的移动轨迹对所述第一页面进行处理,且对所述目标子视图的响应区域的部分轨迹不进行响应。
上述延展状态的隐形框对象的第二宽度可以为显示屏的屏宽。
上述第一设定值可以为像素值在15至25之间的任意值。
本申请实施例提供的触控终端的显示控制装置,其实现原理及产生的技术效果和前述方法实施例相同,为简要描述,游戏中虚拟商品的推荐装置的实施例部分未提及之处,可参考前述触控终端的显示控制方法实施例中相应内容。
本申请实施例还提供了一种电子设备,如图12所示,为该电子设备的结构示意图,其中,该电子设备100包括处理器120和存储器121,该存储器121存储有能够被该处理器120执行的计算机可执行指令,该处理器120执行该计算机可执行指令以实现上述触控终端的显示控制方法。
在图12示出的实施方式中,该电子设备100还包括总线122和通信接口123,其中,处理器120、通信接口123和存储器121通过总线122连接。
其中,存储器121可能包含高速随机存取存储器(RAM,Random Access Memory),也可能还包括非不稳定的存储器(non-volatile memory),例如至少一个磁盘存储器。通过至少一个通信接口123(可以是有线或者无线)实现该系统网元与至少一个其他网元之间的通信连接,可以使用互联网,广域网,本地网,城域网等。总线122可以是ISA(IndustryStandard Architecture,工业标准体系结构)总线、PCI(Peripheral ComponentInterconnect,外设部件互连标准)总线或EISA(Extended Industry StandardArchitecture,扩展工业标准结构)总线等。所述总线122可以分为地址总线、数据总线、控制总线等。为便于表示,图12中仅用一个双向箭头表示,但并不表示仅有一根总线或一种类型的总线。
处理器120可能是一种集成电路芯片,具有信号的处理能力。在实现过程中,上述触控终端的显示控制方法的各步骤可以通过处理器120中的硬件的集成逻辑电路或者软件形式的指令完成。上述的处理器120可以是通用处理器,包括中央处理器(CentralProcessing Unit,简称CPU)、网络处理器(Network Processor,简称NP)等;还可以是数字信号处理器(Digital Signal Processor,简称DSP)、专用集成电路(ApplicationSpecific Integrated Circuit,简称ASIC)、现场可编程门阵列(Field-ProgrammableGate Array,简称FPGA)或者其他可编程逻辑器件、分立门或者晶体管逻辑器件、分立硬件组件。通用处理器可以是微处理器或者该处理器也可以是任何常规的处理器等。结合本申请实施例所公开的触控终端的显示控制方法的步骤可以直接体现为硬件译码处理器执行完成,或者用译码处理器中的硬件及软件模块组合执行完成。软件模块可以位于随机存储器,闪存、只读存储器,可编程只读存储器或者电可擦写可编程存储器、寄存器等本领域成熟的存储介质中。该存储介质位于存储器,处理器120读取存储器121中的信息,结合其硬件完成前述实施例的触控终端的显示控制方法的步骤。
本申请实施例还提供了一种计算机可读存储介质,该计算机可读存储介质存储有计算机可执行指令,该计算机可执行指令在被处理器调用和执行时,该计算机可执行指令促使处理器实现上述触控终端的显示控制方法,具体实现可参见前述方法实施例,在此不再赘述。
本申请实施例所提供的触控终端的显示控制方法、装置和电子设备的计算机程序产品,包括存储了程序代码的计算机可读存储介质,所述程序代码包括的指令可用于执行前面方法实施例中所述的方法,具体实现可参见方法实施例,在此不再赘述。
除非另外具体说明,否则在这些实施例中阐述的部件和步骤的相对步骤、数字表达式和数值并不限制本申请的范围。
所述功能如果以软件功能单元的形式实现并作为独立的产品销售或使用时,可以存储在一个处理器可执行的非易失的计算机可读取存储介质中。基于这样的理解,本申请的技术方案本质上或者说对现有技术做出贡献的部分或者该技术方案的部分可以以软件产品的形式体现出来,该计算机软件产品存储在一个存储介质中,包括若干指令用以使得一台计算机设备(可以是个人计算机,服务器,或者网络设备等)执行本申请各个实施例所述方法的全部或部分步骤。而前述的存储介质包括:U盘、移动硬盘、只读存储器(ROM,Read-Only Memory)、随机存取存储器(RAM,Random Access Memory)、磁碟或者光盘等各种可以存储程序代码的介质。
在本申请的描述中,需要说明的是,术语“中心”、“上”、“下”、“左”、“右”、“竖直”、“水平”、“内”、“外”等指示的方位或位置关系为基于附图所示的方位或位置关系,仅是为了便于描述本申请和简化描述,而不是指示或暗示所指的装置或元件必须具有特定的方位、以特定的方位构造和操作,因此不能理解为对本申请的限制。此外,术语“第一”、“第二”、“第三”仅用于描述目的,而不能理解为指示或暗示相对重要性。
最后应说明的是:以上所述实施例,仅为本申请的具体实施方式,用以说明本申请的技术方案,而非对其限制,本申请的保护范围并不局限于此,尽管参照前述实施例对本申请进行了详细的说明,本领域的普通技术人员应当理解:任何熟悉本技术领域的技术人员在本申请揭露的技术范围内,其依然可以对前述实施例所记载的技术方案进行修改或可轻易想到变化,或者对其中部分技术特征进行等同替换;而这些修改、变化或者替换,并不使相应技术方案的本质脱离本申请实施例技术方案的精神和范围,都应涵盖在本申请的保护范围之内。因此,本申请的保护范围应所述以权利要求的保护范围为准。
Claims (15)
1.一种触控终端的显示控制方法,其特征在于,所述方法包括:
响应于针对所述触控终端的页面显示操作,通过页面承载容器加载并显示第一页面;其中,所述页面承载容器配置有隐形框对象,所述隐形框对象以初始状态设置在所述触控终端的显示屏的指定侧边,初始状态的所述隐形框对象的第一宽度小于第一设定值;
在所述隐形框对象为初始状态下,响应作用于所述隐形框对象所在区域的第一操作,将所述隐形框对象由所述初始状态切换为延展状态;其中,延展状态的所述隐形框对象覆盖所述第一页面的目标子视图;
在所述隐形框对象为初始状态下,响应作用于所述隐形框对象所在区域之外的所述目标子视图上的第二操作,对所述目标子视图进行处理;
在所述隐形框对象为延展状态下,响应作用于所述显示屏上的滑动操作,按照所述滑动操作对所述第一页面进行处理。
2.根据权利要求1所述的方法,其特征在于,按照所述滑动操作对所述第一页面进行处理的步骤,包括:
按照所述滑动操作的触控点移动轨迹对应的移动方式,在所述触控终端提供的图形用户界面中移动所述第一页面。
3.根据权利要求2所述的方法,其特征在于,按照所述滑动操作的触控点移动轨迹对应的移动方式,在所述图形用户界面中移动所述第一页面的步骤,包括:
如果所述第一页面为H5首页,按照所述滑动操作的触控点距离所述显示屏的所述指定侧边的第一距离,计算所述第一页面的页面顶部距离所述显示屏的上侧边的第二距离;
按照所述第二距离在所述图形用户界面中移动所述第一页面。
4.根据权利要求3所述的方法,其特征在于,所述方法还包括:
响应于所述第一页面的移动距离达到第一距离阈值,关闭所述第一页面。
5.根据权利要求2所述的方法,其特征在于,按照所述滑动操作的触控点移动轨迹对应的移动方式,在所述图形用户界面中移动所述第一页面的步骤,包括:
如果所述第一页面为H5首页之外的页面,以跟随所述滑动操作的触控点移动轨迹的方式,在所述图形用户界面中移动所述第一页面。
6.根据权利要求5所述的方法,其特征在于,所述方法还包括:
响应于所述第一页面的移动距离达到第二距离阈值,返回所述第一页面的上一页面。
7.根据权利要求1所述的方法,其特征在于,按照所述滑动操作对所述第一页面进行处理的步骤,还包括:
响应于所述滑动操作的结束,将所述隐形框对象由所述延展状态切换回所述初始状态,并判断所述滑动操作是否满足侧滑返回条件;其中,所述侧滑返回条件为滑动操作的速度和/或距离大于设定阈值;
如果是,对所述第一页面进行侧滑返回处理。
8.根据权利要求7所述的方法,其特征在于,对所述第一页面进行侧滑返回处理的步骤,包括:
如果所述第一页面为所述第一页面对应应用的首页,关闭所述第一页面;
如果所述第一页面为所述第一页面对应应用的非首页,返回所述第一页面的上一页面。
9.根据权利要求7所述的方法,其特征在于,按照所述滑动操作对所述第一页面进行处理的步骤,还包括:
如果所述滑动操作不满足侧滑返回条件,恢复所述第一页面至所述滑动操作前的状态。
10.根据权利要求1所述的方法,其特征在于,所述目标子视图为可滑动视图;
在所述隐形框对象为延展状态下,响应作用于所述显示屏上的滑动操作,按照所述滑动操作对所述第一页面进行处理的步骤,包括:
在所述隐形框对象为延展状态下,响应于作用于所述显示屏上的滑动操作,且所述滑动操作的触控点的移动轨迹中的至少部分轨迹属于所述目标子视图对应的响应区域,按照所述触控点的移动轨迹对所述第一页面进行处理,且对所述目标子视图的响应区域的部分轨迹不进行响应。
11.根据权利要求1至10任一项所述的方法,其特征在于,延展状态的所述隐形框对象的第二宽度为所述显示屏的屏宽。
12.根据权利要求1至10任一项所述的方法,其特征在于,所述第一设定值为像素值在15至25之间的任意值。
13.一种触控终端的显示控制装置,其特征在于,所述装置包括:
页面显示模块,用于响应于针对所述触控终端的页面显示操作,通过页面承载容器加载并显示第一页面;其中,所述页面承载容器配置有隐形框对象,所述隐形框对象以初始状态设置在所述触控终端的显示屏的指定侧边,初始状态的所述隐形框对象的第一宽度小于第一设定值;
状态切换模块,用于在所述隐形框对象为初始状态下,响应作用于所述隐形框对象所在区域的第一操作,将所述隐形框对象由所述初始状态切换为延展状态;其中,延展状态的所述隐形框对象覆盖所述第一页面的目标子视图;
子视图处理模块,用于在所述隐形框对象为初始状态下,响应作用于所述隐形框对象所在区域之外的所述目标子视图上的第二操作,对所述目标子视图进行处理;
页面处理模块,用于在所述隐形框对象为延展状态下,响应作用于所述显示屏上的滑动操作,按照所述滑动操作对所述第一页面进行处理。
14.一种电子设备,其特征在于,包括处理器和存储器,所述存储器存储有能够被所述处理器执行的计算机可执行指令,所述处理器执行所述计算机可执行指令以实现权利要求1至12任一项所述方法。
15.一种计算机可读存储介质,其特征在于,所述计算机可读存储介质存储有计算机可执行指令,所述计算机可执行指令在被处理器调用和执行时,计算机可执行指令促使处理器实现权利要求1至12任一项所述的方法。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202210136977.0A CN114518832B (zh) | 2022-02-15 | 2022-02-15 | 触控终端的显示控制方法、装置及电子设备 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202210136977.0A CN114518832B (zh) | 2022-02-15 | 2022-02-15 | 触控终端的显示控制方法、装置及电子设备 |
Publications (2)
Publication Number | Publication Date |
---|---|
CN114518832A true CN114518832A (zh) | 2022-05-20 |
CN114518832B CN114518832B (zh) | 2024-05-28 |
Family
ID=81597124
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN202210136977.0A Active CN114518832B (zh) | 2022-02-15 | 2022-02-15 | 触控终端的显示控制方法、装置及电子设备 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN114518832B (zh) |
Citations (10)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US20180088796A1 (en) * | 2016-09-26 | 2018-03-29 | Guangzhou Ucweb Computer Technology Co., Ltd. | View switching method and apparatus for touch screen, and client device |
CN109634604A (zh) * | 2018-11-30 | 2019-04-16 | 南京天溯自动化控制系统有限公司 | 基于混合开发的iOS页面跳转方法及其系统 |
US20190235711A1 (en) * | 2016-09-19 | 2019-08-01 | Beijing Jingdong Shangke Information Technology Co., Ltd. | Interface information display method and apparatus |
CN110308835A (zh) * | 2019-06-05 | 2019-10-08 | 阿里巴巴集团控股有限公司 | 控制视图控件的方法、装置及电子设备 |
CN110548286A (zh) * | 2019-09-29 | 2019-12-10 | 网易(杭州)网络有限公司 | 游戏中虚拟对象的锁定方法、装置及电子设备 |
CN112379814A (zh) * | 2020-10-14 | 2021-02-19 | 广州市百果园网络科技有限公司 | 图片预览滑动处理方法、系统、电子设备及存储介质 |
CN112379958A (zh) * | 2020-11-18 | 2021-02-19 | 吉林亿联银行股份有限公司 | 一种应用程序页面的滑动控制方法及装置 |
CN112596648A (zh) * | 2020-12-21 | 2021-04-02 | 北京百度网讯科技有限公司 | 页面处理方法、装置、电子设备及可读存储介质 |
WO2021203821A1 (zh) * | 2020-04-07 | 2021-10-14 | Oppo广东移动通信有限公司 | 页面操控方法、装置、存储介质及终端 |
CN113835610A (zh) * | 2021-09-30 | 2021-12-24 | 广州品唯软件有限公司 | 一种终端应用的页面展示方法及装置 |
-
2022
- 2022-02-15 CN CN202210136977.0A patent/CN114518832B/zh active Active
Patent Citations (10)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US20190235711A1 (en) * | 2016-09-19 | 2019-08-01 | Beijing Jingdong Shangke Information Technology Co., Ltd. | Interface information display method and apparatus |
US20180088796A1 (en) * | 2016-09-26 | 2018-03-29 | Guangzhou Ucweb Computer Technology Co., Ltd. | View switching method and apparatus for touch screen, and client device |
CN109634604A (zh) * | 2018-11-30 | 2019-04-16 | 南京天溯自动化控制系统有限公司 | 基于混合开发的iOS页面跳转方法及其系统 |
CN110308835A (zh) * | 2019-06-05 | 2019-10-08 | 阿里巴巴集团控股有限公司 | 控制视图控件的方法、装置及电子设备 |
CN110548286A (zh) * | 2019-09-29 | 2019-12-10 | 网易(杭州)网络有限公司 | 游戏中虚拟对象的锁定方法、装置及电子设备 |
WO2021203821A1 (zh) * | 2020-04-07 | 2021-10-14 | Oppo广东移动通信有限公司 | 页面操控方法、装置、存储介质及终端 |
CN112379814A (zh) * | 2020-10-14 | 2021-02-19 | 广州市百果园网络科技有限公司 | 图片预览滑动处理方法、系统、电子设备及存储介质 |
CN112379958A (zh) * | 2020-11-18 | 2021-02-19 | 吉林亿联银行股份有限公司 | 一种应用程序页面的滑动控制方法及装置 |
CN112596648A (zh) * | 2020-12-21 | 2021-04-02 | 北京百度网讯科技有限公司 | 页面处理方法、装置、电子设备及可读存储介质 |
CN113835610A (zh) * | 2021-09-30 | 2021-12-24 | 广州品唯软件有限公司 | 一种终端应用的页面展示方法及装置 |
Non-Patent Citations (2)
Title |
---|
网友: "html页面的轮播图与手机原生滑动冲突解决", pages 1, Retrieved from the Internet <URL:https://www.jianshu.com/p/37abb1600c2c> * |
蒋凌燕;查英华;: "基于HTML5的响应式Web页面重组适配技术研究", 计算机与现代化, no. 02, pages 7 - 10 * |
Also Published As
Publication number | Publication date |
---|---|
CN114518832B (zh) | 2024-05-28 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN107783714B (zh) | 一种页面展示方法、装置、电子设备及存储介质 | |
KR101527827B1 (ko) | 분할스크린 디스플레이 방법 및 장치, 및 이의 전자 장치 | |
CN109976655B (zh) | 长截屏方法、装置、终端及存储介质 | |
CN108475172B (zh) | 一种信息展示方法、装置及终端设备 | |
KR20110063409A (ko) | 화면 분할 표시 장치 및 방법 | |
KR102373021B1 (ko) | 글로벌 특수 효과의 전환 방법, 전환 장치, 단말 설비 및 저장 매체 | |
CN109062653B (zh) | 长图文信息显示方法、计算机装置及计算机可读存储介质 | |
USRE49272E1 (en) | Adaptive determination of information display | |
US20160217143A1 (en) | Method and device for displaying browser resources and computer readable storage medium | |
US20160004420A1 (en) | Electronic device and computer program product | |
CN111061409A (zh) | 功能触发方法、装置、电子设备及存储介质 | |
CN112416236A (zh) | 基于web页面的手势封装、交互方法、设备和存储介质 | |
CN105045481A (zh) | 一种操作方法及终端 | |
CN111143731B (zh) | 一种网页界面缩放时的显示方法、装置及终端设备 | |
US9959010B1 (en) | Method for displaying information, and terminal equipment | |
EP2756377B1 (en) | Virtual viewport and fixed positioning with optical zoom | |
CN105204714A (zh) | 一种切换应用界面的方法以及终端 | |
CN111124584A (zh) | 快捷面板显示方法、终端及可读存储介质 | |
CN114518832B (zh) | 触控终端的显示控制方法、装置及电子设备 | |
CN114860149A (zh) | 内容编辑的控制方法、装置、电子设备及存储介质 | |
CN114089868A (zh) | 触控操作方法、装置和电子设备 | |
CN114780193A (zh) | 工具栏的显示方法、装置、电子设备以及存储介质 | |
JP2001022496A (ja) | 表示制御装置およびそのプログラム記録媒体 | |
CN111782381A (zh) | 任务管理方法、装置、移动终端及存储介质 | |
CN113687922A (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 |