CN107402700B - 页面显示方法和装置 - Google Patents
页面显示方法和装置 Download PDFInfo
- Publication number
- CN107402700B CN107402700B CN201710475507.6A CN201710475507A CN107402700B CN 107402700 B CN107402700 B CN 107402700B CN 201710475507 A CN201710475507 A CN 201710475507A CN 107402700 B CN107402700 B CN 107402700B
- Authority
- CN
- China
- Prior art keywords
- view
- sliding
- parent
- child
- 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
Links
- 238000000034 method Methods 0.000 title claims abstract description 76
- 230000004044 response Effects 0.000 claims abstract description 108
- 230000001960 triggered effect Effects 0.000 claims abstract description 35
- 238000003860 storage Methods 0.000 claims description 12
- 238000004590 computer program Methods 0.000 claims description 8
- 238000010586 diagram Methods 0.000 description 54
- 230000000694 effects Effects 0.000 description 31
- 230000008569 process Effects 0.000 description 12
- 230000000007 visual effect Effects 0.000 description 7
- 230000006870 function Effects 0.000 description 5
- 238000004891 communication Methods 0.000 description 4
- 238000012545 processing Methods 0.000 description 4
- 238000005516 engineering process Methods 0.000 description 3
- HSRJKNPTNIJEKV-UHFFFAOYSA-N Guaifenesin Chemical compound COC1=CC=CC=C1OCC(O)CO HSRJKNPTNIJEKV-UHFFFAOYSA-N 0.000 description 2
- 230000008859 change Effects 0.000 description 2
- 238000013461 design Methods 0.000 description 2
- 238000001514 detection method Methods 0.000 description 2
- 230000003287 optical effect Effects 0.000 description 2
- 238000013519 translation Methods 0.000 description 2
- 230000009471 action Effects 0.000 description 1
- 230000005540 biological transmission Effects 0.000 description 1
- 230000000052 comparative effect Effects 0.000 description 1
- 238000009826 distribution Methods 0.000 description 1
- 230000003993 interaction Effects 0.000 description 1
- 238000004519 manufacturing process Methods 0.000 description 1
- 238000012986 modification Methods 0.000 description 1
- 230000004048 modification Effects 0.000 description 1
- 230000003068 static 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/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/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
-
- 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
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
技术领域
本发明涉及互联网技术领域,尤其涉及一种页面显示方法和装置。
背景技术
用户的诸如智能手机等终端设备中往往会安装有多个客户端应用程序,以满足用户的使用需求。举例来说,很多用户的手机中都安装有外卖客户端,以满足用户的随时随地网上订餐等购物需求。
一般地,一个页面中往往包含有很多数据信息,用户往往需要对该页面执行滑动操作才能查看到全部的数据信息。而页面中包含的数据信息是以视图的形式组织的,用户在屏幕上滑动时,父视图跟子视图都会同时响应用户的滑动操作而进行滑动显示,即父视图和子视图各自包含的数据信息同时会向着用户触发的滑动方向而滑动。
比如说,当用户手指向上滑动时,可能会使得父视图中的数据信息逐渐向上滑动而使得父视图逐渐收起,同时,子视图的数据信息也会逐渐向上滑动而使得子视图逐渐收起。
发明内容
现有技术中,页面中的父视图和子视图同时响应用户的滑动操作而进行页面显示的方式,往往使得同一时间,至少两个不同视图中的数据信息同时发生改变,而用户往往不能同时关注到这多个不同视图的改变,从而使得该页面的人机交互性较差,用户感受不佳。
而且,以外卖场景为例,在外卖客户端的商户页面中,某个父视图中包含的数据信息往往是比如起送价格、配送时长、配送费用、商户介绍等信息,而子视图中往往包含的是具体的商品信息,由于不同数据信息对用户而言价值不同,从而用户对父视图和子视图的关注程度不同,更关注子视图。而在页面初始显示的情况下,如果用户触发向上滑动的操作,子视图和父视图中的数据信息同时向上移动,将使得子视图顶部的曝光率很低,即用户看到子视图顶部的商品信息的概率大大降低。
有鉴于此,本发明实施例提供一种页面显示方法和装置,用以实现页面中的父视图和子视图顺次滑动显示的效果,提高子视图顶部的曝光率。
第一方面,本发明实施例提供一种页面显示方法,包括:
响应于用户对页面触发的滑动操作,获取所述页面中父视图的第一停留位置和子视图的第二停留位置;
根据所述滑动操作对应的滑动方向、所述第一停留位置和所述第二停留位置,确定所述父视图和所述子视图响应所述滑动操作的响应顺序;
按照所述响应顺序,根据所述滑动方向和所述滑动操作对应的滑动距离,对所述父视图和所述子视图进行显示控制。
第二方面,本发明实施例提供一种页面显示装置,包括:
获取模块,用于响应于用户对页面触发的滑动操作,获取所述页面中父视图的第一停留位置和子视图的第二停留位置;
确定模块,用于根据所述滑动操作对应的滑动方向、所述第一停留位置和所述第二停留位置,确定所述父视图和所述子视图响应所述滑动操作的响应顺序;
控制模块,用于按照所述响应顺序,根据所述滑动方向和所述滑动操作对应的滑动距离,对所述父视图和所述子视图进行显示控制。
在一个可能的设计中,上述页面显示装置的结构中包括处理器和存储器,所述存储器用于存储支持页面显示装置执行上述第一方面中页面显示方法的程序,所述处理器被配置为用于执行所述存储器中存储的程序。所述页面显示装置还可以包括通信接口,用于页面显示装置与其他设备或通信网络通信。
第三方面,本发明实施例提供了一种计算机存储介质,用于储存页面显示装置所用的计算机软件指令,其包含用于执行上述第一方面中页面显示方法所涉及的程序。
本发明实施例提供的页面显示方法和装置,当用户对页面触发滑动操作时,获取在触发时刻页面中的父视图和子视图当前分别对应的第一停留位置和第二停留位置,即在触发滑动操作的时刻父视图和子视图的所在的位置。进而,根据该第一停留位置和第二停留位置,结合滑动操作对应的滑动方向,以确定父视图和子视图响应滑动操作的响应顺序,即谁先响应该滑动操作,谁后响应该滑动操作。之后,按照该响应顺序,根据滑动方向和滑动操作对应的滑动距离,对父视图和子视图进行显示控制,从而可以实现页面中父视图和子视图按照一定的顺序而依次滑动显示各自的数据信息,也会提高子视图顶部的曝光率。
附图说明
为了更清楚地说明本发明实施例或现有技术中的技术方案,下面将对实施例或现有技术描述中所需要使用的附图作一简单地介绍,显而易见地,下面描述中的附图是本发明的一些实施例,对于本领域普通技术人员来讲,在不付出创造性劳动的前提下,还可以根据这些附图获得其他的附图。
图1为本发明实施例提供的页面显示方法实施例一的流程图;
图2a为本发明实施例提供的页面显示方法实施例二的流程图;
图2b-图2f为为图2a所示实施例对应的界面示意图;
图3a为本发明实施例提供的页面显示方法实施例三的流程图;
图3b-图3d为图3a所示实施例对应的界面示意图;
图4a为本发明实施例提供的页面显示方法实施例四的流程图;
图4b为图4a所示实施例对应的界面示意图;
图5a为本发明实施例提供的页面显示方法实施例五的流程图;
图5b为图5a所示实施例对应的界面示意图;
图6a为一种可选情形下图1所示实施例中步骤103的实现流程图;
图6b为图6a所示情形下的界面示意图;
图7a为另一种可选情形下图1所示实施例中步骤103的实现流程图;
图7b为图7a所示情形下的界面示意图;
图8为本发明实施例提供的页面显示装置实施例一的结构示意图;
图9为本发明实施例提供的页面显示装置实施例二的结构示意图;
图10为本发明实施例提供的页面显示装置实施例三的结构示意图;
图11为本发明实施例提供的页面显示装置实施例四的结构示意图;
图12为本发明实施例提供的页面显示装置实施例五的结构示意图;
图13为本发明实施例提供的页面显示装置实施例六的结构示意图;
图14为本发明实施例提供的页面显示装置实施例七的结构示意图;
图15为本发明实施例提供的与页面显示装置对应的电子设备的结构示意图。
具体实施方式
为使本发明实施例的目的、技术方案和优点更加清楚,下面将结合本发明实施例中的附图,对本发明实施例中的技术方案进行清楚、完整地描述,显然,所描述的实施例是本发明一部分实施例,而不是全部的实施例。基于本发明中的实施例,本领域普通技术人员在没有作出创造性劳动前提下所获得的所有其他实施例,都属于本发明保护的范围。
在本发明实施例中使用的术语是仅仅出于描述特定实施例的目的,而非旨在限制本发明。在本发明实施例和所附权利要求书中所使用的单数形式的“一种”、“所述”和“该”也旨在包括多数形式,除非上下文清楚地表示其他含义,“多种”一般包含至少两种,但是不排除包含至少一种的情况。
应当理解,本文中使用的术语“和/或”仅仅是一种描述关联对象的关联关系,表示可以存在三种关系,例如,A和/或B,可以表示:单独存在A,同时存在A和B,单独存在B这三种情况。另外,本文中字符“/”,一般表示前后关联对象是一种“或”的关系。
应当理解,尽管在本发明实施例中可能采用术语第一、第二、第三等来描述XXX,但这些XXX不应限于这些术语。这些术语仅用来将XXX区分开。例如,在不脱离本发明实施例范围的情况下,第一XXX也可以被称为第二XXX,类似地,第二XXX也可以被称为第一XXX。
取决于语境,如在此所使用的词语“如果”、“若”可以被解释成为“在……时”或“当……时”或“响应于确定”或“响应于检测”。类似地,取决于语境,短语“如果确定”或“如果检测(陈述的条件或事件)”可以被解释成为“当确定时”或“响应于确定”或“当检测(陈述的条件或事件)时”或“响应于检测(陈述的条件或事件)”。
还需要说明的是,术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含,从而使得包括一系列要素的商品或者***不仅包括那些要素,而且还包括没有明确列出的其他要素,或者是还包括为这种商品或者***所固有的要素。在没有更多限制的情况下,由语句“包括一个……”限定的要素,并不排除在包括所述要素的商品或者***中还存在另外的相同要素。
进一步值得说明的是,本发明各实施例中各步骤之间的顺序是可以调整的,不是必须按照以下举例的顺序执行。
图1为本发明实施例提供的页面显示方法实施例一的流程图,本实施例提供的该页面显示方法可以由一页面显示装置来执行,该页面显示装置可以实现为软件,或者实现为软件和硬件的组合,该页面显示装置可以集成设置在用户设备的客户端中。如图1所示,该方法包括如下步骤:
101、响应于用户对页面触发的滑动操作,获取页面中父视图的第一停留位置和子视图的第二停留位置。
102、根据滑动操作对应的滑动方向、第一停留位置和第二停留位置,确定父视图和子视图响应滑动操作的响应顺序。
103、按照响应顺序,根据滑动方向和滑动操作对应的滑动距离,对父视图和子视图进行显示控制。
本实施例中,页面中至少包括两个视图,各视图中承载有不同的数据信息。当页面中仅包含两个视图时,这两个视图为具有父子关系的视图,一个为父视图,一个为子视图。当页面中不仅包含两个视图时,可选地,多个视图可以组织成树状结构,自顶而下可以具有根视图,多个中间视图和叶子视图,其中,多个中间视图中包括根视图的子视图,也包括叶子视图的父视图。
可选地,用户在触摸屏上滑动而触发针对某页面的上述滑动操作,可以是用户初始打开该页面触发的,也可以是用户在查看该页面的过程中触发的一次滑动操作。
可选地,上述获取第一停留位置和第二停留位置的父视图和子视图可以是当前位于屏幕可视区域内的视图。当屏幕可视区域内的视图个数为多个时,可以获取其中每个视图的停留位置,由于这多个视图之间存在父子对应关系,从而,在后续进行响应滑动操作的响应顺序的确定时,可以结合这多个视图间的父子关系进行确定。为描述方便,本实施例仅以获得的任意两个具有父子关系的父视图和子视图为例进行说明。
上述父视图的第一停留位置是指在用户触发滑动操作的时刻,父视图当前在页面中所处于的位置,而父视图的第一停留位置,可以以父视图中的某参考点当前在页面中所处于的位置来表征,即该参考点对于的第一停留位置作为父视图的第一停留位置,该参考点可以是父视图的底部边框。同理,子视图的第二停留位置可以以子视图的某参考点如底部边框的位置来表示。
对于父视图来说,父视图在页面中的滑动位置范围可以由父视图的第一初始显示位置和第一完成显示位置界定,从而,上述第一停留位置可以位于由该第一初始显示位置和第一完成显示位置确定的闭区间。其中,第一初始显示位置是指在页面被初始打开时,父视图在页面中所处于的位置,第一完成显示位置是指父视图中包含的数据信息被滑动显示完毕时,父视图在页面中所处于的位置。其中,父视图中包含的数据信息被滑动显示完毕,可以理解为是父视图中包含的数据信息滑出屏幕的可视区域,呈现类似于数据信息被全部隐藏的效果,因此称为完成显示位置。
同样地,对于子视图来说,子视图在页面中的滑动位置范围可以由子视图的第二初始显示位置和第二完成显示位置界定,从而,上述第二停留位置可以位于由该第二初始显示位置和第二完成显示位置确定的闭区间。其中,第二初始显示位置是指在页面被初始打开时,子视图在页面中所处于的位置,第二完成显示位置是指子视图中包含的数据信息被滑动显示完毕时,子视图在页面中所处于的位置。
当获取到父视图的第一停留位置和子视图的第二停留位置后,可以根据滑动操作对应的滑动方向、第一停留位置和第二停留位置,确定父视图和子视图响应滑动操作的响应顺序。其中,对滑动操作的响应动作可以包括滑动显示父视图、子视图中的数据信息,拉伸父视图、子视图的边框。
本发明实施例中,为了实现父视图和子视图不同时响应用户触发的滑动操作的效果,需要设置父视图和子视图在用户触发不同滑动方向的滑动操作时,响应该滑动操作的响应顺序。
实际应用中,用户的滑动方向一般为向上滑动和向下滑动。在一种最简单的实现方式中,可以设置:若用户的滑动方向向下,则子视图的响应顺序优先于父视图,即子视图优先于父视图而响应滑动操作;反之,若用户的滑动方向向上,则父视图的响应顺序优先于子视图,即父视图优先于子视图而响应滑动操作。
在另一种实现方式中,响应顺序除了与用户的滑动方向有关外,还可以与父视图的第一停留位置和子视图的第二停留位置有关,此时,父视图和子视图的响应顺序将具有更多的灵活性,具体详见后续实施例中的描述。
在确定了父视图和子视图的响应顺序后,按照该响应顺序控制父视图和子视图响应用户触发的滑动操作。
其中,对父视图和子视图的显示控制除了包含响应顺序的控制外,还包括滑动方向和滑动距离两个层面。
对于滑动方向来说,一种情形下,父视图和子视图对该滑动操作的响应动作是,滑动显示各自包含的数据信息。此时,父视图和子视图中数据信息的滑动显示方向与用户触发的滑动方向一致。比如,用户触发的滑出方向向上,则父视图、子视图中数据信息也是向上滑动显示,此时,父视图和子视图中的数据信息将呈现逐渐滑出可视区域的效果。
对于滑动距离来说,由于父视图和子视图是先后响应用户的滑动操作的,而后响应的视图何时开始响应,主要是由用户触发的滑动距离而定的。在一种可选的场景下,当用户已经触发的滑动距离已经使得先响应的视图不能再滑动显示了,而且该用户还在继续产生滑动距离,则切换至由后响应的视图继续响应该滑动距离而滑动显示。
可以理解的是,伴随着用户在触摸屏上开始滑动,父视图和子视图中具有优先响应顺序的视图便开始响应该滑动操作,也就是说,伴随着滑动距离的不断产生,父视图或子视图随之响应。
本实施例中,可选地,用户触发的滑动操作所对应的滑动距离可以包括:
用户在连续接触触摸屏期间产生的第一滑动距离,以及根据用户在不接触所述触摸屏时的瞬时线速度和预设阻力因子确定的第二滑动距离。
也就是说,本实施例中,度量用户触发的一次滑动操作是否结束,不但可以根据用户接触触摸屏的时间和离开触摸屏的时间来度量,还可以以自用户接触触摸屏开始产生滑动距离开始,在没有检测到用户再次接触触摸屏的情况下,滑动距离是否持续产生来度量。
实际应用中,可选地,可以以一定的较小时间间隔不断采集用户手指在触摸屏上对应的触摸位置,从而获得每个时间间隔内的滑动距离。从而,从用户触发滑动操作开始,即从用户手指接触触摸屏开始,到用户手指不接触即离开触摸屏时为止,可以不断检测到用户在触摸屏上连续滑动产生的距离,该距离为上述第一滑动距离。
此时,可以在每得到一个时间间隔内产生的滑动距离时,控制父视图和子视图中优先响应滑动操作的视图进行响应动作。
另外,如果用户手指在离开触摸屏时会具有一定的瞬时线速度,则可以根据该瞬时线速度和预设阻力因子,确定每个时间间隔内因惯性而产生的滑动距离,称为第二滑动距离。
可选地,可以设置一定的速度阈值,如果用户手指离开触摸屏时的瞬时线速度大于该速度阈值,则考虑由于该瞬时线速度的惯性作用而产生的滑动距离,否则,若用户手指离开触摸屏时的瞬时线速度小于该速度阈值,则认为用户当前触发的滑动操作结束,父视图、子视图停止响应该滑动操作。
值得说明的是,本发明实施例中,用户触发的滑动距离与视图中数据信息的滑动距离可以具有预设的函数对应关系,可以依据该函数对应关系对父视图和子视图中的数据信息进行显示控制。
综上,本实施例中,当用户对页面触发滑动操作时,获取在触发时刻页面中的父视图和子视图当前分别对应的第一停留位置和第二停留位置,即在触发滑动操作的时刻父视图和子视图的所在的位置。进而,根据该第一停留位置和第二停留位置,结合滑动操作对应的滑动方向,以确定父视图和子视图响应滑动操作的响应顺序,即谁先响应该滑动操作,谁后响应该滑动操作。之后,按照该响应顺序,根据滑动方向和滑动操作对应的滑动距离,对父视图和子视图进行显示控制,从而可以实现页面中父视图和子视图按照一定的顺序而依次滑动显示各自的数据信息,也会提高子视图顶部的曝光率。
下面结合几个实施例详细说明父视图和子视图的响应顺序的确定情况。
图2a为本发明实施例提供的页面显示方法实施例二的流程图,如图2a所示,可以包括如下步骤:
201、响应于用户对页面触发的滑动操作,获取页面中父视图的第一停留位置和子视图的第二停留位置。
202、若第一停留位置位于父视图对应的第一初始显示位置和第一完成显示位置之间,或者第一停留位置位于第一初始显示位置,则确定在滑动方向上,父视图的响应顺序优先于子视图。
203、按照响应顺序,根据滑动方向和滑动操作对应的滑动距离,对父视图和子视图进行显示控制。
为便于对比观察,首先示意图出一种父视图和子视图都位于各自对应的完成显示位置的情况,如图2b所示,此时,父视图的下边框位于第一完成显示位置,子视图的下边框位于第二完成显示位置。并且示意出一种父视图和子视图都位于各自对应的初始显示位置的情况,如图2c所示,此时,父视图的下边框位于第一初始显示位置,子视图的下边框位于第二初始显示位置。
图2b和图2c中,父视图为商户名称对应的视图,子视图为今日主推对应的视图,在图2c中,当父视图和子视图都位于各自的初始显示位置时,商户名称所对应的父视图中包括诸如起送价格、配送费、优惠活动、商家公告等数据信息,今日主推所对应的子视图中包括多个商品的数据信息。受限于每个视图的尺寸以及屏幕可视区域的尺寸,父视图和子视图中的数据信息可能无法一次完全显示。在图2b中,当父视图和子视图都位于各自的完成显示位置时,父视图中的数据信息相当于被滑动出屏幕的可视区域,子视图的数据信息也可以都滑动出屏幕的可视区域。在某些情况下,比如子视图为页面的叶子视图,此时,子视图的数据信息也可以有部分被显示在可视区域中,比如图2b中子视图的最后三个商品信息。
本实施例中,若第一停留位置位于父视图对应的第一初始显示位置和第一完成显示位置之间,或者第一停留位置位于第一初始位置,则不管用户触发的滑动方向是向上还是向下,在滑动方向上,父视图的响应顺序都优先于子视图。结合如下附图进行说明。
值得说明的是,如果父视图的第一停留位置满足上述条件,则此时,子视图的第二停留位置位于子视图的第二初始显示位置。
当父视图的第一停留位置位于父视图的第一初始显示位置时,子视图的第二停留位置位于子视图的第二初始显示位置,如图2d中左图所示,假设此时滑动方向向上:由于父视图的响应顺序优先于子视图,则根据滑动距离控制父视图优先向上滑动显示父视图中包含的数据信息。当滑动距离已经使得父视图中的数据信息向上滑动显示完毕,此时,父视图将位于父视图的第一完成显示位置,如图2d中间的图所示。进而,若继续产生向上的滑动距离,则继而根据滑动距离控制子视图向上滑动显示其中包含的数据信息,如图2d中右图所示,示意的是子视图向上滑动显示但还未使得子视图位于子视图的第二完成显示位置的情形。
值得说明的是,如果当滑动距离使得子视图已经向上滑动显示完其包含的全部数据信息,并且该子视图为页面的叶子视图,且向上的滑动距离还在继续产生,则此时,该子视图的边框会产生向上拉伸的效果。此时,被拉伸的边框可以是子视图的底部边框。此情形将在后续实施例中说明。其中,之所以会有子视图为页面的叶子视图的限制是因为,若该子视图不是叶子视图,在其被向上滑动显示的过程中,以该子视图作为父视图的另一子视图将会继续响应向上的滑动距离而向上滑动显示。
若父视图和子视图呈现如图2d中左图所示的情形,如果此时滑动方向向下,该父视图为页面中的根视图,则此时,用户触发的滑动距离会使得父视图产生向下拉伸的效果,将在后续实施例中示意。
当父视图的第一停留位置位于父视图的第一初始显示位置和第一完成显示位置之间时,子视图的第二停留位置位于子视图的第二初始显示位置,如图2e中左图所示,假设此时滑动方向向上:由于父视图的响应顺序优先于子视图,则根据滑动距离控制父视图优先向上滑动显示其中包含的数据信息。当滑动距离已经使得父视图中的数据信息向上滑动显示完毕,此时,父视图将位于父视图的第一完成显示位置,如图2e中的中间图所示。进而,若继续产生向上的滑动距离,则继而根据滑动距离控制子视图向上滑动显示其中包含的数据信息,如图2e中右图所示,该图示意的是子视图向上滑动显示但还未使得子视图位于子视图的第二完成显示位置的情形。
另外,当父视图的第一停留位置位于父视图的第一初始显示位置和第一完成显示位置之间时,子视图的第二停留位置位于子视图的第二初始显示位置,如图2f中左图所示,假设此时滑动方向向下:由于父视图的响应顺序优先于子视图,则根据滑动距离控制父视图优先向下滑动显示其中包含的数据信息。当滑动距离已经使得父视图中的数据信息向下滑动显示完毕,此时,父视图将位于父视图的第一初始显示位置,如图2f中的右图所示。进而,若继续产生向下的滑动距离,且该父视图为根视图,则父视图会产生向下的拉伸效果,将在后续实施例中示意。
图3a为本发明实施例提供的页面显示方法实施例三的流程图,如图3a所示,可以包括如下步骤:
301、响应于用户对页面触发的滑动操作,获取页面中父视图的第一停留位置和子视图的第二停留位置。
302、若第一停留位置位于父视图对应的第一完成显示位置,并且第二停留位置位于子视图对应的第二初始显示位置和第二完成显示位置之间或者第二停留位置位于第二完成显示位置,则确定在滑动方向上,子视图的响应顺序优先于父视图。
303、按照响应顺序,根据滑动方向和滑动操作对应的滑动距离,对父视图和子视图进行显示控制。
本实施例中,若第一停留位置位于父视图对应的第一完成显示位置,并且,第二停留位置位于子视图对应的第二初始显示位置和第二完成显示位置之间或者第二停留位置位于第二完成显示位置,则不管用户触发的滑动方向是向上还是向下,在滑动方向上,子视图的响应顺序都优先于父视图。结合如下附图进行说明。
当父视图的第一停留位置位于父视图的第一完成显示位置,并且子视图的第二停留位置位于第二完成显示位置时,如图3b中左图所示,若此时滑动方向向下:则由于子视图的响应顺序优先于父视图,根据滑动距离优先控制子视图向下滑动显示其中包含的数据信息。当滑动距离已经使得子视图中的数据信息向下滑动显示完毕,此时,子视图将位于子视图的第一初始显示位置,如图3b中的中间图所示。进而,若继续产生向下的滑动距离,则继而根据滑动距离控制父视图向下滑动显示其中包含的数据信息,如图3b中右图所示,示意的是父视图向下滑动显示但还未使得父视图位于父视图的第一初始显示位置的情形。
另外,若父视图的第一停留位置位于父视图的第一完成显示位置,并且子视图的第二停留位置位于第二完成显示位置,即呈现图3b中左图所示的情形时,此时滑动方向向上,该子视图为页面中的叶子视图,则此时,用户触发的滑动距离会使得子视图产生向上拉伸的效果,将在后续实施例中示意。
当父视图的第一停留位置位于父视图的第一完成显示位置,并且子视图的第二停留位置位于子视图对应的第二初始显示位置和第二完成显示位置之间时,如图3c中左图所示,若此时滑动方向向下:则由于子视图的响应顺序优先于父视图,根据滑动距离优先控制子视图向下滑动显示其中包含的数据信息。当滑动距离已经使得子视图中的数据信息向下滑动显示完毕,此时,子视图将位于子视图的第一初始显示位置,如图3c中的中间图所示。进而,若继续产生向下的滑动距离,则继而根据滑动距离控制父视图向下滑动显示其中包含的数据信息,如图3c中右图所示,示意的是父视图向下滑动显示但还未使得父视图位于父视图的第一初始显示位置的情形。
而当父视图的第一停留位置位于父视图的第一完成显示位置,并且子视图的第二停留位置位于子视图对应的第二初始显示位置和第二完成显示位置之间时,如图3d中左图所示,若此时滑动方向向上:则由于子视图的响应顺序优先于父视图,根据滑动距离优先控制子视图向上滑动显示其中包含的数据信息。当滑动距离已经使得子视图中的数据信息向上滑动显示完毕,此时,子视图将位于子视图的第一完成显示位置,如图3d中的右图所示。进而,若继续产生向上的滑动距离,且该子视图为叶子视图,则子视图会产生向上拉伸的效果,将在后续实施例中示意。
图4a为本发明实施例提供的页面显示方法实施例四的流程图,如图4a所示,可以包括如下步骤:
401、响应于用户对页面触发的滑动操作,获取页面中父视图的第一停留位置和子视图的第二停留位置。
402、若第一停留位置位于父视图对应的第一完成显示位置,并且第二停留位置位于子视图对应的第二初始显示位置,并且滑动方向为向上,则确定子视图的响应顺序优先于父视图。
403、按照响应顺序,根据滑动方向和滑动操作对应的滑动距离,对父视图和子视图进行显示控制。
当父视图的第一停留位置位于父视图对应的第一完成显示位置,并且子视图的第二停留位置位于子视图对应的第二初始显示位置时,如图4b中左图所示。若此时滑动方向向上,则子视图的响应顺序优先于父视图。此时,根据滑动距离优先控制子视图向上滑动显示其中包含的数据信息。当滑动距离已经使得子视图中的数据信息向上滑动显示完毕,此时,子视图将位于子视图的第一完成显示位置,如图4b中的右图所示。进而,若继续产生向上的滑动距离,且该子视图为叶子视图,则子视图会产生向上拉伸的效果,将在后续实施例中示意。
图5a为本发明实施例提供的页面显示方法实施例五的流程图,如图5a所示,可以包括如下步骤:
501、响应于用户对页面触发的滑动操作,获取页面中父视图的第一停留位置和子视图的第二停留位置。
502、若第一停留位置位于父视图对应的第一完成显示位置,并且第二停留位置位于子视图对应的第二初始显示位置,并且滑动方向为向下,则确定父视图的响应顺序优先于子视图。
503、按照响应顺序,根据滑动方向和滑动操作对应的滑动距离,对父视图和子视图进行显示控制。
当父视图的第一停留位置位于父视图对应的第一完成显示位置,并且子视图的第二停留位置位于子视图对应的第二初始显示位置时,如图5b中左图所示。若此时滑动方向向下,则父视图的响应顺序优先于子视图。此时,根据滑动距离控制父视图优先向下滑动显示其中包含的数据信息。当滑动距离已经使得父视图中的数据信息向下滑动显示完毕,此时,父视图将位于父视图的第一初始显示位置,如图5b中的中间图所示。进而,若继续产生向下的滑动距离,且该父视图为根视图,则父视图会产生向下的拉伸效果,将在后续实施例中示意。
综上几个实施例,当用户触发滑动操作时,根据触发时刻父视图和子视图各自停留的位置,结合滑动方向,确定父视图和子视图响应该滑动操作的顺序,从而实现父视图和子视图可以顺次响应滑动操作的效果。由于该响应顺序的存在,使得子视图顶部的数据信息暴露于可视区域的概率大大增加,提高了子视图顶部的曝光率。
图6a为一种可选情形下图1所示实施例中步骤103的实现流程图,如图6a所示,可以包括如下步骤:
601、若滑动方向为向上,子视图为页面中的叶子视图,并且滑动距离已经使得子视图位于子视图对应的第二完成显示位置,则继续根据滑动距离向上拉伸子视图的边框。
602、若检测到滑动操作结束,则回弹子视图至第二完成显示位置。
前述实施例中提到,上用户触发向上滑动时,如果用户已经触发的滑动距离使得子视图的数据信息向上显示完毕,使得子视图处于对应的第二完成显示位置,并且,如果该子视图是页面中的叶子视图时,继续产生的向上的滑动距离会使得子视图的边框产生向上拉伸的效果。
如图6b中左图所示,此时示意的是父视图(商户名称)、叶子视图(今日主推)分别位于各自的完成显示位置,图6b中间的图示意的是叶子视图产生向上拉伸的效果,图6b中右图示意的是叶子视图回弹至对应的完成显示位置的效果。
为整体上理解上述拉伸效果的产生过程,举例来说,假设页面中存在三个视图:A、B、C,A是B的父视图、B是C的父视图。假设确定的响应顺序依次为ABC,且滑动方向向上,则在根视图A向上滑动显示完成时,根视图位于其对应的完成显示位置,继而,子视图B向上滑动显示,在子视图B显示完成后,位于其对应的完成显示位置。继而,叶子视图C向上滑动显示,在显示完成后,位于其对应的完成显示位置。如果此时还继续产生滑动距离,则会向上拉伸叶子视图C的边框,该边框可以是叶子视图的底部边框。当检测到滑动操作结束时,再将该叶子视图C的底部边框回弹至叶子视图C对应的完成显示位置。其中,该滑动操作结束是指不再继续产生滑动距离。
图7a为另一种可选情形下图1所示实施例中步骤103的实现流程图,如图7a所示,可以包括如下步骤:
701、若滑动方向为向下,父视图为页面中的根视图,并且滑动距离已经使得父视图位于父视图对应的第一初始显示位置,则继续根据滑动距离向下拉伸父视图的边框。
702、若检测到滑动操作结束,则回弹父视图至第一初始显示位置。
前述实施例中提到,上用户触发向下滑动时,如果用户已经触发的滑动距离使得父视图的数据信息向下显示完毕,使得父视图处于对应的第一初始显示位置,并且,如果该父视图是页面中的根视图时,继续产生的向下的滑动距离会使得父视图的边框产生向下拉伸的效果。该边框可以是顶部边框,也可以是底部边框。
如图7b中左图所示,此时示意的是根视图(商户名称)、子视图(今日主推)分别位于各自的初始显示位置,图7b中间的图示意的是根视图产生向下拉伸的效果,图7b中右图示意的是根视图回弹至对应的初始显示位置的效果。
为整体上理解上述拉伸效果的产生过程,举例来说,假设页面中存在三个视图:A、B、C,A是B的父视图、B是C的父视图。假设当前处于页面刚打开的状态,视图A、B、C均位于各自对应的初始显示位置,若此时触发滑动方向向下的滑动操作,则直接会产生根视图A的边框向下拉伸的效果。当检测到滑动操作结束时,再将该根视图A的边框回弹至根视图A对应的初始显示位置。其中,该滑动操作结束是指不再继续产生滑动距离。
如图7b中左图所示,此时示意的是视图A、B、C均位于各自的初始显示位置,图7b中间的图示意的是根视图A产生拉伸的效果,图7b中右图示意的是根视图A回弹至对应的初始显示位置的效果。
假设将图6a和图7a中的叶子视图、根视图定义为视图X,则可选地,对于视图X的边框的拉伸过程,拉伸至的位置可以根据如下公式确定:
rate=(maxTranslation–fabs(originY(n)))/maxTranslation;
originY(n+1)=originY(n)+translation*rate。
其中,rate为拉伸系数,maxTranslation为预设的最大拉伸距离,fabs为取绝对值的运算符,originY(n)为第n个时间间隔后视图X的边框所处于的位置,originY(n+1)为第n+1个时间间隔后视图X的边框所处于的位置,translation为第n+1个时间间隔内的滑动距离。
以下将详细描述本发明的一个或多个实施例的页面显示装置。本领域技术人员可以理解,这些页面显示装置均可使用市售的硬件组件通过本方案所教导的步骤进行配置来构成。
图8为本发明实施例提供的页面显示装置实施例一的结构示意图,如图8所示,该装置包括:获取模块11、确定模块12、控制模块13。
获取模块11,用于响应于用户对页面触发的滑动操作,获取所述页面中父视图的第一停留位置和子视图的第二停留位置。
确定模块12,用于根据所述滑动操作对应的滑动方向、所述第一停留位置和所述第二停留位置,确定所述父视图和所述子视图响应所述滑动操作的响应顺序。
控制模块13,用于按照所述响应顺序,根据所述滑动方向和所述滑动操作对应的滑动距离,对所述父视图和所述子视图进行显示控制。
可选地,所述确所述滑动距离包括:
所述用户在连续接触触摸屏期间产生的第一滑动距离,以及根据所述用户在不接触所述触摸屏时的瞬时线速度和预设阻力因子确定的第二滑动距离。
图8所示装置可以执行图1所示实施例的方法,本实施例未详细描述的部分,可参考对图1所示实施例的相关说明。该技术方案的执行过程和技术效果参见图1所示实施例中的描述,在此不再赘述。
图9为本发明实施例提供的页面显示装置实施例二的结构示意图,如图9所示,在图8所示实施例基础上,所述确定模块12包括:第一确定单元121。
第一确定单元121,用于若所述第一停留位置位于所述父视图对应的第一初始显示位置和第一完成显示位置之间,或者所述第一停留位置位于所述第一初始显示位置,则确定在所述滑动方向上,所述父视图的响应顺序优先于所述子视图。
图9所示装置可以执行图2a所示实施例的方法,本实施例未详细描述的部分,可参考对图2a所示实施例的相关说明。该技术方案的执行过程和技术效果参见图2a所示实施例中的描述,在此不再赘述。
图10为本发明实施例提供的页面显示装置实施例三的结构示意图,如图10所示,在前述实施例基础上,所述确定模块12包括:第二确定单元122。
第二确定单元122,用于若所述第一停留位置位于所述父视图对应的第一完成显示位置,并且所述第二停留位置位于所述子视图对应的第二初始显示位置和第二完成显示位置之间或者所述第二停留位置位于所述第二完成显示位置,则确定在所述滑动方向上,所述子视图的响应顺序优先于所述父视图。
图10所示装置可以执行图3a所示实施例的方法,本实施例未详细描述的部分,可参考对图3a所示实施例的相关说明。该技术方案的执行过程和技术效果参见图3a所示实施例中的描述,在此不再赘述。
图11为本发明实施例提供的页面显示装置实施例四的结构示意图,如图11所示,在前述实施例基础上,所述确定模块12包括:第三确定单元123。
第三确定单元123,用于若所述第一停留位置位于所述父视图对应的第一完成显示位置,并且所述第二停留位置位于所述子视图对应的第二初始显示位置,并且所述滑动方向为向上,则确定所述子视图的响应顺序优先于所述父视图。
图11所示装置可以执行图4a所示实施例的方法,本实施例未详细描述的部分,可参考对图4a所示实施例的相关说明。该技术方案的执行过程和技术效果参见图4a所示实施例中的描述,在此不再赘述。
图12为本发明实施例提供的页面显示装置实施例五的结构示意图,如图12所示,在前述实施例基础上,所述确定模块12包括:第四确定单元124。
第四确定单元124,用于若所述第一停留位置位于所述父视图对应的第一完成显示位置,并且所述第二停留位置位于所述子视图对应的第二初始显示位置,并且所述滑动方向为向下,则确定所述父视图的响应顺序优先于所述子视图。
图12所示装置可以执行图5a所示实施例的方法,本实施例未详细描述的部分,可参考对图5a所示实施例的相关说明。该技术方案的执行过程和技术效果参见图5a所示实施例中的描述,在此不再赘述。
图13为本发明实施例提供的页面显示装置实施例六的结构示意图,如图13所示,在前述实施例基础上,所述控制模块13包括:第一控制单元131、第二控制单元132。
第一控制单元131,用于若所述滑动方向为向上,所述子视图为所述页面中的叶子视图,并且所述滑动距离已经使得所述子视图位于所述子视图对应的第二完成显示位置,则继续根据所述滑动距离向上拉伸所述子视图的边框。
第二控制单元132,用于若检测到所述滑动操作结束,则回弹所述子视图至所述第二完成显示位置。
图13所示装置可以执行图6a所示实施例的方法,本实施例未详细描述的部分,可参考对图6a所示实施例的相关说明。该技术方案的执行过程和技术效果参见图6a所示实施例中的描述,在此不再赘述。
图14为本发明实施例提供的页面显示装置实施例七的结构示意图,如图14所示,在前述实施例基础上,所述控制模块13包括:第三控制单元133、第四控制单元134。
第三控制单元133,用于若所述滑动方向为向下,所述父视图为所述页面中的根视图,并且所述滑动距离已经使得所述父视图位于所述父视图对应的第一初始显示位置,则继续根据所述滑动距离向下拉伸所述父视图的边框。
第四控制单元134,用于若检测到所述滑动操作结束,则回弹所述父视图至所述第一初始显示位置。
图14所示装置可以执行图7a所示实施例的方法,本实施例未详细描述的部分,可参考对图7a所示实施例的相关说明。该技术方案的执行过程和技术效果参见图7a所示实施例中的描述,在此不再赘述。
以上所描述的装置实施例仅仅是示意性的,其中所述作为分离部件说明的单元可以是或者也可以不是物理上分开的,作为单元显示的部件可以是或者也可以不是物理单元,即可以位于一个地方,或者也可以分布到多个网络单元上。可以根据实际的需要选择其中的部分或者全部模块来实现本实施例方案的目的。本领域普通技术人员在不付出创造性的劳动的情况下,即可以理解并实施。
以上描述了页面显示装置的内部功能和结构,在一个可能的设计中,页面显示装置的结构可实现为一电子设备,该电子设备比如为服务器,如图15所示,该电子设备可以包括:处理器21和存储器22。其中,所述存储器22用于存储支持页面显示装置执行上述任一实施例中提供的页面显示方法的程序,所述处理器21被配置为用于执行所述存储器22中存储的程序。
所述程序包括一条或多条计算机指令,其中,所述一条或多条计算机指令被所述处理器21执行时能够实现如下步骤:
响应于用户对页面触发的滑动操作,获取所述页面中父视图的第一停留位置和子视图的第二停留位置;
根据所述滑动操作对应的滑动方向、所述第一停留位置和所述第二停留位置,确定所述父视图和所述子视图响应所述滑动操作的响应顺序;
按照所述响应顺序,根据所述滑动方向和所述滑动操作对应的滑动距离,对所述父视图和所述子视图进行显示控制。
可选地,所述处理器21还用于执行前述各方法步骤中的全部或部分步骤。
其中,所述页面显示装置的结构中还可以包括通信接口23,用于页面显示装置与其他设备或通信网络通信。
另外,本发明实施例提供了一种计算机存储介质,用于储存页面显示装置所用的计算机软件指令,其包含用于执行上述各方法实施例中页面显示方法所涉及的程序。
通过以上的实施方式的描述,本领域的技术人员可以清楚地了解到各实施方式可借助加必需的通用硬件平台的方式来实现,当然也可以通过硬件和软件结合的方式来实现。基于这样的理解,上述技术方案本质上或者说对现有技术做出贡献的部分可以以计算机产品的形式体现出来,本发明可采用在一个或多个其中包含有计算机可用程序代码的计算机可用存储介质(包括但不限于磁盘存储器、CD-ROM、光学存储器等)上实施的计算机程序产品的形式。
本发明是参照根据本发明实施例的方法、设备(***)、和计算机程序产品的流程图和/或方框图来描述的。应理解可由计算机程序指令实现流程图和/或方框图中的每一流程和/或方框、以及流程图和/或方框图中的流程和/或方框的结合。可提供这些计算机程序指令到通用计算机、专用计算机、嵌入式处理机或其他可编程数据处理设备的处理器以产生一个机器,使得通过计算机或其他可编程数据处理设备的处理器执行的指令产生用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的装置。
这些计算机程序指令也可存储在能引导计算机或其他可编程数据处理设备以特定方式工作的计算机可读存储器中,使得存储在该计算机可读存储器中的指令产生包括指令装置的制造品,该指令装置实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能。
这些计算机程序指令也可装载到计算机或其他可编程数据处理设备上,使得在计算机或其他可编程设备上执行一系列操作步骤以产生计算机实现的处理,从而在计算机或其他可编程设备上执行的指令提供用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的步骤。
在一个典型的配置中,计算设备包括一个或多个处理器(CPU)、输入/输出接口、网络接口和内存。
内存可能包括计算机可读介质中的非永久性存储器,随机存取存储器(RAM)和/或非易失性内存等形式,如只读存储器(ROM)或闪存(flash RAM)。内存是计算机可读介质的示例。
计算机可读介质包括永久性和非永久性、可移动和非可移动媒体可以由任何方法或技术来实现信息存储。信息可以是计算机可读指令、数据结构、程序的模块或其他数据。计算机的存储介质的例子包括,但不限于相变内存(PRAM)、静态随机存取存储器(SRAM)、动态随机存取存储器(DRAM)、其他类型的随机存取存储器(RAM)、只读存储器(ROM)、电可擦除可编程只读存储器(EEPROM)、快闪记忆体或其他内存技术、只读光盘只读存储器(CD-ROM)、数字多功能光盘(DVD)或其他光学存储、磁盒式磁带,磁带磁磁盘存储或其他磁性存储设备或任何其他非传输介质,可用于存储可以被计算设备访问的信息。按照本文中的界定,计算机可读介质不包括暂存电脑可读媒体(transitory media),如调制的数据信号和载波。
最后应说明的是:以上实施例仅用以说明本发明的技术方案,而非对其限制;尽管参照前述实施例对本发明进行了详细的说明,本领域的普通技术人员应当理解:其依然可以对前述各实施例所记载的技术方案进行修改,或者对其中部分技术特征进行等同替换;而这些修改或者替换,并不使相应技术方案的本质脱离本发明各实施例技术方案的精神和范围。
本发明公开A1、一种页面显示方法,包括:
响应于用户对页面触发的滑动操作,获取所述页面中父视图的第一停留位置和子视图的第二停留位置;
根据所述滑动操作对应的滑动方向、所述第一停留位置和所述第二停留位置,确定所述父视图和所述子视图响应所述滑动操作的响应顺序;
按照所述响应顺序,根据所述滑动方向和所述滑动操作对应的滑动距离,对所述父视图和所述子视图进行显示控制。
A2、根据A1所述的方法,所述根据所述滑动操作对应的滑动方向、所述第一停留位置和所述第二停留位置,确定所述父视图和所述子视图响应所述滑动操作的响应顺序,包括:
若所述第一停留位置位于所述父视图对应的第一初始显示位置和第一完成显示位置之间,或者所述第一停留位置位于所述第一初始显示位置,则确定在所述滑动方向上,所述父视图的响应顺序优先于所述子视图。
A3、根据A1所述的方法,所述根据所述滑动操作对应的滑动方向、所述第一停留位置和所述第二停留位置,确定所述父视图和所述子视图响应所述滑动操作的响应顺序,包括:
若所述第一停留位置位于所述父视图对应的第一完成显示位置,并且所述第二停留位置位于所述子视图对应的第二初始显示位置和第二完成显示位置之间或者所述第二停留位置位于所述第二完成显示位置,则确定在所述滑动方向上,所述子视图的响应顺序优先于所述父视图。
A4、根据A1所述的方法,所述根据所述滑动操作对应的滑动方向、所述第一停留位置和所述第二停留位置,确定所述父视图和所述子视图响应所述滑动操作的响应顺序,包括:
若所述第一停留位置位于所述父视图对应的第一完成显示位置,并且所述第二停留位置位于所述子视图对应的第二初始显示位置,并且所述滑动方向为向上,则确定所述子视图的响应顺序优先于所述父视图。
A5、根据A1所述的方法,所述根据所述滑动操作对应的滑动方向、所述第一停留位置和所述第二停留位置,确定所述父视图和所述子视图响应所述滑动操作的响应顺序,包括:
若所述第一停留位置位于所述父视图对应的第一完成显示位置,并且所述第二停留位置位于所述子视图对应的第二初始显示位置,并且所述滑动方向为向下,则确定所述父视图的响应顺序优先于所述子视图。
A6、根据A1至A5中任一项所述的方法,所述滑动距离包括:
所述用户在连续接触触摸屏期间产生的第一滑动距离,以及根据所述用户在不接触所述触摸屏时的瞬时线速度和预设阻力因子确定的第二滑动距离。
A7、根据A1至A5中任一项所述的方法,所述按照所述响应顺序,根据所述滑动方向和所述滑动操作对应的滑动距离,对所述父视图和所述子视图进行显示控制,包括:
若所述滑动方向为向上,所述子视图为所述页面中的叶子视图,并且所述滑动距离已经使得所述子视图位于所述子视图对应的第二完成显示位置,则继续根据所述滑动距离向上拉伸所述子视图的边框。
A8、根据A7所述的方法,所述方法还包括:
若检测到所述滑动操作结束,则回弹所述子视图至所述第二完成显示位置。
A9、根据A1至5中任一项所述的方法,所述按照所述响应顺序,根据所述滑动方向和所述滑动操作对应的滑动距离,对所述父视图和所述子视图进行显示控制,包括:
若所述滑动方向为向下,所述父视图为所述页面中的根视图,并且所述滑动距离已经使得所述父视图位于所述父视图对应的第一初始显示位置,则继续根据所述滑动距离向下拉伸所述父视图的边框。
A10、根据A9所述的方法,所述方法还包括:
若检测到所述滑动操作结束,则回弹所述父视图至所述第一初始显示位置。
本发明还公开B11、一种页面显示装置,包括:
获取模块,用于响应于用户对页面触发的滑动操作,获取所述页面中父视图的第一停留位置和子视图的第二停留位置;
确定模块,用于根据所述滑动操作对应的滑动方向、所述第一停留位置和所述第二停留位置,确定所述父视图和所述子视图响应所述滑动操作的响应顺序;
控制模块,用于按照所述响应顺序,根据所述滑动方向和所述滑动操作对应的滑动距离,对所述父视图和所述子视图进行显示控制。
B12、根据B11所述的装置,所述确定模块包括:
第一确定单元,用于若所述第一停留位置位于所述父视图对应的第一初始显示位置和第一完成显示位置之间,或者所述第一停留位置位于所述第一初始显示位置,则确定在所述滑动方向上,所述父视图的响应顺序优先于所述子视图。
B13、根据B11所述的装置,所述确定模块还包括:
第二确定单元,用于若所述第一停留位置位于所述父视图对应的第一完成显示位置,并且所述第二停留位置位于所述子视图对应的第二初始显示位置和第二完成显示位置之间或者所述第二停留位置位于所述第二完成显示位置,则确定在所述滑动方向上,所述子视图的响应顺序优先于所述父视图。
B14、根据B11所述的装置,所述确定模块包括:
第三确定单元,用于若所述第一停留位置位于所述父视图对应的第一完成显示位置,并且所述第二停留位置位于所述子视图对应的第二初始显示位置,并且所述滑动方向为向上,则确定所述子视图的响应顺序优先于所述父视图。
B15、根据B11所述的装置,所述确定模块包括:
第四确定单元,用于若所述第一停留位置位于所述父视图对应的第一完成显示位置,并且所述第二停留位置位于所述子视图对应的第二初始显示位置,并且所述滑动方向为向下,则确定所述父视图的响应顺序优先于所述子视图。
B16、根据B11至B15中任一项所述的装置,所述确所述滑动距离包括:
所述用户在连续接触触摸屏期间产生的第一滑动距离,以及根据所述用户在不接触所述触摸屏时的瞬时线速度和预设阻力因子确定的第二滑动距离。
B17、根据B11至B15中任一项所述的装置,所述控制模块包括:
第一控制单元,用于若所述滑动方向为向上,所述子视图为所述页面中的叶子视图,并且所述滑动距离已经使得所述子视图位于所述子视图对应的第二完成显示位置,则继续根据所述滑动距离向上拉伸所述子视图的边框。
B18、根据B17所述的装置,所述控制模块还包括:
第二控制单元,用于若检测到所述滑动操作结束,则回弹所述子视图至所述第二完成显示位置。
B19、根据B11至B15中任一项所述的装置,所述控制模块包括:
第三控制单元,用于若所述滑动方向为向下,所述父视图为所述页面中的根视图,并且所述滑动距离已经使得所述父视图位于所述父视图对应的第一初始显示位置,则继续根据所述滑动距离向下拉伸所述父视图的边框。
B20、根据B19所述的装置,所述控制模块还包括:
第四控制单元,用于若检测到所述滑动操作结束,则回弹所述父视图至所述第一初始显示位置。
本发明还公开了C21、一种电子设备,包括存储器和处理器;其中,
所述存储器用于存储一条或多条计算机指令,其中,所述一条或多条计算机指令被所述处理器执行时实现如A1至A10中任一项所述的页面显示方法。
本发明还公开了D22、一种存储有计算机程序的计算机可读存储介质,所述计算机程序使计算机执行时实现如A1至A10中任一项所述的页面显示方法。
Claims (12)
1.一种页面显示方法,其特征在于,包括:
响应于用户对页面触发的滑动操作,获取所述页面中父视图的第一停留位置和子视图的第二停留位置;
根据所述滑动操作对应的滑动方向、所述第一停留位置和所述第二停留位置,确定所述父视图和所述子视图响应所述滑动操作的响应顺序;
按照所述响应顺序,根据所述滑动方向和所述滑动操作对应的滑动距离,对所述父视图和所述子视图进行显示控制,以使所述父视图和所述子视图按照所述响应顺序依次响应所述滑动操作;
其中,所述页面中的父视图、子视图与同一应用关联。
2.根据权利要求1所述的方法,其特征在于,所述根据所述滑动操作对应的滑动方向、所述第一停留位置和所述第二停留位置,确定所述父视图和所述子视图响应所述滑动操作的响应顺序,包括:
若所述第一停留位置位于所述父视图对应的第一初始显示位置和第一完成显示位置之间,或者所述第一停留位置位于所述第一初始显示位置,则确定在所述滑动方向上,所述父视图的响应顺序优先于所述子视图。
3.根据权利要求1所述的方法,其特征在于,所述根据所述滑动操作对应的滑动方向、所述第一停留位置和所述第二停留位置,确定所述父视图和所述子视图响应所述滑动操作的响应顺序,包括:
若所述第一停留位置位于所述父视图对应的第一完成显示位置,并且所述第二停留位置位于所述子视图对应的第二初始显示位置和第二完成显示位置之间或者所述第二停留位置位于所述第二完成显示位置,则确定在所述滑动方向上,所述子视图的响应顺序优先于所述父视图。
4.根据权利要求1所述的方法,其特征在于,所述根据所述滑动操作对应的滑动方向、所述第一停留位置和所述第二停留位置,确定所述父视图和所述子视图响应所述滑动操作的响应顺序,包括:
若所述第一停留位置位于所述父视图对应的第一完成显示位置,并且所述第二停留位置位于所述子视图对应的第二初始显示位置,并且所述滑动方向为向上,则确定所述子视图的响应顺序优先于所述父视图。
5.根据权利要求1所述的方法,其特征在于,所述根据所述滑动操作对应的滑动方向、所述第一停留位置和所述第二停留位置,确定所述父视图和所述子视图响应所述滑动操作的响应顺序,包括:
若所述第一停留位置位于所述父视图对应的第一完成显示位置,并且所述第二停留位置位于所述子视图对应的第二初始显示位置,并且所述滑动方向为向下,则确定所述父视图的响应顺序优先于所述子视图。
6.根据权利要求1至5中任一项所述的方法,其特征在于,所述滑动距离包括:
所述用户在连续接触触摸屏期间产生的第一滑动距离,以及根据所述用户在不接触所述触摸屏时的瞬时线速度和预设阻力因子确定的第二滑动距离。
7.根据权利要求1至5中任一项所述的方法,其特征在于,所述按照所述响应顺序,根据所述滑动方向和所述滑动操作对应的滑动距离,对所述父视图和所述子视图进行显示控制,包括:
若所述滑动方向为向上,所述子视图为所述页面中的叶子视图,并且所述滑动距离已经使得所述子视图位于所述子视图对应的第二完成显示位置,则继续根据所述滑动距离向上拉伸所述子视图的边框。
8.根据权利要求7所述的方法,其特征在于,所述方法还包括:
若检测到所述滑动操作结束,则回弹所述子视图至所述第二完成显示位置。
9.根据权利要求1至5中任一项所述的方法,其特征在于,所述按照所述响应顺序,根据所述滑动方向和所述滑动操作对应的滑动距离,对所述父视图和所述子视图进行显示控制,包括:
若所述滑动方向为向下,所述父视图为所述页面中的根视图,并且所述滑动距离已经使得所述父视图位于所述父视图对应的第一初始显示位置,则继续根据所述滑动距离向下拉伸所述父视图的边框。
10.一种页面显示装置,其特征在于,包括:
获取模块,用于响应于用户对页面触发的滑动操作,获取所述页面中父视图的第一停留位置和子视图的第二停留位置;
确定模块,用于根据所述滑动操作对应的滑动方向、所述第一停留位置和所述第二停留位置,确定所述父视图和所述子视图响应所述滑动操作的响应顺序;
控制模块,用于按照所述响应顺序,根据所述滑动方向和所述滑动操作对应的滑动距离,对所述父视图和所述子视图进行显示控制,以使所述父视图和所述子视图按照所述响应顺序依次响应所述滑动操作;
其中,所述页面中的父视图、子视图与同一应用关联。
11.一种服务器,其特征在于,包括:输入输出设备和处理器;所述处理器耦合到所述输入输出设备上,所述输入输出设备和所述处理器用于实现如权利要求1至9中任一项所述的页面显示方法。
12.一种计算机存储介质,其特征在于,用于储存计算机程序,所述计算机程序使计算机执行时实现如权利要求1至9中任一项所述的页面显示方法。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201710475507.6A CN107402700B (zh) | 2017-06-21 | 2017-06-21 | 页面显示方法和装置 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201710475507.6A CN107402700B (zh) | 2017-06-21 | 2017-06-21 | 页面显示方法和装置 |
Publications (2)
Publication Number | Publication Date |
---|---|
CN107402700A CN107402700A (zh) | 2017-11-28 |
CN107402700B true CN107402700B (zh) | 2020-06-09 |
Family
ID=60404725
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201710475507.6A Active CN107402700B (zh) | 2017-06-21 | 2017-06-21 | 页面显示方法和装置 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN107402700B (zh) |
Families Citing this family (8)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN108664309B (zh) * | 2018-05-16 | 2021-04-06 | 成都天翼空间科技有限公司 | 一种基于Android终端的长数据展示方法及*** |
CN108958612B (zh) * | 2018-06-14 | 2021-03-26 | 北京字节跳动网络技术有限公司 | 控制页面滑动的方法、控制页面方法、***、终端设备及介质 |
CN109492178A (zh) * | 2018-11-05 | 2019-03-19 | 腾讯科技(深圳)有限公司 | 一种切换视图的方法及装置 |
CN111475088B (zh) * | 2019-01-23 | 2021-07-20 | 百度在线网络技术(北京)有限公司 | 页面滚动的方法、装置、存储介质和终端设备 |
CN110099162B (zh) * | 2019-03-18 | 2021-04-30 | 努比亚技术有限公司 | 一种页面显示处理方法及穿戴式设备 |
CN112214155B (zh) * | 2020-06-09 | 2022-04-26 | 北京沃东天骏信息技术有限公司 | 一种视图信息播放方法、装置、设备和存储介质 |
CN112114723B (zh) * | 2020-09-24 | 2022-03-29 | 北京字跳网络技术有限公司 | 页面滑动方法、装置和电子设备 |
CN112860365A (zh) * | 2021-02-09 | 2021-05-28 | 北京达佳互联信息技术有限公司 | 内容显示方法、装置、电子设备和可读存储介质 |
Citations (3)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN104020945A (zh) * | 2013-02-28 | 2014-09-03 | 联想(北京)有限公司 | 一种信息处理的方法及电子设备 |
CN104423875A (zh) * | 2013-09-11 | 2015-03-18 | 华为技术有限公司 | 信息显示方法及装置 |
CN104571904A (zh) * | 2013-10-28 | 2015-04-29 | 联想(北京)有限公司 | 一种信息处理方法及电子设备 |
-
2017
- 2017-06-21 CN CN201710475507.6A patent/CN107402700B/zh active Active
Patent Citations (3)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN104020945A (zh) * | 2013-02-28 | 2014-09-03 | 联想(北京)有限公司 | 一种信息处理的方法及电子设备 |
CN104423875A (zh) * | 2013-09-11 | 2015-03-18 | 华为技术有限公司 | 信息显示方法及装置 |
CN104571904A (zh) * | 2013-10-28 | 2015-04-29 | 联想(北京)有限公司 | 一种信息处理方法及电子设备 |
Also Published As
Publication number | Publication date |
---|---|
CN107402700A (zh) | 2017-11-28 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN107402700B (zh) | 页面显示方法和装置 | |
EP3407221B1 (en) | Methods and devices for searching and displaying information on a terminal | |
KR102122373B1 (ko) | 사용자 포트레이트를 획득하는 방법 및 장치 | |
CN106547420B (zh) | 一种页面处理方法和装置 | |
EP2895952B1 (en) | Displaying an application set identifier | |
US20150339002A1 (en) | Asynchronous Execution of Animation Tasks for a GUI | |
EP2998848A1 (en) | Method, device, and apparatus for controlling screen rotation | |
CN106303729B (zh) | 基于弹幕的交互方法、交互装置及用户设备 | |
CN106886511B (zh) | 一种网络表格的处理方法及装置 | |
CN107977137B (zh) | 应用页面的对象展示方法、装置和设备 | |
CN114119008A (zh) | 一种基于图形码识别的信息展示方法及装置 | |
CN110928626A (zh) | 一种界面切换方法、装置及电子设备 | |
CN108491140B (zh) | 互动内容的展示方法及装置 | |
CN113282169A (zh) | 头戴式显示设备的交互方法、装置及头戴式显示设备 | |
CN114092370A (zh) | 一种图像展示方法、装置、计算机设备及存储介质 | |
CN109240678B (zh) | 代码生成方法及装置 | |
CN109992649B (zh) | 聊天机器人的会话方法、装置及终端 | |
CN111562845A (zh) | 用于实现三维空间场景互动的方法、装置和设备 | |
CN113282167B (zh) | 头戴式显示设备的交互方法、装置及头戴式显示设备 | |
CN110808899B (zh) | 一种内容分享方法、装置、客户端、服务器及*** | |
CN113722630A (zh) | 基于客户端渲染的资源数据在web页面中的呈现方法及设备 | |
CN110231903B (zh) | 参数调节方法和设备 | |
CN114067084A (zh) | 图像展示方法及装置 | |
CN113434073A (zh) | 活动窗口的控制方法、装置、电子设备及可读存储介质 | |
CN113434214B (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 | ||
CB02 | Change of applicant information |
Address after: Building N3, Jinyu Zhizao workshop, No. 27, Jiancai Chengzhong Road, Haidian District, Beijing 100096 Applicant after: Beijing Xingxuan Technology Co.,Ltd. Address before: 100085 Beijing, Haidian District on the road to the information on the ground floor of the 1 to the 3 floor of the 2 floor, room 11, 202 Applicant before: Beijing Xiaodu Information Technology Co.,Ltd. |
|
CB02 | Change of applicant information | ||
GR01 | Patent grant | ||
GR01 | Patent grant |