CN113761411A - 一种页面处理方法和装置 - Google Patents

一种页面处理方法和装置 Download PDF

Info

Publication number
CN113761411A
CN113761411A CN202010852051.2A CN202010852051A CN113761411A CN 113761411 A CN113761411 A CN 113761411A CN 202010852051 A CN202010852051 A CN 202010852051A CN 113761411 A CN113761411 A CN 113761411A
Authority
CN
China
Prior art keywords
sliding
display area
view component
page
content
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.)
Pending
Application number
CN202010852051.2A
Other languages
English (en)
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.)
Beijing Jingdong Century Trading Co Ltd
Beijing Wodong Tianjun Information Technology Co Ltd
Original Assignee
Beijing Jingdong Century Trading Co Ltd
Beijing Wodong Tianjun Information 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 Jingdong Century Trading Co Ltd, Beijing Wodong Tianjun Information Technology Co Ltd filed Critical Beijing Jingdong Century Trading Co Ltd
Priority to CN202010852051.2A priority Critical patent/CN113761411A/zh
Publication of CN113761411A publication Critical patent/CN113761411A/zh
Pending legal-status Critical Current

Links

Images

Classifications

    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
    • G06F16/90—Details of database functions independent of the retrieved data types
    • G06F16/95—Retrieval from the web
    • G06F16/957—Browsing optimisation, e.g. caching or content distillation
    • 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
    • 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

Landscapes

  • Engineering & Computer Science (AREA)
  • Theoretical Computer Science (AREA)
  • General Engineering & Computer Science (AREA)
  • Physics & Mathematics (AREA)
  • General Physics & Mathematics (AREA)
  • Databases & Information Systems (AREA)
  • Human Computer Interaction (AREA)
  • Data Mining & Analysis (AREA)
  • User Interface Of Digital Computer (AREA)

Abstract

本发明公开了一种页面处理方法和装置，涉及计算机技术领域。该方法的一具体实施方式包括：获取页面的滑动指令，其中，页面包括第一展示区域和第二展示区域，第一展示区域和第二展示区域分别由第一视图组件和第二视图组件控制，第一视图组件与所述第二视图组件之间存在嵌套关系，滑动指令包括页面的滑动方向和理论滑动距离；响应于预设的第一滑动响应条件，根据滑动方向，通过第一视图组件控制第一展示区域更新；响应于第一视图组件满足停止控制条件且页面的实际滑动距离小于理论滑动距离，通过第二视图组件接续控制第二展示区域更新。该实施方式能够使页面中的不同展示区域之间平滑切换，避免页面滑动过程中出现卡顿现象，以提高用户体验。

Description

一种页面处理方法和装置
技术领域
本发明涉及计算机技术领域，尤其涉及一种页面处理方法和装置。
背景技术
目前为了增强页面的使用性，往往为页面配置多个展示区域，在不同展示区域展示不同的内容。比如，在电商购物网站中的购物页、商品详情展示页、支付页、购物车页等，除了设置有基本功能展示区域，还会增加其他附加展示区域(如商品推荐展示区域、商品精选展示区域等)。在现有技术中，主要通过不同框架维护不同的展示区域。
在实现本发明过程中，发明人发现现有技术中至少存在如下问题：
现有通过不同框架维护页面的不同展示区域的方式，会导致不同展示区域之间切换过程出现卡顿现象，影响用户体验。
发明内容
有鉴于此，本发明实施例提供一种页面处理方法和装置，能够使页面中的不同展示区域之间平滑切换，避免页面滑动过程中出现卡顿现象，以提高用户体验。
为实现上述目的，根据本发明实施例的一个方面，提供了一种页面处理方法，包括：
获取页面的滑动指令，其中，所述页面包括第一展示区域以及第二展示区域，所述第一展示区域由第一视图组件控制，所述第二展示区域由第二视图组件控制，所述第一视图组件与所述第二视图组件之间存在嵌套关系，所述滑动指令包括页面的滑动方向和理论滑动距离；
响应于预设的第一滑动响应条件，根据所述滑动方向，通过所述第一视图组件控制所述第一展示区域，以使所述第一展示区域中的展示内容更新；
响应于所述第一视图组件满足停止控制条件且所述页面的实际滑动距离小于所述理论滑动距离，根据所述滑动方向，通过所述第二视图组件接续控制所述第二展示区域，以使所述第二展示区域中的展示内容更新。
优选地，
所述第一滑动响应条件包括：
所述第二展示区域中的导航栏未位于所述页面所处的显示屏幕的目标区域；
或者，
所述第二展示区域不存在待展示内容；
或者，
所述第二展示区域的所有待展示内容进入所述第二展示区域的方向与所述滑动方向相反。
优选地，页面处理方法，还包括：
针对所述第二视图组件嵌套于所述第一视图组件的情况，
响应于预设的第二滑动响应条件，根据所述滑动方向，通过所述第二视图组件控制所述第二展示区域，以使所述第二展示区域中的展示内容更新。
优选地，所述第二滑动响应条件，包括：
所述第二展示区域中的导航栏位于显示屏幕的目标区域，且所述第二展示区域的待展示内容进入显示屏幕的方向与所述滑动方向相同。
优选地，
针对所述第二展示区域中的导航栏包括多个导航选项，所述多个导航选项分别对应不同类别的展示内容，
通过所述第二视图组件控制所述第二展示区域，以使所述第二展示区域中的展示内容更新，包括：
响应于当前展示的导航选项和所述滑动方向，确定与所述当前展示的导航选项相匹配类别的待展示内容；
根据确定出的待展示内容，通过所述第二视图组件更新所述第二展示区域。
优选地，通过所述第二视图组件控制，以使所述第二展示区域中的展示内容更新，包括：
针对所述滑动方向指示展示当前展示内容之后的内容，且当前展示的导航选项不是最后一个导航选项，
响应于所述当前展示的导航选项匹配类别的内容满足滑动停止条件，且所述页面的实际滑动距离小于所述理论滑动距离，通过所述第二视图组件控制从所述当前展示的导航选项跳转到下一导航选项，以在所述第二展示区域展示所述下一导航选项匹配类别的内容。
优选地，通过所述第二视图组件控制所述第二展示区域，以使所述第二展示区域中的展示内容更新包括：
针对所述滑动方向指示展示当前展示内容之前的内容，且当前展示的导航选项不是第一个导航选项，
响应于所述当前展示的导航选项匹配类别的内容满足滑动停止条件且所述页面的实际滑动距离小于所述理论滑动距离，通过所述第二视图组件控制从所述当前展示的导航选项跳转到上一导航选项，以在所述第二展示区域展示所述上一导航选项匹配类别的内容。
优选地，所述滑动停止条件包括：
所述当前展示的导航选项匹配类别的内容均在所述页面所处的显示屏幕展示；
或者，
所述当前展示的导航选项匹配类别的待展示内容进入所述页面所处的显示屏幕的方向与所述滑动方向相反。
优选地，页面处理方法还包括：响应于滑动事件，所述滑动事件包括滑动方向、滑动起始位置和滑动终止位置，根据所述滑动起始位置和所述滑动终止位置，计算理论滑动距离；
所述获取页面的滑动指令，包括：将所述滑动方向和计算出的所述理论滑动距离转换为滑动指令。
第二方面，本发明实施例提供一种页面处理装置，包括：获取单元、第一视图组件和第二视图组件，其中，
所述获取单元，用于获取页面的滑动指令，其中，所述页面包括第一展示区域以及第二展示区域，所述第一展示区域由第一视图组件控制，所述第二展示区域由第二视图组件控制，所述第一视图组件与所述第二视图组件之间存在嵌套关系，所述滑动指令包括页面的滑动方向和理论滑动距离；
所述第一视图组件，用于响应于预设的第一滑动响应条件，根据所述滑动方向，控制所述第一展示区域，以使所述第一展示区域中的展示内容更新；
所述第二视图组件，用于响应于所述第一视图组件满足停止控制条件且所述页面的实际滑动距离小于所述理论滑动距离，根据所述滑动方向，接续控制，以使所述第二展示区域中的展示内容更新。
优选地，
针对所述第二视图组件嵌套于所述第一视图组件的情况，
所述第二视图组件，用于响应于预设的第二滑动响应条件，根据所述滑动方向，控制所述第二展示区域，以使所述第二展示区域中的展示内容更新。
上述发明中的一个实施例具有如下优点或有益效果：由于页面包括的第一展示区域由第一视图组件以及页面包括的第二展示区域由第二视图组件控制，而第一视图组件与第二视图组件之间存在嵌套关系，由于该嵌套关系的存在，使得第一视图组件与第二视图组件之间的切换比较简单、方便操作，另外，响应于预设的第一滑动响应条件，根据滑动方向，通过第一视图组件控制第一展示区域，以使第一展示区域中的展示内容更新，响应于第一视图组件满足停止控制条件且页面的实际滑动距离小于理论滑动距离，根据滑动方向，通过第二视图组件接续控制第二展示区域，以使第二展示区域中的展示内容更新，即通过第一滑动响应条件以及停止控制条件控制第一视图组件与第二视图组件之间的切换，即第一视图组件与第二视图组件之间的切换可通过比较简单的配置即可实现，另外，第一视图组件与第二视图组件之间的切换并不涉及内容的继承，是相对独立的，因此，第一视图组件与第二视图组件之间可以比较迅速、顺滑地完成切换，避免页面滑动过程中出现卡顿现象，以提高用户体验。
上述的非惯用的可选方式所具有的进一步效果将在下文中结合具体实施方式加以说明。
附图说明
附图用于更好地理解本发明，不构成对本发明的不当限定。其中：
图1是根据本发明实施例的页面处理方法的主要流程的示意图；
图2是根据本发明实施例的页面中各区域的示意图；
图3是根据本发明另一实施例的页面中各区域的示意图；
图4是根据本发明又一实施例的页面中各区域的示意图；
图5是根据本发明另一实施例的页面中各区域的示意图；
图6是根据本发明又一实施例的页面中各区域的示意图；
图7是根据本发明又一实施例的页面中各区域的示意图；
图8是根据本发明实施例的页面处理装置的主要单元的示意图；
图9是本发明实施例可以应用于其中的示例性系统架构图；
图10是适于用来实现本发明实施例的终端设备的计算机系统的结构示意图。
具体实施方式
以下结合附图对本发明的示范性实施例做出说明，其中包括本发明实施例的各种细节以助于理解，应当将它们认为仅仅是示范性的。因此，本领域普通技术人员应当认识到，可以对这里描述的实施例做出各种改变和修改，而不会背离本发明的范围和精神。同样，为了清楚和简明，以下的描述中省略了对公知功能和结构的描述。
图1是根据本发明实施例的一种页面处理方法，如图1所示，该页面处理方法可包括如下步骤：
S101：获取页面的滑动指令，其中，页面包括第一展示区域以及第二展示区域，第一展示区域由第一视图组件控制，第二展示区域由第二视图组件控制，第一视图组件与第二视图组件之间存在嵌套关系，滑动指令包括页面的滑动方向和理论滑动距离；
S102：响应于预设的第一滑动响应条件，根据滑动方向，通过第一视图组件控制第一展示区域，以使所述第一展示区域中的展示内容更新；
S103：响应于第一视图组件满足停止控制条件且页面的实际滑动距离小于理论滑动距离，根据滑动方向，通过第二视图组件接续控制所述第二展示区域，以使所述第二展示区域中的展示内容更新。
其中，理论滑动距离是指，由于用户通过手势或者输入设备(如鼠标、键盘、电子笔等)在终端(手机、电脑等)屏幕上滑动，屏幕上所显示的页面相对应需要滑动的距离。
其中，视图组件可维护一个或者多个表组成的虚拟表，以通过一个特定的角度在该视图组件所控制的展示区域来为用户提供数据库中的数据。
其中，嵌套关系可包括：第一视图组件嵌套于第二视图组件中，或者，第二视图组件嵌套于第一视图组件。该第一视图组件、第二视图组件可通过安卓(Android)系统所维护的视图类构建出。其中，第一视图组件可构建为父视图组件，相应地，第二视图组件可构建为子视图组件；或者，第二视图组件可构建为父视图组件，相应地，第一视图组件可构建为子视图组件。
在一个优选地实施例中，被嵌套的视图组件为父视图组件，嵌套于该父视图组件中的视图组件为子视图组件。比如，第二视图组件嵌套于第一视图组件，则第一视图组件为父视图组件、第二视图组件为子视图组件。值得说明的是，一个页面一般对应一个父视图组件，一个父视图组件可嵌套至少一个子视图组件。其中，通过第一视图组件控制第一展示区域，以使所述第一展示区域中的展示内容更新具体可为：第一展示区域的一部分位于页面所处的显示屏幕上，随着滑动，在页面所处的显示屏幕上展示第一展示区域的另一部分，该第一展示区域的一部分与第一展示区域的另一部分相邻，以使在页面所处的显示屏幕上所显示的内容发生变化；或者，第一展示区域的一部分展示内容位于页面所处的显示屏幕上，随着滑动，在页面所处的显示屏幕上用第一展示区域的部分待展示内容更新该展示内容。
其中，通过第二视图组件接续控制第二展示区域，以使所述第一展示区域中的展示内容更新具体可为：第二展示区域的一部分位于页面所处的显示屏幕上，随着滑动，在页面所处的显示屏幕上展示第二展示区域的另一部分，该第二展示区域的一部分与第二展示区域的另一部分相邻，以使在页面所处的显示屏幕上所显示的内容发生变化；或者，第二展示区域的一部分展示内容位于页面所处的显示屏幕上，随着滑动，在页面所处的显示屏幕上用第二展示区域的部分待展示内容更新该展示内容。
其中，第一视图组件满足的停止控制条件，可为第二视图组件对应的滑动响应条件，该第一视图组件满足的停止控制条件可为：第二展示区域中的导航栏位于显示屏幕的目标区域，且第二展示区域的待展示内容进入显示屏幕的方向与所述滑动方向相同。
其中，页面的实际滑动距离是指第一展示区域中的展示内容的滑动距离以及在第一展示区域中的展示内容停止滑动后第二展示区域中的展示内容接续滑动距离之和。如果第一展示区域中的展示内容的滑动距离已经达到理论滑动距离，则在第一展示区域中的展示内容停止滑动后第二展示区域中的展示内容接续滑动距离为0。
如图2和图3所示，值得说明的是第一展示区域和第二展示区域分别为页面的一部分，比如，第一展示区域为整个页面的区域，第二展示区域为在第一展示区域中维护的一块区域。而页面的显示屏幕一般可显示第一展示区域的部分展示内容和/或第二展示区域的部分展示内容。比如，各个展示区域可以存在待展示内容或者已展示过的内容未展示在该页面所在的展示屏幕。
其中，滑动响应条件将在下面详细说明，在此不再赘述。
针对图1所示的实施例，由于页面包括的第一展示区域由第一视图组件以及页面包括的第二展示区域由第二视图组件控制，而第一视图组件与第二视图组件之间存在嵌套关系，由于该嵌套关系的存在，使得第一视图组件与第二视图组件之间的切换比较简单、方便操作，另外，响应于预设的第一滑动响应条件，根据滑动方向，通过第一视图组件控制第一展示区域，以使所述第一展示区域中的展示内容更新，响应于第一视图组件满足停止控制条件且页面的实际滑动距离小于理论滑动距离，根据滑动方向，通过第二视图组件接续控制第二展示区域，以使所述第二展示区域中的展示内容更新，即通过第一滑动响应条件以及停止控制条件控制第一视图组件与第二视图组件之间的切换，即第一视图组件与第二视图组件之间的切换可通过比较简单的配置即可实现，另外，第一视图组件与第二视图组件之间的切换并不涉及内容的继承，是相对独立的，因此，第一视图组件与第二视图组件之间可以比较迅速、顺滑地完成切换，避免页面滑动过程中出现卡顿现象，以提高用户体验。
尤其地，基于安卓(Android)系统提供的滑动嵌套类，第一视图组件与第二视图组件之间的切换，通过简单的代码接入即轻松实现滑动的无缝衔接，且该第一视图组件和第二视图组件只需要维护一套页面框架，节省了人力成本。
在本发明实施例中，上述滑动响应条件可包括：第二展示区域中的导航栏未位于页面所处的显示屏幕的目标区域。其中，该第二展示区域中的导航栏一般位于第二展示区域的起始位置范围。
在本发明实施例中，上述滑动响应条件可包括：第二展示区域不存在待展示内容，其中，第二展示区域的导航栏可位于页面所处的显示屏幕的目标区域也可未位于页面所处的显示屏幕的目标区域。
在本发明实施例中，上述滑动响应条件可包括：第二展示区域的所有待展示内容进入页面所处的显示屏幕的方向与滑动方向相反。比如，第二展示区域的所有待展示内容位于当前展示内容的下方，则第二展示区域的所有待展示内容进入页面所处的显示屏幕的方向则为向上，第二展示区域的所有待展示内容位于当前展示内容的上方，则第二展示区域的所有待展示内容进入页面所处的显示屏幕的方向则为向下等。
在本发明实施例中，针对第二视图组件嵌套于第一视图组件的情况，响应于预设的第二滑动响应条件，根据滑动方向，通过第二视图组件控制第二展示区域，以使所述第二展示区域中的展示内容更新。其中，在该步骤之后，还可包括：响应于第二视图组件满足停止控制条件且页面的实际滑动距离小于理论滑动距离，根据滑动方向，通过第一视图组件接续控制第一展示区域，以使第一展示区域中的展示内容更新。该过程与上述步骤S102和步骤S103是择一的方式存在。即响应于预设的第二滑动响应条件时，不会同时出现响应于预设的第一滑动响应条件的情况，响应于第一视图组件满足停止控制条件时，不会同时出现响应于第一视图组件满足停止控制条件的情况。
在本发明实施例中，第二滑动响应条件可包括：第二展示区域中的导航栏位于显示屏幕的目标区域，且第二展示区域的待展示内容进入显示屏幕的方向与滑动方向相同。
如图2、图3、图4、图5以及图6示例性地给出的第二展示区域、导航栏、页面所处的显示屏幕、第一展示区域以及目标区域之间的位置关系，以及第二展示区域的待展示内容进入页面所处的显示屏幕的方向与滑动方向之间的关系。图2和图3示出了一种导航栏未在目标区域内的情况(页面可上下滑动)，则图2和图3示出的页面结构，第一视图组件满足该第一视图组件对应的第一滑动响应条件，而第二展示区域不满足该第二展示区域对应的第二滑动响应条件；图4示出一种与图2相对的导航栏在目标区域内的情况，图5示出了一种与图3相对的导航栏在目标区域内的情况，且图4、图5中第二展示区域中待展示内容在展示内容的下方(待展示内容进入显示屏幕的方向为向上)，而滑动方向为箭头所示的向上滑动，则图4、图5示出的页面结构，第二视图组件满足第二滑动响应条件。图6示出了另一种导航栏未在目标区域内的情况(页面可左右滑动)，则图6示出的页面结构，第二视图组件不满足第二滑动响应条件；图8示出一种与图6相对的导航栏在目标区域内的情况，且图8中第二展示区域中待展示内容的位置在展示内容的右方(即第二展示区域中的待展示内容进入显示屏幕的方向为向左)，而滑动方向为箭头所示的向左滑动，则图8示出的页面结构，第二展示组件满足滑动响应条件。
值得说明的是，上述目标区域的面积或者区域大小一般不小于导航栏，以方便对导航栏的控制。从图2至图8可以看出，目标区域一般设置在显示屏幕的一侧，针对Android系统来说，可通过吸顶效应来确定目标区域的位置，即当第二视图组件控制的第二展示区域产生吸顶效应时，该第二视图组件控制的展示区域中的导航栏即位于该目标区域内。
另外，上述图2至图8仅示出的滑动方向为向靠近导航栏或者目标区域的方向滑动，如果滑动方向为远离导航栏或者目标区域的方向滑动，在第二展示区域的上面存在已经展示过的内容(即该已经展示过的内容可作为待展示内容，那么该待展示内容进入显示屏幕的方向也为远离导航栏或者目标区域的方向)，则第二视图组件也满足第二滑动响应条件。
如图2和图3所示的页面关系，当滑动方向为向上时，第一视图组件控制的第一展示区域(即第二展示区域之外的其他区域)向上滑动，第二展示区域的位置也会相应地变化，而第二展示区域内所展示的数据或内容保持不变，当第二展示区域中的导航栏到达图4和图5所示的目标区域后，页面的实际滑动距离小于理论滑动距离，则开始通过第二视图组件控制滑动第二展示区域中的展示内容，以使第二展示区域的展示内容的滑动距离加上第一展示区域展示内容的滑动距离等于理论滑动距离。
在本发明实施例中，针对导航栏包括多个导航选项，多个导航选项分别对应不同类别的展示内容，通过第二视图组件控制第二展示区域，以使第二展示区域中的展示内容更新可包括：响应于当前展示的导航选项和滑动方向，确定与当前展示的导航选项相匹配类别的待展示内容；根据确定出的待展示内容，通过第二视图组件更新第二展示区域。
如图4和图5所示包括3个导航选项，每一个导航选项有相匹配类别的展示内容，当任意一个导航选项被选中后，可在第二展示区域中展示该被选中的导航选项相匹配类别的内容。实现了在同一个展示区域展示不同的导航选项的内容，方便用户操作和选择需要查看的内容或信息。
在本发明实施例中，通过第二视图组件控制第二展示区域，以使所述第二展示区域中的展示内容更新可包括：针对滑动方向指示展示当前展示内容之后的内容，且当前展示的导航选项不是最后一个导航选项，响应于当前展示的导航选项匹配类别的内容满足滑动停止条件，且页面的实际滑动距离小于理论滑动距离，通过第二视图组件控制从当前展示的导航选项跳转到下一导航选项，以在第二展示区域展示下一导航选项匹配类别的内容。
可以为各个导航选项排序，比如，图4示出的导航选项从左到右排序或从右到左排序，或者根据导航选项的重要程度进行排序等。该排序主要指示在滑动操作下，各个导航选项被选中的顺序。比如，图4的导航选项排序为从左到右(即首先显示最左边导航选项相匹配类别的内容，然后显示中间位置的导航选项相匹配类别的内容，最后显示最右位置的导航选项相匹配类别的内容)。
其中，滑动方向指示展示当前展示内容之后的内容是指滑动方向为靠近目标区域或者导航栏的方向。如图4所示的当前导航选项为最左边的导航选项，则当前展示的导航选项不是最后一个导航选项，响应于第二展示区域展示的当前展示的导航选项相匹配类别的内容满足滑动停止条件且页面的实际滑动距离小于理论滑动距离，根据滑动方向，从当前展示的导航选项跳转到下一导航选项(图4示出的中间的导航选项)，以在展示下一导航选项(图4示出的中间的导航选项)相匹配类别的内容，依次类推。
在本发明实施例中，通过第二视图组件控制第二展示区域，以使第二展示区域中的展示内容更新可包括：针对滑动方向指示展示当前展示内容之前的内容，且当前展示的导航选项不是第一个导航选项，响应于当前展示的导航选项匹配类别的内容满足滑动停止条件且页面的实际滑动距离小于理论滑动距离，通过第二视图组件控制从当前展示的导航选项跳转到上一导航选项，以在第二展示区域展示上一导航选项匹配类别的内容。
针对滑动方向指示展示当前展示内容之前的内容是指滑动方向为远离导航栏或者目标区域的方向，比如图4和图5示出的滑动方向的反方向。
仍然以图4示出的导航选项从左到右排序或从右到左排序为例，(即首先显示最左边导航选项对应的内容，然后显示中间位置的导航选项对应的内容，最后显示最右位置的导航选项对应的内容)。
那么在中间位置的导航选项为当前导航选项时，滑动方向与图4示出的滑动方向相反(即滑动方向指示展示当前展示内容之前的内容)，且当前展示的导航选项不是第一个导航选项，响应于当前展示的导航选项满足滑动停止条件且页面的实际滑动距离小于理论滑动距离，根据滑动方向，从当前展示的导航选项跳转到上一导航选项(图4所示的最左边的导航选项)，以展示上一导航选项(图3所示的最左边的导航选项)相匹配类别的内容。
在本发明实施例中，滑动停止条件可包括：当前展示的导航选项匹配类别的内容均在页面所处的显示屏幕展示。
在本发明实施例中，滑动停止条件可包括：当前展示的导航选项匹配类别的待展示内容进入页面所处的显示屏幕的方向与滑动方向相反。比如，当前展示的导航选项匹配类别的待展示内容位于当前展示的内容上面，则当前展示的导航选项匹配类别的待展示内容进入显示屏幕的方向是由上向下，而滑动方向为由下向上，即当前展示的导航选项匹配类别的待展示内容进入页面所处的显示屏幕的方向与滑动方向相反。
在本发明实施例中，页面处理方法可还包括：响应于滑动事件，滑动事件包括滑动方向、滑动起始位置和滑动终止位置，根据滑动起始位置和滑动终止位置，计算理论滑动距离；相应地，获取页面的滑动指令可包括：将滑动方向和计算出的理论滑动距离转换为滑动指令。
该计算理论滑动距离可以为：为显示屏幕设置坐标轴，将通过滑动起始位置的坐标和滑动终止位置的纵坐标，根据下述计算公式(1)，计算理论滑动距离。
L1＝|y1-y2| (1)
其中，L1表征计算公式(1)计算出的理论滑动距离；y1表征滑动起始位置的纵坐标；y2表征滑动终止位置的纵坐标。
该计算理论滑动距离还可以为：为显示屏幕设置坐标轴，将通过滑动起始位置的坐标和滑动终止位置的纵坐标，根据下述计算公式(2)，计算理论滑动距离。
L2＝|y1-y2|×α (2)
其中，L2表征计算公式(2)计算出的理论滑动距离；y1表征滑动起始位置的纵坐标；y2表征滑动终止位置的纵坐标；α表征转换系数。
该转换系数可由预先设置的用户按压力度与转换系数之间的映射关系表维护，即在该映射关系表中，为每一种按压力度范围配置有对应的转换系数，上述计算公式(2)中的转换系数即可通过查阅该映射关系表得到。
如图8所示，本发明实施例提供一种页面处理装置800，该页面处理装置800可包括：获取单元801、第一视图组件802和第二视图组件803，其中，
获取单元801，用于获取页面的滑动指令，其中，页面包括第一展示区域以及第二展示区域，第一展示区域由第一视图组件控制，第二展示区域由第二视图组件控制，第一视图组件与第二视图组件之间存在嵌套关系，滑动指令包括页面的滑动方向和理论滑动距离；
第一视图组件802，用于响应于预设的第一滑动响应条件，根据滑动方向，控制第一展示区域，以使所述第一展示区域中的展示内容更新；
第二视图组件803，用于响应于第一视图组件满足停止控制条件且页面的实际滑动距离小于理论滑动距离，根据滑动方向，接续控制第二展示区域，以使所述第二展示区域中的展示内容更新。
在本发明实施例中，第一滑动响应条件包括：
第二展示区域中的导航栏未位于页面所处的显示屏幕的目标区域；
或者，
第二展示区域不存在待展示内容；
或者，
第二展示区域的所有待展示内容进入页面所处的显示屏幕的方向与滑动方向相反。
在本发明实施例中，第二视图组件803，用于针对第二视图组件嵌套于第一视图组件的情况，响应于预设的第二滑动响应条件，根据滑动方向，通过第二视图组件控制第二展示区域，以使第二展示区域中的展示内容更新。
在本发明实施例中，第二滑动响应条件，包括：第二展示区域中的导航栏位于显示屏幕的目标区域，且第二展示区域的待展示内容进入显示屏幕的方向与滑动方向相同。
在本发明实施例中，第二视图组件803，用于针对所述第二展示区域中的导航栏包括多个导航选项，所述多个导航选项分别对应不同类别的展示内容，响应于当前展示的导航选项和所述滑动方向，确定与所述当前展示的导航选项相匹配类别的待展示内容；根据确定出的待展示内容，通过所述第二视图组件更新所述第二展示区域。
在本发明实施例中，第二视图组件803，用于针对所述滑动方向指示展示当前展示内容之后的内容，且当前展示的导航选项不是最后一个导航选项，响应于所述当前展示的导航选项匹配类别的内容满足滑动停止条件，且所述页面的实际滑动距离小于所述理论滑动距离，通过所述第二视图组件控制从所述当前展示的导航选项跳转到下一导航选项，以在所述第二展示区域展示所述下一导航选项匹配类别的内容。
在本发明实施例中，第二视图组件803，用于针对滑动方向指示展示当前展示内容之前的内容，且当前展示的导航选项不是第一个导航选项，响应于当前展示的导航选项匹配类别的内容满足滑动停止条件且页面的实际滑动距离小于理论滑动距离，通过第二视图组件控制从当前展示的导航选项跳转到上一导航选项，以在第二展示区域展示上一导航选项匹配类别的内容。
在本发明实施例中，滑动停止条件包括：
当前展示的导航选项匹配类别的内容均在页面所处的显示屏幕展示；
或者，
当前展示的导航选项匹配类别的待展示内容进入页面所处的显示屏幕的方向与滑动方向相反。
在本发明实施例中，获取单元801，用于响应于滑动事件，滑动事件包括滑动方向、滑动起始位置和滑动终止位置，根据滑动起始位置和滑动终止位置，计算理论滑动距离；将滑动方向和计算出的理论滑动距离转换为滑动指令。
图9示出了可以应用本发明实施例的页面处理方法或页面处理装置的示例性系统架构900。
如图9所示，系统架构900可以包括终端设备901、902、903，网络904和服务器905。网络904用以在终端设备901、902、903和服务器905之间提供通信链路的介质。网络904可以包括各种连接类型，例如有线、无线通信链路或者光纤电缆等等。
用户可以使用终端设备901、902、903通过网络904与服务器905交互，以接收或发送消息等。终端设备901、902、903上可以安装有各种通讯客户端应用，例如购物类应用、网页浏览器应用、搜索类应用、即时通信工具、邮箱客户端、社交平台软件等(仅为示例)。
终端设备901、902、903可以是具有显示屏并且支持网页浏览的各种电子设备，包括但不限于智能手机、平板电脑、膝上型便携计算机和台式计算机等等。
服务器905可以是提供各种服务的服务器，例如对用户利用终端设备901、902、903所浏览的购物类网站提供支持的后台管理服务器(仅为示例)。
需要说明的是，本发明实施例所提供的页面处理方法一般由终端设备901、902、903执行，相应地，页面处理装置一般设置于终端设备901、902、903中。终端设备901、902、903以对接收到的服务器发送的页面信息进行展示，并根据用户的滑动方向，控制页面的滑动。
应该理解，图9中的终端设备、网络和服务器的数目仅仅是示意性的。根据实现需要，可以具有任意数目的终端设备、网络和服务器。
下面参考图10，其示出了适于用来实现本发明实施例的终端设备的计算机系统1000的结构示意图。图10示出的终端设备仅仅是一个示例，不应对本发明实施例的功能和使用范围带来任何限制。
如图10所示，计算机系统1000包括中央处理单元(CPU)1001，其可以根据存储在只读存储器(ROM)1002中的程序或者从存储部分1008加载到随机访问存储器(RAM)1003中的程序而执行各种适当的动作和处理。在RAM 1003中，还存储有系统1000操作所需的各种程序和数据。CPU 1001、ROM 1002以及RAM 1003通过总线1004彼此相连。输入/输出(I/O)接口1005也连接至总线1004。
以下部件连接至I/O接口1005：包括键盘、鼠标等的输入部分1006；包括诸如阴极射线管(CRT)、液晶显示器(LCD)等以及扬声器等的输出部分1007；包括硬盘等的存储部分1008；以及包括诸如LAN卡、调制解调器等的网络接口卡的通信部分1009。通信部分1009经由诸如因特网的网络执行通信处理。驱动器1010也根据需要连接至I/O接口1005。可拆卸介质1011，诸如磁盘、光盘、磁光盘、半导体存储器等等，根据需要安装在驱动器1010上，以便于从其上读出的计算机程序根据需要被安装入存储部分1008。
特别地，根据本发明公开的实施例，上文参考流程图描述的过程可以被实现为计算机软件程序。例如，本发明公开的实施例包括一种计算机程序产品，其包括承载在计算机可读介质上的计算机程序，该计算机程序包含用于执行流程图所示的方法的程序代码。在这样的实施例中，该计算机程序可以通过通信部分1009从网络上被下载和安装，和/或从可拆卸介质1011被安装。在该计算机程序被中央处理单元(CPU)1001执行时，执行本发明的系统中限定的上述功能。
需要说明的是，本发明所示的计算机可读介质可以是计算机可读信号介质或者计算机可读存储介质或者是上述两者的任意组合。计算机可读存储介质例如可以是——但不限于——电、磁、光、电磁、红外线、或半导体的系统、装置或器件，或者任意以上的组合。计算机可读存储介质的更具体的例子可以包括但不限于：具有一个或多个导线的电连接、便携式计算机磁盘、硬盘、随机访问存储器(RAM)、只读存储器(ROM)、可擦式可编程只读存储器(EPROM或闪存)、光纤、便携式紧凑磁盘只读存储器(CD-ROM)、光存储器件、磁存储器件、或者上述的任意合适的组合。在本发明中，计算机可读存储介质可以是任何包含或存储程序的有形介质，该程序可以被指令执行系统、装置或者器件使用或者与其结合使用。而在本发明中，计算机可读的信号介质可以包括在基带中或者作为载波一部分传播的数据信号，其中承载了计算机可读的程序代码。这种传播的数据信号可以采用多种形式，包括但不限于电磁信号、光信号或上述的任意合适的组合。计算机可读的信号介质还可以是计算机可读存储介质以外的任何计算机可读介质，该计算机可读介质可以发送、传播或者传输用于由指令执行系统、装置或者器件使用或者与其结合使用的程序。计算机可读介质上包含的程序代码可以用任何适当的介质传输，包括但不限于：无线、电线、光缆、RF等等，或者上述的任意合适的组合。
附图中的流程图和框图，图示了按照本发明各种实施例的系统、方法和计算机程序产品的可能实现的体系架构、功能和操作。在这点上，流程图或框图中的每个方框可以代表一个模块、程序段、或代码的一部分，上述模块、程序段、或代码的一部分包含一个或多个用于实现规定的逻辑功能的可执行指令。也应当注意，在有些作为替换的实现中，方框中所标注的功能也可以以不同于附图中所标注的顺序发生。例如，两个接连地表示的方框实际上可以基本并行地执行，它们有时也可以按相反的顺序执行，这依所涉及的功能而定。也要注意的是，框图或流程图中的每个方框、以及框图或流程图中的方框的组合，可以用执行规定的功能或操作的专用的基于硬件的系统来实现，或者可以用专用硬件与计算机指令的组合来实现。
描述于本发明实施例中所涉及到的单元可以通过软件的方式实现，也可以通过硬件的方式来实现。所描述的单元也可以设置在处理器中，例如，可以描述为：一种处理器包括获取单元、第一视图组件和第二视图组件。其中，这些单元的名称在某种情况下并不构成对该单元本身的限定，例如，获取单元还可以被描述为“获取页面的滑动指令的单元”。
作为另一方面，本发明还提供了一种计算机可读介质，该计算机可读介质可以是上述实施例中描述的设备中所包含的；也可以是单独存在，而未装配入该设备中。上述计算机可读介质承载有一个或者多个程序，当上述一个或者多个程序被一个该设备执行时，使得该设备包括：获取页面的滑动指令，其中，页面包括第一展示区域以及第二展示区域，第一展示区域由第一视图组件控制，第二展示区域由第二视图组件控制，第一视图组件与第二视图组件之间存在嵌套关系，滑动指令包括页面的滑动方向和理论滑动距离；响应于预设的第一滑动响应条件，根据滑动方向，通过第一视图组件控制第一展示区域，以使第一展示区域中的展示内容更新；响应于第一视图组件满足停止控制条件且页面的实际滑动距离小于理论滑动距离，根据滑动方向，通过第二视图组件接续控制第二展示区域，以使第二展示区域中的展示内容更新。
根据本发明实施例的技术方案，由于页面包括的第一展示区域由第一视图组件以及页面包括的第二展示区域由第二视图组件控制，而第一视图组件与第二视图组件之间存在嵌套关系，由于该嵌套关系的存在，使得第一视图组件与第二视图组件之间的切换比较简单、方便操作，另外，响应于预设的第一滑动响应条件，根据滑动方向，通过第一视图组件控制第一展示区域，以使第一展示区域中的展示内容更新，响应于第一视图组件满足停止控制条件且页面的实际滑动距离小于理论滑动距离，根据滑动方向，通过第二视图组件接续控制第二展示区域，以使所述第二展示区域中的展示内容更新，即通过第一滑动响应条件以及停止控制条件控制第一视图组件与第二视图组件之间的切换，即第一视图组件与第二视图组件之间的切换可通过比较简单的配置即可实现，另外，第一视图组件与第二视图组件之间的切换并不涉及内容的继承，是相对独立的，因此，第一视图组件与第二视图组件之间可以比较迅速、顺滑地完成切换，避免页面滑动过程中出现卡顿现象，以提高用户体验。
上述具体实施方式，并不构成对本发明保护范围的限制。本领域技术人员应该明白的是，取决于设计要求和其他因素，可以发生各种各样的修改、组合、子组合和替代。任何在本发明的精神和原则之内所作的修改、等同替换和改进等，均应包含在本发明保护范围之内。

Claims (13)

1.一种页面处理方法，其特征在于，包括：
获取页面的滑动指令，其中，所述页面包括第一展示区域以及第二展示区域，所述第一展示区域由第一视图组件控制，所述第二展示区域由第二视图组件控制，所述第一视图组件与所述第二视图组件之间存在嵌套关系，所述滑动指令包括页面的滑动方向和理论滑动距离；
响应于预设的第一滑动响应条件，根据所述滑动方向，通过所述第一视图组件控制所述第一展示区域，以使所述第一展示区域中的展示内容更新；
响应于所述第一视图组件满足停止控制条件且所述页面的实际滑动距离小于所述理论滑动距离，根据所述滑动方向，通过所述第二视图组件接续控制所述第二展示区域，以使所述第二展示区域中的展示内容更新。
2.根据权利要求1所述的页面处理方法，其特征在于，所述第一滑动响应条件包括：
所述第二展示区域中的导航栏未位于所述页面所处的显示屏幕的目标区域；
或者，
所述第二展示区域不存在待展示内容；
或者，
所述第二展示区域的所有待展示内容进入所述页面所处的显示屏幕的方向与所述滑动方向相反。
3.根据权利要求1所述的页面处理方法，其特征在于，还包括：
针对所述第二视图组件嵌套于所述第一视图组件的情况，
响应于预设的第二滑动响应条件，根据所述滑动方向，通过所述第二视图组件控制所述第二展示区域，以使所述第二展示区域中的展示内容更新。
4.根据权利要求3所述的页面处理方法，其特征在于，所述第二滑动响应条件，包括：
所述第二展示区域中的导航栏位于显示屏幕的目标区域，且所述第二展示区域的待展示内容进入显示屏幕的方向与所述滑动方向相同。
5.根据权利要求4所述的页面处理方法，其特征在于，
针对所述第二展示区域中的导航栏包括多个导航选项，所述多个导航选项分别对应不同类别的展示内容，
通过所述第二视图组件控制所述第二展示区域，以使所述第二展示区域中的展示内容更新，包括：
响应于当前展示的导航选项和所述滑动方向，确定与所述当前展示的导航选项相匹配类别的待展示内容；
根据确定出的待展示内容，通过所述第二视图组件更新所述第二展示区域。
6.根据权利要求5所述的页面处理方法，其特征在于，通过所述第二视图组件控制所述第二展示区域，以使所述第二展示区域中的展示内容更新，包括：
针对所述滑动方向指示展示当前展示内容之后的内容，且当前展示的导航选项不是最后一个导航选项，
响应于所述当前展示的导航选项匹配类别的内容满足滑动停止条件，且所述页面的实际滑动距离小于所述理论滑动距离，通过所述第二视图组件控制从所述当前展示的导航选项跳转到下一导航选项，以在所述第二展示区域展示所述下一导航选项匹配类别的内容。
7.根据权利要求5所述的页面处理方法，其特征在于，通过所述第二视图组件控制所述第二展示区域，以使所述第二展示区域中的展示内容更新，包括：
针对所述滑动方向指示展示当前展示内容之前的内容，且当前展示的导航选项不是第一个导航选项，
响应于所述当前展示的导航选项匹配类别的内容满足滑动停止条件且所述页面的实际滑动距离小于所述理论滑动距离，通过所述第二视图组件控制从所述当前展示的导航选项跳转到上一导航选项，以在所述第二展示区域展示所述上一导航选项匹配类别的内容。
8.根据权利要求6或7所述的页面处理方法，其特征在于，所述滑动停止条件包括：
所述当前展示的导航选项匹配类别的内容均在所述页面所处的显示屏幕展示；
或者，
所述当前展示的导航选项匹配类别的待展示内容进入所述页面所处的显示屏幕的方向与所述滑动方向相反。
9.根据权利要求1至7任一所述的页面处理方法，其特征在于，
还包括：响应于滑动事件，所述滑动事件包括滑动方向、滑动起始位置和滑动终止位置，根据所述滑动起始位置和滑动终止位置，计算理论滑动距离；
所述获取页面的滑动指令，包括：将滑动方向和计算出的所述理论滑动距离转换为滑动指令。
10.一种页面处理装置，其特征在于，包括：获取单元、第一视图组件和第二视图组件，其中，
所述获取单元，用于获取页面的滑动指令，其中，所述页面包括第一展示区域以及第二展示区域，所述第一展示区域由第一视图组件控制，所述第二展示区域由第二视图组件控制，所述第一视图组件与所述第二视图组件之间存在嵌套关系，所述滑动指令包括页面的滑动方向和理论滑动距离；
所述第一视图组件，用于响应于预设的第一滑动响应条件，根据所述滑动方向，控制所述第一展示区域，以使所述第一展示区域中的展示内容更新；
所述第二视图组件，用于响应于所述第一视图组件满足停止控制条件且所述页面的实际滑动距离小于所述理论滑动距离，根据所述滑动方向，接续控制所述第二展示区域，以使所述第二展示区域中的展示内容更新。
11.根据权利要求10所述的页面处理装置，其特征在于，
针对所述第二视图组件嵌套于所述第一视图组件的情况，
所述第二视图组件，用于响应于预设的第二滑动响应条件，根据所述滑动方向，控制所述第二展示区域，以使所述第二展示区域中的展示内容更新。
12.一种电子设备，其特征在于，包括：
一个或多个处理器；
存储装置，用于存储一个或多个程序，
当所述一个或多个程序被所述一个或多个处理器执行，使得所述一个或多个处理器实现如权利要求1-9中任一所述的方法。
13.一种计算机可读介质，其上存储有计算机程序，其特征在于，所述程序被处理器执行时实现如权利要求1-9中任一所述的方法。
CN202010852051.2A 2020-08-21 2020-08-21 一种页面处理方法和装置 Pending CN113761411A (zh)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN202010852051.2A CN113761411A (zh) 2020-08-21 2020-08-21 一种页面处理方法和装置

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN202010852051.2A CN113761411A (zh) 2020-08-21 2020-08-21 一种页面处理方法和装置

Publications (1)

Publication Number Publication Date
CN113761411A true CN113761411A (zh) 2021-12-07

Family

ID=78785586

Family Applications (1)

Application Number Title Priority Date Filing Date
CN202010852051.2A Pending CN113761411A (zh) 2020-08-21 2020-08-21 一种页面处理方法和装置

Country Status (1)

Country Link
CN (1) CN113761411A (zh)

Cited By (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN115145676A (zh) * 2022-09-05 2022-10-04 飞狐信息技术（天津）有限公司 一种信息交互方法及系统
CN116540997A (zh) * 2023-07-07 2023-08-04 杭州朗和科技有限公司 数据类型声明方法、介质、装置和计算设备

Cited By (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN115145676A (zh) * 2022-09-05 2022-10-04 飞狐信息技术（天津）有限公司 一种信息交互方法及系统
CN115145676B (zh) * 2022-09-05 2023-01-06 飞狐信息技术（天津）有限公司 一种信息交互方法及系统
CN116540997A (zh) * 2023-07-07 2023-08-04 杭州朗和科技有限公司 数据类型声明方法、介质、装置和计算设备
CN116540997B (zh) * 2023-07-07 2023-09-26 杭州朗和科技有限公司 数据类型声明方法、介质、装置和计算设备

Similar Documents

Publication Publication Date Title
CN110046021B (zh) 一种页面显示方法、装置、系统、设备和存储介质
CN110717120B (zh) 一种网页列表显示方法和装置
CN110688829B (zh) 表格生成方法、装置、设备及存储介质
CN113138827B (zh) 展示数据的方法、装置、电子设备和介质
CN112783394A (zh) 列表页面展示方法和装置
CN113761411A (zh) 一种页面处理方法和装置
CN110827104B (zh) 向用户推荐商品的方法和装置
CN111309417B (zh) 应用程序中的数据显示方法、装置、电子设备和可读介质
CN111694629A (zh) 信息展示方法、装置和电子设备
CN113626113B (zh) 一种页面渲染方法和装置
CN107291235B (zh) 控制方法和装置
CN107910044A (zh) 对象推送方法及系统
CN110647327A (zh) 基于卡片的用户界面动态控制的方法和装置
CN113127783B (zh) 页面显示方法及装置、设备和介质
CN112492399A (zh) 信息显示方法、装置及电子设备
CN112445394A (zh) 一种截图方法和装置
CN112784187B (zh) 页面展示方法和装置
CN111984839B (zh) 绘制用户画像的方法和装置
CN111324244B (zh) 用于切换图片显示类型的方法和装置
CN112861504A (zh) 文本交互方法、装置、设备、存储介质及程序产品
CN111695059A (zh) 一种信息视图列表处理方法、装置和显示设备
CN113377380B (zh) 用户界面组件部署方法和装置
CN113626665B (zh) 一种数据展示的方法和装置
CN114564246B (zh) 一种在线绘制图形锚点的方法、装置、设备及介质
CN113326454B (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