一种视图控件的滑动控制方法、装置、设备和存储介质制造方法及图纸

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

A sliding control method, device, device and storage medium for view control

【技术实现步骤摘要】
一种视图控件的滑动控制方法、装置、设备和存储介质
本公开实施例涉及计算机
，尤其涉及一种视图控件的滑动控制方法、装置、设备和存储介质。
技术介绍
随着计算机技术的发展，各种终端设备比如智能手机、平板电脑等已经成为人们生活工作中不可缺少的重要工具。通常，终端设备上的APP应用程序采用多层可滑动的视图控件嵌套的方案进行页面显示，比如当前显示的页面中包含两个可滑动的视图控件，其中第一个视图控件位于第二个视图控件的上方，并且位于上方的视图控件会覆盖位于下方的视图控件的部分区域。当用户对位于上方的视图控件执行滑动操作时，位于上方的视图控件会随着用户的滑动手势进行滑动，而位于下方的视图控件并不会随之进行滑动。例如，当前显示的界面中包含的两个视图控件为菜单栏控件和列表控件，并且列表控件覆盖在菜单栏控件的尾部视图区域，当用户对列表控件进行滑动时，菜单栏控件中的头部视图区域往往固定显示在屏幕的顶端，不会随着列表控件的滑动而滑动，从而会减少列表控件的显示区域，不利于用户观看。
技术实现思路
本公开实施例提供了一种视图控件的滑动控制方法、装置、设备和存储介质，以实现在视图控件嵌套显示时，位于下方的视图控件可以随着位于上方的视图控件的滑动而滑动，提高用户观看体验。第一方面，本公开实施例提供了一种视图控件的滑动控制方法，包括：当第二视图控件覆盖在第一视图控件上进行显示时，根据所述第二视图控件的显示位置，将所述第一视图控件对应的第一控件区域进行划分，确定至少两个子区域；对每个所述子区域的当前显示内容进行保存，确定每个所述子区域对应的保存信息，并基于所述保存信息生成与所述子区域对应的单元格；根据各所述单元格生成第三视图控件，并将所述第三视图控件显示在所述第一视图控件和所述第二视图控件的上方；当检测到用户滑动操作时，基于所述用户滑动操作控制所述第三视图控件进行滑动。可选地，根据所述第二视图控件的显示位置，将所述第一视图控件对应的第一控件区域进行划分，确定至少两个子区域，包括：若所述第二视图控件显示在所述第一视图控件的头部视图区域或者尾部视图区域，则将所述第一视图控件对应的第一控件区域划分为两个子区域；若所述第二视图控件显示在所述第一视图控件的分隔视图区域，则将所述第一视图控件对应的第一控件区域划分为三个子区域。可选地，将所述第一视图控件对应的第一控件区域划分为两个子区域，包括：在所述第一视图控件对应的第一控件区域中，将所述第二视图控件对应的第二控件区域作为第一子区域，将除所述第二控件区域之外的区域作为第二子区域。可选地，将所述第一视图控件对应的第一控件区域划分为三个子区域，包括：在所述第一视图控件对应的第一控件区域中，将所述第二视图控件对应的第二控件区域作为第三子区域，将在所述第二控件区域的上方区域作为第四子区域，以及将在所述第二控件区域的下方区域作为第五子区域。可选地，对每个所述子区域的当前显示内容进行保存，确定每个所述子区域对应的保存信息，并基于所述保存信息生成与所述子区域对应的单元格，包括：对每个所述子区域的当前显示内容进行截图，确定每个所述子区域对应的截图信息，并基于所述截图信息生成与所述子区域对应的单元格。可选地，根据各所述单元格生成第三视图控件，包括：将每个所述单元格的滑动属性设置为禁止滑动，并基于各所述单元格的显示位置，对各所述单元格进行合并，生成第三视图控件；对每个所述单元格中的保存信息进行拼接，生成所述第三视图控件对应的当前显示图像。可选地，当检测到用户滑动操作时，基于所述用户滑动操作控制所述第三视图控件进行滑动，包括：当检测到用户滑动操作时，基于所述用户滑动操作对所述第三视图控件的当前显示图像进行滑动；基于所述用户滑动操作，将所述第一视图控件的滑动加载数据或者所述第二视图控件的滑动加载数据添加至所述第三视图控件中，并控制所述第三视图控件对所述滑动加载数据进行渲染，获得加载显示图像；根据所述加载显示图像和所述当前显示图像，确定滑动后的目标显示图像，并于显示界面中显示所述目标显示图像。第二方面，本公开实施例还提供了一种视图控件的滑动控制装置，包括：子区域确定模块，用于当第二视图控件覆盖在第一视图控件上进行显示时，根据所述第二视图控件的显示位置，将所述第一视图控件对应的第一控件区域进行划分，确定至少两个子区域；显示内容保存模块，用于对每个所述子区域的当前显示内容进行保存，确定每个所述子区域对应的保存信息，并基于所述保存信息生成与所述子区域对应的单元格；第三视图控件生成模块，用于根据各所述单元格生成第三视图控件，并将所述第三视图控件显示在所述第一视图控件和所述第二视图控件的上方；滑动控制模块，用于当检测到用户滑动操作时，基于所述用户滑动操作控制所述第三视图控件进行滑动。可选地，子区域确定模块，包括：第一划分单元，用于若第二视图控件显示在第一视图控件的头部视图区域或者尾部视图区域，则将第一视图控件对应的第一控件区域划分为两个子区域；第二划分单元，用于若第二视图控件显示在第一视图控件的分隔视图区域，则将第一视图控件对应的第一控件区域划分为三个子区域。可选地，第一划分单元，具体用于：在第一视图控件对应的第一控件区域中，将第二视图控件对应的第二控件区域作为第一子区域，将除第二控件区域之外的区域作为第二子区域。可选地，第二划分单元，具体用于：在第一视图控件对应的第一控件区域中，将第二视图控件对应的第二控件区域作为第三子区域，将在第二控件区域的上方区域作为第四子区域，以及将在第二控件区域的下方区域作为第五子区域。可选地，显示内容保存模块，具体用于：对每个所述子区域的当前显示内容进行截图，确定每个所述子区域对应的截图信息，并基于所述截图信息生成与所述子区域对应的单元格。可选地，第三视图控件生成模块，具体用于：将每个单元格的滑动属性设置为禁止滑动，并基于各单元格的显示位置，对各单元格进行合并，生成第三视图控件；对每个单元格中的保存信息进行拼接，生成第三视图控件对应的当前显示图像。可选地，滑动控制模块，具体用于：当检测到用户滑动操作时，基于用户滑动操作对第三视图控件的当前显示图像进行滑动；基于用户滑动操作，将第一视图控件的滑动加载数据或者第二视图控件的滑动加载数据添加至第三视图控件中，并控制第三视图控件对滑动加载数据进行渲染，获得加载显示图像；根据加载显示图像和当前显示图像，确定滑动后的目标显示图像，并于显示界面中显示目标显示图像。第三方面，本公开实施例还提供了一种终端设备，所述设备包括：一个或多个处理器；存储器，用于存储一个或多个程序；当所述一个或多个程序被所述一个或多个处理器执行，使得所述一个或多个处理器实现如本公开任意实施例所提供的视图控件的滑动控制方法。第四方面，本公开实施例还提供了一种计算机可读存储介质，其上存储有计算机程序，该程序被处理器执行时实现如本公开任意实施例所提供的视图控件的滑动控制方法。本公开实施例通过在第二视图控件覆盖在第一视图控件上进行显示，即存在两层视图控件嵌套显示时，可以根据第二视图控件的显示位置，将第一视图控件对应的第一控件区域进行划分，确定至少两个子区域，并对每个子区域的当前显示内容进行保存，基于每个子区域对应的保存信息生成与子区域对应的单元格。根据各个单元格生成第三视图控件，并将第三视图本文档来自技高网...

【技术保护点】
1.一种视图控件的滑动控制方法，其特征在于，包括：当第二视图控件覆盖在第一视图控件上进行显示时，根据所述第二视图控件的显示位置，将所述第一视图控件对应的第一控件区域进行划分，确定至少两个子区域；对每个所述子区域的当前显示内容进行保存，确定每个所述子区域对应的保存信息，并基于所述保存信息生成与所述子区域对应的单元格；根据各所述单元格生成第三视图控件，并将所述第三视图控件显示在所述第一视图控件和所述第二视图控件的上方；当检测到用户滑动操作时，基于所述用户滑动操作控制所述第三视图控件进行滑动。

【技术特征摘要】
1.一种视图控件的滑动控制方法，其特征在于，包括：当第二视图控件覆盖在第一视图控件上进行显示时，根据所述第二视图控件的显示位置，将所述第一视图控件对应的第一控件区域进行划分，确定至少两个子区域；对每个所述子区域的当前显示内容进行保存，确定每个所述子区域对应的保存信息，并基于所述保存信息生成与所述子区域对应的单元格；根据各所述单元格生成第三视图控件，并将所述第三视图控件显示在所述第一视图控件和所述第二视图控件的上方；当检测到用户滑动操作时，基于所述用户滑动操作控制所述第三视图控件进行滑动。2.根据权利要求1所述的方法，其特征在于，根据所述第二视图控件的显示位置，将所述第一视图控件对应的第一控件区域进行划分，确定至少两个子区域，包括：若所述第二视图控件显示在所述第一视图控件的头部视图区域或者尾部视图区域，则将所述第一视图控件对应的第一控件区域划分为两个子区域；若所述第二视图控件显示在所述第一视图控件的分隔视图区域，则将所述第一视图控件对应的第一控件区域划分为三个子区域。3.根据权利要求2所述的方法，其特征在于，将所述第一视图控件对应的第一控件区域划分为两个子区域，包括：在所述第一视图控件对应的第一控件区域中，将所述第二视图控件对应的第二控件区域作为第一子区域，将除所述第二控件区域之外的区域作为第二子区域。4.根据权利要求2所述的方法，其特征在于，将所述第一视图控件对应的第一控件区域划分为三个子区域，包括：在所述第一视图控件对应的第一控件区域中，将所述第二视图控件对应的第二控件区域作为第三子区域，将在所述第二控件区域的上方区域作为第四子区域，以及将在所述第二控件区域的下方区域作为第五子区域。5.根据权利要求1所述的方法，其特征在于，对每个所述子区域的当前显示内容进行保存，确定每个所述子区域对应的保存信息，并基于所述保存信息生成与所述子区域对应的单元格，包括：对每个所述子区域的当前显示内容进行截图，确定每个所述子区域对应的截图信息，并基于所述截图信息生成与所述子区域对应的单元格。6.根...

【专利技术属性】
技术研发人员：刘德平，
申请(专利权)人：北京字节跳动网络技术有限公司，
类型：发明
国别省市：北京,11