页面展示方法、装置、电子设备及存储介质制造方法及图纸

本公开关于一种页面展示方法、装置、电子设备及存储介质，其中方法包括：接收实施于目标页面上的展示控制操作；在目标页面中，确定与展示控制操作对应的第一子视图；在确定第一子视图需滚动展示内容的情况下，响应于展示控制操作，控制第一子视图滚动展示对应的视图内容；确定第一子视图中的视图内容滚动展示结束，继续响应于展示控制操作，控制第一子视图以及第二子视图，跟随展示控制操作的操作方向移动展示；第二子视图是目标页面中与第一子视图相邻的视图。图相邻的视图。图相邻的视图。

【技术实现步骤摘要】
页面展示方法、装置、电子设备及存储介质


[0001]本公开涉及页面展示领域，尤其涉及页面展示方法、装置、电子设备及存储介质。

技术介绍

[0002]随着电子设备的普及，用户越来越多的通过电子设备中显示的内容了解所需要的信息。受电子设备的显示屏的尺寸所限，一个尺寸比较大的内容没有办法同时在显示屏中完整显示，因此需要通过视图的滚动功能来滚动显示页面的各个部分。随着页面中需要显示的内容越来越多，现有的页面中的视图也越来越多。
[0003]相关技术中，常需要在系统滚动视图(系统滚动视图是电子设备的操作系统提供的滚动视图，如：UIScrollview)中设置多个子视图。系统滚动视图和其内部的子视图都可以对用户的滑动操作进行响应。当滑动操作涉及多个视图时，相关技术无法精准定位对滑动操作进行响应的视图。此时，相关技术就需要加载多个视图，并导致无法及时对滑动操作进行响应，带来了页面展示卡顿的问题。

技术实现思路

[0004]本公开提供一种页面展示方法、装置、电子设备及存储介质，以至少解决相关技术中页面展示过程卡顿的问题。本公开的技术方案如下：
[0005]根据本公开实施例的第一方面，提供一种页面展示方法，包括：
[0006]接收实施于目标页面上的展示控制操作；
[0007]在所述目标页面中，确定与所述展示控制操作对应的第一子视图；
[0008]在确定所述第一子视图需滚动展示内容的情况下，响应于所述展示控制操作，控制所述第一子视图滚动展示对应的视图内容；
[0009]确定所述第一子视图中的视图内容滚动展示结束，继续响应于所述展示控制操作，控制所述第一子视图以及第二子视图，跟随所述展示控制操作的操作方向移动展示；所述第二子视图是所述目标页面中与所述第一子视图相邻的视图。
[0010]可选的，所述在确定所述第一子视图需滚动展示内容的情况下，响应于所述展示控制操作，控制所述第一子视图滚动展示对应的视图内容，包括：
[0011]在所述第一子视图为系统滚动视图的子类且所述第一子视图的视图内容高度大于所述第一子视图的视图高度的情况下，响应于所述展示控制操作，控制所述第一子视图滚动展示对应的视图内容。
[0012]可选的，所述确定所述第一子视图中的视图内容滚动展示结束，包括：
[0013]在确定所述第一子视图中的视图内容的内容偏移量为所述第一子视图的最大偏移量的情况下，确定所述第一子视图中的视图内容滚动展示结束，其中，所述第一子视图的最大偏移量为所述第一子视图的视图内容高度与所述第一子视图的视图高度之差；
[0014]在确定所述第一子视图中的视图内容的内容偏移量不为所述第一子视图的最大偏移量的情况下，继续响应于所述展示控制操作，控制所述第一子视图滚动展示对应的视
图内容。
[0015]可选的，所述响应于所述展示控制操作，控制所述第一子视图滚动展示对应的视图内容，包括：
[0016]响应于所述展示控制操作，控制所述第一子视图的视图位置跟随所述目标页面的内容偏移量变化，以将所述第一子视图固定在显示屏中的第一目标位置；
[0017]根据所述目标页面的内容偏移量调整所述第一子视图的视图内容的内容偏移量，使得所述第一子视图滚动展示所述第一子视图的视图内容。
[0018]可选的，当所述第一子视图内设置有至少两个子视图时，所述响应于所述展示控制操作，控制所述第一子视图滚动展示对应的视图内容，包括：
[0019]在所述第一子视图中，确定与所述展示控制操作对应的一个子视图；
[0020]在确定所述一个子视图需滚动展示内容的情况下，响应于所述展示控制操作，控制所述一个子视图滚动展示对应的视图内容；
[0021]确定所述一个子视图中的视图内容滚动展示结束，继续响应于所述展示控制操作，控制所述一个子视图以及所述第一子视图中与所述一个子视图相邻的其他子视图，跟随所述展示控制操作的操作方向移动展示。
[0022]可选的，所述继续响应于所述展示控制操作，控制所述第一子视图以及第二子视图，跟随所述展示控制操作的操作方向移动展示，包括：
[0023]将所述第一子视图的视图位置固定在所述目标页面的页面内容的第二目标位置；
[0024]将所述第二子视图的视图位置固定在所述目标页面的页面内容的第三目标位置；
[0025]继续响应于所述展示控制操作，调整所述目标页面的内容偏移量，以使所述第一子视图以及第二子视图跟随所述展示控制操作的操作方向移动展示。
[0026]可选的，所述将所述第一子视图的视图位置固定在所述目标页面的页面内容的第二目标位置，包括：
[0027]将所述第一子视图的视图位置设置为：第一前序内容高度与所述第一子视图的视图内容的最大偏移量之和，其中，所述第一前序内容高度为：位于所述第一子视图的所述操作方向上的各子视图的视图内容高度之和，所述第一子视图的最大偏移量为所述第一子视图的视图内容高度与所述第一子视图的视图高度之差。
[0028]可选的，所述将所述第二子视图的视图位置固定在所述目标页面的页面内容的第三目标位置，包括：
[0029]将所述第二子视图的视图位置设置为：第二前序内容高度与所述第一子视图的视图内容的最大偏移量之和，其中，所述第二前序内容高度为：位于所述第二子视图的所述操作方向上的各子视图的视图内容高度之和，所述第一子视图的最大偏移量为所述第一子视图的视图内容高度与所述第一子视图的视图高度之差。
[0030]可选的，还包括：
[0031]如果所述第一子视图的视图内容的内容偏移量达到所述第一子视图的视图内容的最大偏移量，且所述第一子视图存在未加载的视图内容，则获得所述未加载的视图内容并将其作为所述第一子视图的视图内容的一部分，返回所述控制所述第一子视图滚动展示对应的视图内容的步骤；
[0032]如果所述第一子视图的视图内容的内容偏移量达到所述第一子视图的视图内容
的最大偏移量，且所述第一子视图不存在未加载的视图内容，则执行所述确定所述第一子视图中的视图内容滚动展示结束的步骤。
[0033]根据本公开实施例的第二方面，提供一种页面展示装置，包括：
[0034]操作接收单元，被配置为执行接收实施于目标页面上的展示控制操作；
[0035]视图确定单元，被配置为执行在所述目标页面中，确定与所述展示控制操作对应的第一子视图；
[0036]第一控制单元，被配置为执行在确定所述第一子视图需滚动展示内容的情况下，响应于所述展示控制操作，控制所述第一子视图滚动展示对应的视图内容；
[0037]第二控制单元，被配置为执行确定所述第一子视图中的视图内容滚动展示结束，继续响应于所述展示控制操作，控制所述第一子视图以及第二子视图，跟随所述展示控制操作的操作方向移动展示；所述第二子视图是所述目标页面中与所述第一子视图相邻的视图。
[0038]可选的，所述第一控制单元，被具体配置为执行：在所述第一子视图为系统滚动视图的子类本文档来自技高网...

【技术保护点】

【技术特征摘要】
1.一种页面展示方法，其特征在于，包括：接收实施于目标页面上的展示控制操作；在所述目标页面中，确定与所述展示控制操作对应的第一子视图；在确定所述第一子视图需滚动展示内容的情况下，响应于所述展示控制操作，控制所述第一子视图滚动展示对应的视图内容；确定所述第一子视图中的视图内容滚动展示结束，继续响应于所述展示控制操作，控制所述第一子视图以及第二子视图，跟随所述展示控制操作的操作方向移动展示；所述第二子视图是所述目标页面中与所述第一子视图相邻的视图。2.根据权利要求1所述的方法，其特征在于，所述在确定所述第一子视图需滚动展示内容的情况下，响应于所述展示控制操作，控制所述第一子视图滚动展示对应的视图内容，包括：在所述第一子视图为系统滚动视图的子类且所述第一子视图的视图内容高度大于所述第一子视图的视图高度的情况下，响应于所述展示控制操作，控制所述第一子视图滚动展示对应的视图内容。3.根据权利要求1所述的方法，其特征在于，所述确定所述第一子视图中的视图内容滚动展示结束，包括：在确定所述第一子视图中的视图内容的内容偏移量为所述第一子视图的最大偏移量的情况下，确定所述第一子视图中的视图内容滚动展示结束，其中，所述第一子视图的最大偏移量为所述第一子视图的视图内容高度与所述第一子视图的视图高度之差；在确定所述第一子视图中的视图内容的内容偏移量不为所述第一子视图的最大偏移量的情况下，继续响应于所述展示控制操作，控制所述第一子视图滚动展示对应的视图内容。4.根据权利要求1所述的方法，其特征在于，所述响应于所述展示控制操作，控制所述第一子视图滚动展示对应的视图内容，包括：响应于所述展示控制操作，控制所述第一子视图的视图位置跟随所述目标页面的内容偏移量变化，以将所述第一子视图固定在显示屏中的第一目标位置；根据所述目标页面的内容偏移量调整所述第一子视图的视图内容的内容偏移量，使得所述第一子视图滚动展示所述第一子视图的视图内容。5.根据权利要求1所述的方法，其特征在于，当所述第一子视图内设置有至少两个子视图时，所述响应于所述展示控制操作，控制所述第一子视图滚动展示对应的视图内容，包括：在所述第一子视图中，确定与所述展示控制操作对应的一个子视图；在确定所述一个子视图需滚动展示内容的情况下，响应于所述展示控制操作，控制所述一个子视图滚动展示对应的视图内容；确定所述...

【专利技术属性】
技术研发人员：史继山，
申请(专利权)人：北京达佳互联信息技术有限公司，
类型：发明
国别省市：