CN112114723A - 页面滑动方法、装置和电子设备 - Google Patents
页面滑动方法、装置和电子设备 Download PDFInfo
- Publication number
- CN112114723A CN112114723A CN202011020684.3A CN202011020684A CN112114723A CN 112114723 A CN112114723 A CN 112114723A CN 202011020684 A CN202011020684 A CN 202011020684A CN 112114723 A CN112114723 A CN 112114723A
- Authority
- CN
- China
- Prior art keywords
- sliding
- page
- sub
- determining
- target
- 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
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/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/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
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为根据本公开实施例的页面滑动方法的另一个应用场景的示意图;
图2C为根据本公开实施例的页面滑动方法的另一个应用场景的示意图;
图3为根据本公开的页面滑动装置的一个实施例的结构示意图;
图4为本公开的一个实施例的页面滑动方法可以应用于其中的示例性系统架构;
图5为根据本公开实施例提供的电子设备的基本结构的示意图。
具体实施方式
下面将参照附图更详细地描述本公开的实施例。虽然附图中显示了本公开的某些实施例,然而应当理解的是,本公开可以通过各种形式来实现,而且不应该被解释为限于这里阐述的实施例,相反提供这些实施例是为了更加透彻和完整地理解本公开。应当理解的是,本公开的附图及实施例仅用于示例性作用,并非用于限制本公开的保护范围。
应当理解,本公开的方法实施方式中记载的各个步骤可以按照不同的顺序执行,和/或并行执行。此外,方法实施方式可以包括附加的步骤和/或省略执行示出的步骤。本公开的范围在此方面不受限制。
本文使用的术语“包括”及其变形是开放性包括,即“包括但不限于”。术语“基于”是“至少部分地基于”。术语“一个实施例”表示“至少一个实施例”;术语“另一实施例”表示“至少一个另外的实施例”;术语“一些实施例”表示“至少一些实施例”。其他术语的相关定义将在下文描述中给出。
需要注意,本公开中提及的“第一”、“第二”等概念仅用于对不同的装置、模块或单元进行区分,并非用于限定这些装置、模块或单元所执行的功能的顺序或者相互依存关系。
需要注意,本公开中提及的“一个”、“多个”的修饰是示意性而非限制性的,本领域技术人员应当理解,除非在上下文另有明确指出,否则应该理解为“一个或多个”。
本公开实施方式中的多个装置之间所交互的消息或者信息的名称仅用于说明性的目的,而并不是用于对这些消息或信息的范围进行限制。
需要说明的是,在不冲突的情况下,本公开中的实施例及实施例中的特征可以相互组合。
请参考图1,其示出了根据本公开的页面滑动方法的一个实施例的流程图,如图1所示,该页面滑动方法包括以下步骤101至步骤102。
步骤101,利用设置在页面中的第一滑动组件执行如下目标滑动组件确定操作:响应于接收到用户对页面执行的第一滑动操作,确定第一滑动操作对应的滑动信息,其中,页面包括第一页面以及设置在第一页面中的至少一个子页面,滑动信息包括滑动方向和滑动距离;基于滑动信息确定执行页面滑动操作的目标滑动组件;其中,目标滑动组件为用于滑动第一页面的第二滑动组件或者用于滑动子页面的第三滑动组件。
上述页面可以包括第一页面以及设置在第一页面中的至少一个子页面(例如,可以包括如图2A所示的页面)。其中,第一页面变换时,可以带动子页面整体滑动(例如,可以包括如图2B所示的页面)。当显示界面中只有子页面时(例如,可以包括如图2C所示的页面),子页面可以自行变换。应当说明的是,上述页面的布局形式为公知技术,本领域技术人员可以根据相关技术进行实现,此处不再赘述。用户基于该布局形式的页面,可以分别查看第一页面中不包括子页面的部分页面及子页面(也即,上述页面可以实现对页面信息分类展示的目的)。这里,为了行文方便,将上述第一页面中不包括子页面的部分页面称为头部区域。
用户可以在显示界面上对页面执行第一滑动操作。这里的显示界面可以包括手机显示界面、电脑显示界面等;其可以包括触摸屏显示界面,也可以包括非触摸屏显示界面。在一些应用场景中,用户可以用手指在触摸屏显示界面上进行滑动使页面变换,继而终端设备可以视为接收到了上述第一滑动操作。在另一些应用场景中,用户可以通过鼠标或触屏笔在显示界面上进行滑动使页面变换,继而终端设备可以视为接收到了上述用户对页面执行的第一滑动操作。
在一些应用场景中,可以利用上述第一滑动组件接收用户的第一滑动操作,以确定与第一滑动操作对应的滑动信息。例如,用户在显示界面中执行了向显示区域的顶部滑动2厘米的第一滑动操作。则可以利用第一滑动组件检测该第一滑动操作,并可以判断该第一滑动操作对应的滑动信息,也即,可以利用第一滑动组件确定该第一滑动操作对应的滑动信息为向显示区域的顶部滑动了2厘米。例如,用户在显示界面中执行了向显示区域底部滑动3厘米的第一滑动操作,则可以利用第一滑动组件检测该第一滑动操作,并可以判断出该第一滑动操作对应的滑动信息为向显示区域底部滑动了3厘米。应当说明的是,利用第一滑动组件确定第一滑动操作对应的滑动信息时,可以设置其他滑动组件不响应于该第一滑动操作,以可以使其他滑动组件的滑动事件均能够被收敛在第一滑动组件中。
利用第一滑动组件检测到滑动信息之后,可以基于滑动信息确定执行页面滑动操作的目标滑动组件。这里,目标滑动组件可为用于滑动第一页面的第二滑动组件或者用于滑动子页面的第三滑动组件。也即,可以利用第一滑动组件确定目标滑动组件,当目标滑动组件为第二滑动组件时,可以利用第二滑动组件滑动第一页面;当目标滑动组件为第三滑动组件时,可以利用第三滑动组件滑动子页面。
步骤102,利用目标滑动组件执行页面滑动操作,以刷新页面。
当目标滑动组件确定之后,可以利用第一滑动组件指示该目标滑动组件滑动对应的页面,继而可以得到刷新后的页面。这里,当确定目标滑动组件为第二滑动组件时,可以响应于用户的第一滑动操作执行页面滑动操作以滑动第一页面,此时,子页面整体可以跟随第一页面滑动。例如,滑动信息为向显示区域的顶部滑动了2厘米,则第一页面整体可以向显示区域滑动2厘米(例如,可以呈现如图2B所示的页面状态)。当确定目标滑动组件为第三滑动组件时,可以响应于用户的第一滑动操作执行页面滑动操作以滑动子页面,此时,第一页面中的头部区域可以滑动至显示区域之外。例如,上述的滑动信息为向显示区域的顶部滑动了2厘米,则子页面可以向显示区域的顶部滑动2厘米(例如,可以呈现如图2C所示的页面状态)。
在一些应用场景中,利用目标滑动组件执行了页面滑动操作之后,可以向用户展示刷新后的页面信息。在这些应用场景中,如果目标滑动组件确定为第二滑动组件时,则在利用第二滑动组件执行了对第一页面的页面滑动操作之后,可以显示滑动后的第一页面对应的页面信息。例如,可以显示包括如图2B所示的头部区域对应的页面信息和子页面对应的页面信息。这里的头部区域对应的页面信息例如可以包括对该页面制作者的简介信息、页面涉及内容的概括信息等;子页面对应的页面信息例如可以包括与头部区域的页面信息相关的动态信息、公告信息等。在这些应用场景中,如果目标滑动组件确定为第三滑动组件,则在利用第三滑动组件执行了对子页面的页面滑动操作之后,可以显示滑动后的子页面对应的页面信息。
现有技术中,为了实现页面中信息分类展示的目的,常常会将页面设置成与本公开中的页面(包括第一页面以及设置在第一页面中的至少一个子页面)结构相似的页面。但是现有技术中所提供的方案(例如,通过2个滑动组件分别控制第一页面及子页面,但2个滑动组件之间不能传递滑动事件,继而在2个滑动组件控制的页面衔接处会出现卡顿问题)不能较好地实现头部区域与子页面的平滑滑动,继而降低了用户体验。
本实施例中,通过首先利用设置在页面中的第一滑动组件执行如下目标滑动组件确定操作:响应于接收到用户对页面执行的第一滑动操作,确定第一滑动操作对应的滑动信息,其中,页面包括第一页面以及设置在第一页面中的至少一个子页面,滑动信息包括滑动方向和滑动距离;基于滑动信息确定执行页面滑动操作的目标滑动组件;其中,目标滑动组件为用于滑动第一页面的第二滑动组件或者用于滑动子页面的第三滑动组件;利用目标滑动组件执行页面滑动操作,以刷新页面。通过第一滑动组件确定滑动第一页面或子页面,使得在页面滑动时,头部区域与子页面的衔接处可以平滑滑动,不会出现卡顿问题。
在一些可选的实现方式中,滑动方向包括向显示页面的显示区域的顶部滑动的方向,以及上述步骤101中利用第一滑动组件执行的基于滑动信息确定执行页面滑动操作的目标滑动组件可以包括子步骤1011:根据向显示区域的顶部滑动的滑动信息,判断当前时刻对应的累积滑动距离是否使子页面到达显示区域的顶部,并根据判断结果确定目标滑动组件。
实践中,用户的第一滑动操作并不一定都是在显示区域的顶部至底部之间的竖直滑动操作,当用户执行对显示界面的倾斜滑动时,滑动信息所包含的滑动距离可以根据该第一滑动操作对应的滑动轨迹在竖直方向上的竖直分量确定。一些应用场景中,可以利用起始点所在的竖直轨迹与终止点所在的水平轨迹相交时,该交点、起始点、终止点所构成的三角关系进行计算。例如,三者形成直角三角关系时,当用户滑动了斜边5厘米时,该滑动轨迹对应的竖直分量可以为3厘米或者4厘米。
上述累积滑动距离可以包括用户在从触发第一滑动操作的时刻起,至当前时刻所滑动的总距离。在一些应用场景中,用户的滑动轨迹可以包括竖直滑动轨迹和倾斜滑动轨迹,当滑动轨迹为倾斜状态时,可以将该倾斜滑动轨迹对应的滑动距离的竖直分量确定为上述累积滑动距离。
当检测到用户向显示区域的顶部滑动的滑动信息时,可以确定当前时刻对应的累积滑动距离。实践中,页面的展示规格一般与显示区域的规格一致,用户在显示区域上执行第一滑动操作时,每滑动一定距离,页面可以跟随滑动相应的距离。例如,用户可以在触摸屏显示界面上执行缓慢、连贯的第一滑动操作,此时,当手指从起始点开始,至当前位置滑动了1厘米时,页面可以对应滑动1厘米,页面滑动的这1厘米可以视为当前时刻对应的累积滑动距离。
将当前时刻对应的累积滑动距离确定之后,可以判断该累积滑动距离是否能够使子页面到达显示区域的顶部。这里,可以预先设置固定位置用以检测子页面是否到达显示区域的顶部。例如,可以在距离显示区域的顶部0.5厘米、0.3厘米等地方设置检测区域,当子页面的顶部到达该检测区域时,可以确定子页面到达了显示区域的顶部。
在一些可选的实现方式中,上述子步骤1011可以包括两种判断结果,其一为累积滑动距离可以使子页面到达显示区域的顶部的第一判断结果,其二为累积滑动距离不能使子页面到达显示区域的顶部的第二判断结果。这样,上述子步骤1011可以包括以下步骤1。
步骤1,响应于确定累积滑动距离不能使子页面到达显示区域的顶部,将第二滑动组件确定为目标滑动组件。
例如,可以参阅图2A和图2B中所示的页面状态,假定头部区域(也即,图2A中第一页面的空白区域)的竖直距离为3厘米。如果当前时刻对应的累积滑动距离为2厘米,则不能使子页面到达显示区域的顶部。此时,可以将第二滑动组件确定为目标滑动组件。
将第二滑动组件确定为目标滑动组件之后,上述步骤102可以包括:利用第二滑动组件将第一页面滑动与滑动信息所匹配的滑动距离。
正如上述现有技术中所言,实践中通常会设置2个滑动组件以分别滑动第一页面和子页面。上述第二滑动组件可以执行滑动第一页面的操作。
将第二滑动组件确定为目标滑动组件之后,第一滑动组件可以向第二滑动组件发送滑动指令,利用第二滑动组件执行滑动第一页面的操作。例如,当确定了滑动距离为2厘米时,可以指示第二滑动组件执行将图2A中所呈现的第一页面滑动至图2B中所呈现的页面状态的页面滑动操作。
在一些可选的实现方式中,上述子步骤1011,可以包括以下步骤2。
步骤2,响应于确定累积滑动距离使子页面到达显示区域的顶部,将第三滑动组件确定为目标滑动组件。
例如,可以参阅图2A和图2C中所示的页面状态,假定头部区域(也即,图2A中第一页面的空白区域)的竖直距离为3厘米。如果当前时刻对应的累积滑动距离为3厘米,则可以使子页面到达显示区域的顶部。则当页面滑动了累积滑动距离时,子页面即可以到达显示区域的顶部。此时,可以呈现如图2C所示的页面状态。则当前显示区域中没有了头部区域,此时,可以将第三滑动组件确定为目标滑动组件。
将第三滑动组件确定为目标滑动组件之后,上述步骤102可以包括:利用第三滑动组件将子页面滑动第一滑动距离;其中,第一滑动距离基于累积滑动距离与将子页面滑动至显示区域的顶部的距离确定。
上述第三滑动组件可以执行滑动子页面的页面滑动操作。将第三滑动组件确定为目标滑动组件之后,第一滑动组件可以向第三滑动组件发送滑动指令,利用第三滑动组件执行滑动子页面的操作。例如,当确定了滑动距离为5厘米时,可以指示第三滑动组件执行将图2C中所呈现的页面继续进行滑动的页面滑动操作。
这里,子页面对应的第一滑动距离可以基于这一时刻对应的累积滑动距离和头部区域的距离进行确定。例如,用户当前累积滑动了5厘米,而滑动头部区域需要3厘米,则第一滑动距离可以为2厘米。
这样,利用第一滑动组件分别向第二滑动组件和第三滑动组件发送滑动指令,使第二滑动组件和第三滑动组件能够衔接完成页面滑动操作,继而可以实现页面的平滑滑动。
在一些可选的实现方式中,子页面包括多个栏目页面,以及第三滑动组件包括多个用于滑动单个栏目页面的子滑动组件。
上述子页面中可以包括多个栏目页面,这样可以进一步对信息进行分类展示。例如,图2A中所示的包括了第一栏目页面、第二栏目页面和第三栏目页面的子页面。这里的第一栏目页面例如可以展示行业的动态信息;第二栏目页面例如可以展示相关部门的公告信息;第三栏目页面例如可以展示对行业的分析信息等。各个栏目页面可以分别展示对应的信息,以使得用户可以分别查看对应的信息内容。
这样,上述第三滑动组件例如可以包括用于滑动上述第一栏目页面的第一子滑动组件、用于滑动上述第二栏目页面的第二子滑动组件和用于滑动上述第三栏目页面的第三子滑动组件。
这样,上述利用第三滑动组件将子页面滑动第一滑动距离的操作,进一步可以包括:利用子滑动组件将当前对应的栏目页面滑动第一滑动距离。
例如,图2C中所呈现的页面状态,如果当前呈现的是第一栏目页面对应的页面信息,当用户执行对页面的第一滑动操作时,第一滑动组件可以指示第一子滑动组件滑动该第一栏目页面;如果当前呈现的是第二栏目页面对应的页面信息,当用户执行对页面的第一滑动操作时,第一滑动组件可以指示第二子滑动组件滑动该第二栏目页面。如果当前呈现的是第三栏目页面对应的页面信息,当用户执行对页面的第一滑动操作时,第一滑动组件可以指示第三子滑动组件滑动该第三栏目页面。继而,能够将多个栏目页面分别进行滑动,便于用户滑动感兴趣的栏目页面,以浏览到感兴趣的信息内容。
请参考图3,其示出了根据本公开的页面滑动装置的一个实施例的结构示意图,如图3所示,页面滑动装置包括确定模块301和刷新模块302。其中,确定模块301,用于利用设置在页面中的第一滑动组件执行如下目标滑动组件确定操作:响应于接收到用户对页面执行的第一滑动操作,确定第一滑动操作对应的滑动信息,其中,页面包括第一页面以及设置在第一页面中的至少一个子页面,滑动信息包括滑动方向和滑动距离;基于滑动信息确定执行页面滑动操作的目标滑动组件;其中,目标滑动组件为用于滑动第一页面的第二滑动组件或者用于滑动子页面的第三滑动组件;刷新模块302,用于利用目标滑动组件执行页面滑动操作,以刷新页面。
需要说明的是,该页面滑动装置的确定模块301和刷新模块302的具体处理及其所带来的技术效果可分别参考图1对应实施例中步骤101至步骤102的相关说明,在此不再赘述。
在本实施例的一些可选的实现方式中,上述滑动方向包括向显示页面的显示区域的顶部滑动的方向,以及确定模块301进一步用于:根据向显示区域的顶部滑动的滑动信息,判断当前时刻对应的累积滑动距离是否使子页面到达显示区域的顶部,并根据判断结果确定目标滑动组件。
在本实施例的一些可选的实现方式中,确定模块301进一步用于:响应于确定累积滑动距离不能使子页面到达显示区域的顶部,将第二滑动组件确定为目标滑动组件;以及刷新模块302进一步用于:利用第二滑动组件将第一页面滑动与滑动信息所匹配的滑动距离。
在本实施例的一些可选的实现方式中,确定模块301进一步用于:响应于确定累积滑动距离使子页面到达显示区域的顶部,将第三滑动组件确定为目标滑动组件;以及刷新模块302进一步用于:利用第三滑动组件将子页面滑动第一滑动距离;其中,第一滑动距离基于累积滑动距离与将子页面滑动至显示区域的顶部的距离确定。
在本实施例的一些可选的实现方式中,子页面包括多个栏目页面,以及第三滑动组件包括多个用于滑动单个栏目页面的子滑动组件;以及刷新模块302进一步用于:利用子滑动组件将当前对应的栏目页面滑动第一滑动距离。
请参考图4,其示出了本公开的一个实施例的页面滑动方法可以应用于其中的示例性系统架构。
如图4所示,系统架构可以包括终端设备401、402、403,网络404,服务器405。网络404用以在终端设备401、402、403和服务器405之间提供通信链路的介质。网络404可以包括各种连接类型,例如有线、无线通信链路或者光纤电缆等等。上述终端设备和服务器可以利用诸如HTTP(HyperText Transfer Protocol,超文本传输协议)之类的任何当前已知或未来研发的网络协议进行通信,并且可以与任意形式或介质的数字数据通信(例如,通信网络)互连。通信网络的示例包括局域网(“LAN”),广域网(“WAN”),网际网(例如,互联网)以及端对端网络(例如,Ad hoc端对端网络),以及任何当前已知或未来研发的网络。
终端设备401、402、403可以通过网络404与服务器405交互,以接收或发送消息等。终端设备401、402、403上可以安装有各种客户端应用,例如视频发布应用、搜索类应用、新闻资讯类应用。
终端设备401、402、403可以是硬件,也可以是软件。当终端设备401、402、403为硬件时,可以是具有显示屏并且支持网页浏览的各种电子设备,包括但不限于智能手机、平板电脑、电子书阅读器、MP3播放器(Moving Picture Experts Group Audio Layer III,动态影像专家压缩标准音频层面3)、MP4(Moving Picture Experts Group Audio Layer IV,动态影像专家压缩标准音频层面4)播放器、膝上型便携计算机和台式计算机等等。当终端设备401、402、403为软件时,可以安装在上述所列举的电子设备中。其可以实现成多个软件或软件模块(例如用来提供分布式服务的软件或软件模块),也可以实现成单个软件或软件模块。在此不做具体限定。
服务器405可以是可以提供各种服务的服务器,例如接收终端设备401、402、403发送的页面信息获取请求,对页面信息获取请求进行分析处理,并将分析处理结果(例如与上述获取请求对应的页面信息)发送给终端设备401、402、403。
需要说明的是,本公开实施例所提供的页面滑动方法可以由终端设备执行,相应地,页面滑动装置可以设置在终端设备中。
应该理解,图4中的终端设备、网络和服务器的数目仅仅是示意性的。根据实现需要,可以具有任意数目的终端设备、网络和服务器。
下面参考图5,其示出了适于用来实现本公开实施例的电子设备(例如图4中的终端设备)的结构示意图。图5示出的电子设备仅仅是一个示例,不应对本公开实施例的功能和使用范围带来任何限制。
如图5所示,电子设备可以包括处理装置(例如中央处理器、图形处理器等)501,其可以根据存储在只读存储器(ROM)502中的程序或者从存储装置508加载到随机访问存储器(RAM)503中的程序而执行各种适当的动作和处理。在RAM 503中,还存储有电子设备操作所需的各种程序和数据。处理装置501、ROM 502以及RAM 503通过总线504彼此相连。输入/输出(I/O)接口505也连接至总线504。
通常,以下装置可以连接至I/O接口505:包括例如触摸屏、触摸板、键盘、鼠标、摄像头、麦克风、加速度计、陀螺仪等的输入装置506;包括例如液晶显示器(LCD)、扬声器、振动器等的输出装置507;包括例如磁带、硬盘等的存储装置508;以及通信装置509。通信装置509可以允许电子设备与其他设备进行无线或有线通信以交换数据。虽然图5示出了具有各种装置的电子设备,但是应理解的是,并不要求实施或具备所有示出的装置。可以替代地实施或具备更多或更少的装置。
特别地,根据本公开的实施例,上文参考流程图描述的过程可以被实现为计算机软件程序。例如,本公开的实施例包括一种计算机程序产品,其包括承载在非暂态计算机可读介质上的计算机程序,该计算机程序包含用于执行流程图所示的方法的程序代码。在这样的实施例中,该计算机程序可以通过通信装置509从网络上被下载和安装,或者从存储装置508被安装,或者从ROM 502被安装。在该计算机程序被处理装置501执行时,执行本公开实施例的方法中限定的上述功能。
需要说明的是,本公开上述的计算机可读介质可以是计算机可读信号介质或者计算机可读存储介质或者是上述两者的任意组合。计算机可读存储介质例如可以是——但不限于——电、磁、光、电磁、红外线、或半导体的系统、装置或器件,或者任意以上的组合。计算机可读存储介质的更具体的例子可以包括但不限于:具有一个或多个导线的电连接、便携式计算机磁盘、硬盘、随机访问存储器(RAM)、只读存储器(ROM)、可擦式可编程只读存储器(EPROM或闪存)、光纤、便携式紧凑磁盘只读存储器(CD-ROM)、光存储器件、磁存储器件、或者上述的任意合适的组合。在本公开中,计算机可读存储介质可以是任何包含或存储程序的有形介质,该程序可以被指令执行系统、装置或者器件使用或者与其结合使用。而在本公开中,计算机可读信号介质可以包括在基带中或者作为载波一部分传播的数据信号,其中承载了计算机可读的程序代码。这种传播的数据信号可以采用多种形式,包括但不限于电磁信号、光信号或上述的任意合适的组合。计算机可读信号介质还可以是计算机可读存储介质以外的任何计算机可读介质,该计算机可读信号介质可以发送、传播或者传输用于由指令执行系统、装置或者器件使用或者与其结合使用的程序。计算机可读介质上包含的程序代码可以用任何适当的介质传输,包括但不限于:电线、光缆、RF(射频)等等,或者上述的任意合适的组合。
上述计算机可读介质可以是上述电子设备中所包含的;也可以是单独存在,而未装配入该电子设备中。
上述计算机可读介质承载有一个或者多个程序,当上述一个或者多个程序被该电子设备执行时,使得该电子设备:利用设置在页面中的第一滑动组件执行如下目标滑动组件确定操作:响应于接收到用户对页面执行的第一滑动操作,确定第一滑动操作对应的滑动信息,其中,页面包括第一页面以及设置在第一页面中的至少一个子页面,滑动信息包括滑动方向和滑动距离;基于滑动信息确定执行页面滑动操作的目标滑动组件;其中,目标滑动组件为用于滑动第一页面的第二滑动组件或者用于滑动子页面的第三滑动组件;利用目标滑动组件执行页面滑动操作,以刷新页面。
可以以一种或多种程序设计语言或其组合来编写用于执行本公开的操作的计算机程序代码,上述程序设计语言包括但不限于面向对象的程序设计语言—诸如Java、Smalltalk、C++,还包括常规的过程式程序设计语言—诸如“C”语言或类似的程序设计语言。程序代码可以完全地在用户计算机上执行、部分地在用户计算机上执行、作为一个独立的软件包执行、部分在用户计算机上部分在远程计算机上执行、或者完全在远程计算机或服务器上执行。在涉及远程计算机的情形中,远程计算机可以通过任意种类的网络——包括局域网(LAN)或广域网(WAN)—连接到用户计算机,或者,可以连接到外部计算机(例如利用因特网服务提供商来通过因特网连接)。
附图中的流程图和框图,图示了按照本公开各种实施例的系统、方法和计算机程序产品的可能实现的体系架构、功能和操作。在这点上,流程图或框图中的每个方框可以代表一个模块、程序段、或代码的一部分,该模块、程序段、或代码的一部分包含一个或多个用于实现规定的逻辑功能的可执行指令。也应当注意,在有些作为替换的实现中,方框中所标注的功能也可以以不同于附图中所标注的顺序发生。例如,两个接连地表示的方框实际上可以基本并行地执行,它们有时也可以按相反的顺序执行,这依所涉及的功能而定。也要注意的是,框图和/或流程图中的每个方框、以及框图和/或流程图中的方框的组合,可以用执行规定的功能或操作的专用的基于硬件的系统来实现,或者可以用专用硬件与计算机指令的组合来实现。
描述于本公开实施例中所涉及到的单元可以通过软件的方式实现,也可以通过硬件的方式来实现。其中,模块的名称在某种情况下并不构成对该单元本身的限定,例如,刷新模块302还可以被描述为“利用目标滑动组件执行页面滑动操作,以刷新页面的模块”。
本文中以上描述的功能可以至少部分地由一个或多个硬件逻辑部件来执行。例如,非限制性地,可以使用的示范类型的硬件逻辑部件包括:现场可编程门阵列(FPGA)、专用集成电路(ASIC)、专用标准产品(ASSP)、片上系统(SOC)、复杂可编程逻辑设备(CPLD)等等。
在本公开的上下文中,机器可读介质可以是有形的介质,其可以包含或存储以供指令执行系统、装置或设备使用或与指令执行系统、装置或设备结合地使用的程序。机器可读介质可以是机器可读信号介质或机器可读储存介质。机器可读介质可以包括但不限于电子的、磁性的、光学的、电磁的、红外的、或半导体系统、装置或设备,或者上述内容的任何合适组合。机器可读存储介质的更具体示例会包括基于一个或多个线的电气连接、便携式计算机盘、硬盘、随机存取存储器(RAM)、只读存储器(ROM)、可擦除可编程只读存储器(EPROM或快闪存储器)、光纤、便捷式紧凑盘只读存储器(CD-ROM)、光学储存设备、磁储存设备、或上述内容的任何合适组合。
以上描述仅为本公开的较佳实施例以及对所运用技术原理的说明。本领域技术人员应当理解,本公开中所涉及的公开范围,并不限于上述技术特征的特定组合而成的技术方案,同时也应涵盖在不脱离上述公开构思的情况下,由上述技术特征或其等同特征进行任意组合而形成的其它技术方案。例如上述特征与本公开中公开的(但不限于)具有类似功能的技术特征进行互相替换而形成的技术方案。
此外,虽然采用特定次序描绘了各操作,但是这不应当理解为要求这些操作以所示出的特定次序或以顺序次序执行来执行。在一定环境下,多任务和并行处理可能是有利的。同样地,虽然在上面论述中包含了若干具体实现细节,但是这些不应当被解释为对本公开的范围的限制。在单独的实施例的上下文中描述的某些特征还可以组合地实现在单个实施例中。相反地,在单个实施例的上下文中描述的各种特征也可以单独地或以任何合适的子组合的方式实现在多个实施例中。
尽管已经采用特定于结构特征和/或方法逻辑动作的语言描述了本主题,但是应当理解所附权利要求书中所限定的主题未必局限于上面描述的特定特征或动作。相反,上面所描述的特定特征和动作仅仅是实现权利要求书的示例形式。
Claims (12)
1.一种页面滑动方法,其特征在于,包括:
利用设置在页面中的第一滑动组件执行如下目标滑动组件确定操作:响应于接收到用户对页面执行的第一滑动操作,确定所述第一滑动操作对应的滑动信息,其中,所述页面包括第一页面以及设置在所述第一页面中的至少一个子页面,所述滑动信息包括滑动方向和滑动距离;基于所述滑动信息确定执行页面滑动操作的目标滑动组件;其中,所述目标滑动组件为用于滑动所述第一页面的第二滑动组件或者用于滑动所述子页面的第三滑动组件;
利用所述目标滑动组件执行页面滑动操作,以刷新页面。
2.根据权利要求1所述的方法,其特征在于,所述滑动方向包括向显示所述页面的显示区域的顶部滑动的方向,以及
所述基于所述滑动信息确定执行页面滑动操作的目标滑动组件,包括:
根据向所述显示区域的顶部滑动的滑动信息,判断当前时刻对应的累积滑动距离是否使所述子页面到达所述显示区域的顶部,并根据判断结果确定所述目标滑动组件。
3.根据权利要求2所述的方法,其特征在于,所述根据向所述显示区域的顶部滑动的滑动信息,判断当前时刻对应的累积滑动距离是否使所述子页面到达所述显示区域的顶部,并根据判断结果确定所述目标滑动组件,包括:
响应于确定所述累积滑动距离不能使所述子页面到达所述显示区域的顶部,将所述第二滑动组件确定为所述目标滑动组件;以及
所述利用所述目标滑动组件执行页面滑动操作,以刷新页面,包括:
利用所述第二滑动组件将所述第一页面滑动与所述滑动信息所匹配的滑动距离。
4.根据权利要求2所述的方法,其特征在于,所述根据向所述显示区域的顶部滑动的滑动信息,判断当前时刻对应的累积滑动距离是否使所述子页面到达所述显示区域的顶部,并根据判断结果确定所述目标滑动组件,包括:
响应于确定所述累积滑动距离使所述子页面到达所述显示区域的顶部,将所述第三滑动组件确定为所述目标滑动组件;以及
所述利用所述目标滑动组件执行页面滑动操作,以刷新页面,包括:
利用所述第三滑动组件将所述子页面滑动第一滑动距离;其中,所述第一滑动距离基于累积滑动距离与将所述子页面滑动至所述显示区域的顶部的距离确定。
5.根据权利要求4所述的方法,其特征在于,所述子页面包括多个栏目页面,以及
所述第三滑动组件包括多个用于滑动单个所述栏目页面的子滑动组件;以及
所述利用所述第三滑动组件将所述子页面滑动第一滑动距离,包括:
利用所述子滑动组件将当前对应的栏目页面滑动所述第一滑动距离。
6.一种页面滑动装置,其特征在于,包括:
确定模块,用于利用设置在页面中的第一滑动组件执行如下目标滑动组件确定操作:响应于接收到用户对页面执行的第一滑动操作,确定所述第一滑动操作对应的滑动信息,其中,所述页面包括第一页面以及设置在所述第一页面中的至少一个子页面,所述滑动信息包括滑动方向和滑动距离;基于所述滑动信息确定执行页面滑动操作的目标滑动组件;其中,所述目标滑动组件为用于滑动所述第一页面的第二滑动组件或者用于滑动所述子页面的第三滑动组件;
刷新模块,用于利用所述目标滑动组件执行页面滑动操作,以刷新页面。
7.根据权利要求6所述的装置,其特征在于,所述滑动方向包括向显示所述页面的显示区域的顶部滑动的方向,以及
所述确定模块进一步用于:
根据向所述显示区域的顶部滑动的滑动信息,判断当前时刻对应的累积滑动距离是否使所述子页面到达所述显示区域的顶部,并根据判断结果确定所述目标滑动组件。
8.根据权利要求7所述的装置,其特征在于,所述确定模块进一步用于:
响应于确定所述累积滑动距离不能使所述子页面到达所述显示区域的顶部,将所述第二滑动组件确定为所述目标滑动组件;以及
所述刷新模块进一步用于:
利用所述第二滑动组件将所述第一页面滑动与所述滑动信息所匹配的滑动距离。
9.根据权利要求7所述的装置,其特征在于,所述确定模块进一步用于:
响应于确定所述累积滑动距离使所述子页面到达所述显示区域的顶部,将所述第三滑动组件确定为所述目标滑动组件;以及
所述刷新模块进一步用于:
利用所述第三滑动组件将所述子页面滑动第一滑动距离;其中,所述第一滑动距离基于累积滑动距离与将所述子页面滑动至所述显示区域的顶部的距离确定。
10.根据权利要求9所述的装置,其特征在于,所述子页面包括多个栏目页面,以及
所述第三滑动组件包括多个用于滑动单个所述栏目页面的子滑动组件;以及
所述刷新模块进一步用于:
利用所述子滑动组件将当前对应的栏目页面滑动所述第一滑动距离。
11.一种电子设备,其特征在于,包括:
一个或多个处理器;
存储装置,其上存储有一个或多个程序,当所述一个或多个程序被所述一个或多个处理器执行,使得所述一个或多个处理器实现权利要求1-5中任一所述的方法。
12.一种计算机可读介质,其上存储有计算机程序,其特征在于,该程序被处理器执行时实现如权利要求1-5中任一所述的方法。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202011020684.3A CN112114723B (zh) | 2020-09-24 | 2020-09-24 | 页面滑动方法、装置和电子设备 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202011020684.3A CN112114723B (zh) | 2020-09-24 | 2020-09-24 | 页面滑动方法、装置和电子设备 |
Publications (2)
Publication Number | Publication Date |
---|---|
CN112114723A true CN112114723A (zh) | 2020-12-22 |
CN112114723B CN112114723B (zh) | 2022-03-29 |
Family
ID=73800134
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN202011020684.3A Active CN112114723B (zh) | 2020-09-24 | 2020-09-24 | 页面滑动方法、装置和电子设备 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN112114723B (zh) |
Citations (12)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US20130212517A1 (en) * | 2012-02-13 | 2013-08-15 | Lenovo (Beijing) Co., Ltd. | Electronic Device and Display Processing Method |
US20140143654A1 (en) * | 2012-11-22 | 2014-05-22 | Institute For Information Industry | Systems and methods for generating mobile app page template, and storage medium thereof |
CN104484092A (zh) * | 2014-12-12 | 2015-04-01 | 小米科技有限责任公司 | 页面显示方法及装置、终端 |
US20160124638A1 (en) * | 2012-06-29 | 2016-05-05 | International Business Machines Corporation | Method for touch input and device therefore |
CN107193465A (zh) * | 2016-03-15 | 2017-09-22 | 北大方正集团有限公司 | 一种触控页面展示方法及系统 |
CN107402700A (zh) * | 2017-06-21 | 2017-11-28 | 北京小度信息科技有限公司 | 页面显示方法和装置 |
CN108958612A (zh) * | 2018-06-14 | 2018-12-07 | 北京字节跳动网络技术有限公司 | 控制页面滑动的方法、控制页面方法、系统、设备及计算机可读存储介质 |
CN109492178A (zh) * | 2018-11-05 | 2019-03-19 | 腾讯科技(深圳)有限公司 | 一种切换视图的方法及装置 |
CN110099162A (zh) * | 2019-03-18 | 2019-08-06 | 努比亚技术有限公司 | 一种页面显示处理方法及穿戴式设备 |
CN110471594A (zh) * | 2019-08-22 | 2019-11-19 | 北京字节跳动网络技术有限公司 | 一种页面调整方法、装置、设备及介质 |
CN111273986A (zh) * | 2020-01-20 | 2020-06-12 | 北京无限光场科技有限公司 | 应用程序的页面跳转方法、装置、电子设备及存储介质 |
CN111368240A (zh) * | 2019-09-19 | 2020-07-03 | 杭州海康威视系统技术有限公司 | 页面显示方法、装置及设备、存储介质 |
-
2020
- 2020-09-24 CN CN202011020684.3A patent/CN112114723B/zh active Active
Patent Citations (12)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US20130212517A1 (en) * | 2012-02-13 | 2013-08-15 | Lenovo (Beijing) Co., Ltd. | Electronic Device and Display Processing Method |
US20160124638A1 (en) * | 2012-06-29 | 2016-05-05 | International Business Machines Corporation | Method for touch input and device therefore |
US20140143654A1 (en) * | 2012-11-22 | 2014-05-22 | Institute For Information Industry | Systems and methods for generating mobile app page template, and storage medium thereof |
CN104484092A (zh) * | 2014-12-12 | 2015-04-01 | 小米科技有限责任公司 | 页面显示方法及装置、终端 |
CN107193465A (zh) * | 2016-03-15 | 2017-09-22 | 北大方正集团有限公司 | 一种触控页面展示方法及系统 |
CN107402700A (zh) * | 2017-06-21 | 2017-11-28 | 北京小度信息科技有限公司 | 页面显示方法和装置 |
CN108958612A (zh) * | 2018-06-14 | 2018-12-07 | 北京字节跳动网络技术有限公司 | 控制页面滑动的方法、控制页面方法、系统、设备及计算机可读存储介质 |
CN109492178A (zh) * | 2018-11-05 | 2019-03-19 | 腾讯科技(深圳)有限公司 | 一种切换视图的方法及装置 |
CN110099162A (zh) * | 2019-03-18 | 2019-08-06 | 努比亚技术有限公司 | 一种页面显示处理方法及穿戴式设备 |
CN110471594A (zh) * | 2019-08-22 | 2019-11-19 | 北京字节跳动网络技术有限公司 | 一种页面调整方法、装置、设备及介质 |
CN111368240A (zh) * | 2019-09-19 | 2020-07-03 | 杭州海康威视系统技术有限公司 | 页面显示方法、装置及设备、存储介质 |
CN111273986A (zh) * | 2020-01-20 | 2020-06-12 | 北京无限光场科技有限公司 | 应用程序的页面跳转方法、装置、电子设备及存储介质 |
Non-Patent Citations (1)
Title |
---|
嘉煠: "vue 父页面中含子页面滑动,滑动结束,底部组件进行滑动", 《HTTPS://WWW.CNBLOGS.COM/JIAYEYUAN/P/10145126.HTML》 * |
Also Published As
Publication number | Publication date |
---|---|
CN112114723B (zh) | 2022-03-29 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN111510760B (zh) | 视频信息展示方法和装置、存储介质和电子设备 | |
CN111399956B (zh) | 应用于显示设备的内容展示方法、装置和电子设备 | |
US20220366124A1 (en) | Display method and apparatus, and electronic device | |
CN112261459A (zh) | 一种视频处理方法、装置、电子设备和存储介质 | |
CN110716684B (zh) | 用户界面的显示方法、装置、电子设备及机可读存储介质 | |
CN111190520A (zh) | 菜单项选择方法、装置、可读介质及电子设备 | |
CN110633126B (zh) | 信息显示方法、装置和电子设备 | |
CN113032172B (zh) | 异常检测方法、装置和电子设备 | |
CN111258736B (zh) | 信息处理方法、装置和电子设备 | |
CN113191726A (zh) | 任务详情界面展示方法、装置、设备和计算机可读介质 | |
CN111291244A (zh) | 房源信息展示方法、装置、终端及存储介质 | |
CN114416261B (zh) | 一种信息展示方法、装置、设备及介质 | |
CN116302289A (zh) | 一种显示交互方法、装置及设备 | |
CN111310086A (zh) | 一种页面跳转方法、装置和电子设备 | |
CN111259291B (zh) | 视图展示方法、装置和电子设备 | |
CN111552620A (zh) | 数据获取方法、装置、终端及存储介质 | |
CN111273884A (zh) | 图像显示方法、装置和电子设备 | |
CN112114723B (zh) | 页面滑动方法、装置和电子设备 | |
CN113608816B (zh) | 进度的调整方法、装置、电子设备和存储介质 | |
CN111258475B (zh) | 信息更新方法、装置和电子设备 | |
CN111596987B (zh) | 一种页面显示方法、装置和电子设备 | |
CN112965778B (zh) | 聊天页面展示方法、装置、电子设备和计算机可读介质 | |
CN112306339B (zh) | 用于显示图像的方法和装置 | |
CN112488094B (zh) | 光学字符识别方法、装置和电子设备 | |
CN113256659B (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 |