[发明专利]一种视图控件的滑动控制方法、装置、设备和存储介质

说明书

本公开实施例公开了一种视图控件的滑动控制方法、装置、设备和存储介质，该方法包括：当第二视图控件覆盖在第一视图控件上进行显示时，根据第二视图控件的显示位置，将第一视图控件对应的第一控件区域进行划分，确定至少两个子区域；对每个子区域的当前显示内容进行保存，确定每个子区域对应的保存信息，并基于保存信息生成与子区域对应的单元格；根据各单元格生成第三视图控件，并将第三视图控件显示在第一视图控件和第二视图控件的上方；当检测到用户滑动操作时，基于用户滑动操作控制第三视图控件进行滑动。通过本公开实施例的技术方案，位于下方的视图控件可以随着位于上方的视图控件的滑动而滑动，提高了用户观看体验。

技术领域

本公开实施例涉及计算机技术领域，尤其涉及一种视图控件的滑动控制方法、装置、设备和存储介质。

背景技术

随着计算机技术的发展，各种终端设备比如智能手机、平板电脑等已经成为人们生活工作中不可缺少的重要工具。

通常，终端设备上的APP应用程序采用多层可滑动的视图控件嵌套的方案进行页面显示，比如当前显示的页面中包含两个可滑动的视图控件，其中第一个视图控件位于第二个视图控件的上方，并且位于上方的视图控件会覆盖位于下方的视图控件的部分区域。当用户对位于上方的视图控件执行滑动操作时，位于上方的视图控件会随着用户的滑动手势进行滑动，而位于下方的视图控件并不会随之进行滑动。例如，当前显示的界面中包含的两个视图控件为菜单栏控件和列表控件，并且列表控件覆盖在菜单栏控件的尾部视图区域，当用户对列表控件进行滑动时，菜单栏控件中的头部视图区域往往固定显示在屏幕的顶端，不会随着列表控件的滑动而滑动，从而会减少列表控件的显示区域，不利于用户观看。

发明内容

本公开实施例提供了一种视图控件的滑动控制方法、装置、设备和存储介质，以实现在视图控件嵌套显示时，位于下方的视图控件可以随着位于上方的视图控件的滑动而滑动，提高用户观看体验。

第一方面，本公开实施例提供了一种视图控件的滑动控制方法，包括：

当第二视图控件覆盖在第一视图控件上进行显示时，根据所述第二视图控件的显示位置，将所述第一视图控件对应的第一控件区域进行划分，确定至少两个子区域；

对每个所述子区域的当前显示内容进行保存，确定每个所述子区域对应的保存信息，并基于所述保存信息生成与所述子区域对应的单元格；

根据各所述单元格生成第三视图控件，并将所述第三视图控件显示在所述第一视图控件和所述第二视图控件的上方；

当检测到用户滑动操作时，基于所述用户滑动操作控制所述第三视图控件进行滑动。

可选地，根据所述第二视图控件的显示位置，将所述第一视图控件对应的第一控件区域进行划分，确定至少两个子区域，包括：

若所述第二视图控件显示在所述第一视图控件的头部视图区域或者尾部视图区域，则将所述第一视图控件对应的第一控件区域划分为两个子区域；

若所述第二视图控件显示在所述第一视图控件的分隔视图区域，则将所述第一视图控件对应的第一控件区域划分为三个子区域。

可选地，将所述第一视图控件对应的第一控件区域划分为两个子区域，包括：

在所述第一视图控件对应的第一控件区域中，将所述第二视图控件对应的第二控件区域作为第一子区域，将除所述第二控件区域之外的区域作为第二子区域。

可选地，将所述第一视图控件对应的第一控件区域划分为三个子区域，包括：

在所述第一视图控件对应的第一控件区域中，将所述第二视图控件对应的第二控件区域作为第三子区域，将在所述第二控件区域的上方区域作为第四子区域，以及将在所述第二控件区域的下方区域作为第五子区域。