一种页面显示调整方法、装置、设备及存储介质制造方法及图纸

本发明专利技术公开了一种页面显示调整方法、装置、设备及存储介质。一种页面显示调整方法，包括：获取当前页面的预加载内容的总高度；获取目标移动终端的屏幕总高度和内容显示区域高度；分别比较预加载内容的总高度与内容显示区域高度和屏幕总高度；根据比较结果动态调整内容显示区域。解决需要手动通过滑动、点击屏幕来触发扩展内容展示区域的方式存在误、不便捷和不智能的问题，实现自动识别用户浏览内容，根据屏幕总高度和内容显示区域高度，进行动态调整屏幕内容显示区域的范围，减少用户手动操作，完整展示预加载内容，增加屏幕显示内容的效果。效果。效果。

【技术实现步骤摘要】
一种页面显示调整方法、装置、设备及存储介质


[0001]本专利技术实施例涉及计算机应用技术，尤其涉及一种页面显示调整方法、装置、设备及存储介质。

技术介绍

[0002]随着移动终端的屏幕越来越大，用户的阅读体验得到了提升。
[0003]在用户阅读较长的文本、图片或列表时，现有屏幕的内容显示区域可能不足以显示所有内容，通常需要用户通过点击屏幕进行翻页操作。或者用户通过滑动、点击屏幕的方式来扩展内容展示区域，使得屏幕的内容显示区域尽可能多的显示用户浏览的内容，减少用户翻页操作。
[0004]但是通过滑动、点击屏幕来扩展内容展示区域的方式，存在用户滑动和点击屏幕误操作的问题，而且需要手动触发不便捷，不智能。

技术实现思路

[0005]本专利技术提供一种页面显示调整方法、装置、设备及存储介质，以实现自动识别用户浏览内容，根据屏幕总高度和内容显示区域高度，进行动态调整屏幕内容显示区域的范围，完整展示预加载内容，增加屏幕显示内容的效果。
[0006]第一方面，本专利技术实施例提供了一种页面显示调整方法，包括：
[0007]获取当前页面的预加载内容的总高度；
[0008]获取目标移动终端的屏幕总高度和内容显示区域高度；
[0009]分别比较所述预加载内容的总高度与内容显示区域高度和屏幕总高度；
[0010]根据比较结果动态调整内容显示区域。
[0011]可选的，所述获取当前页面的预加载内容的总高度包括：
[0012]获取预加载内容的根容器；r/>[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]第四方面，本专利技术实施例还提供了一种计算机可读存储介质，其上存储有计算机程序，该程序被处理器执行时实现如第一方面中任一所述的页面显示调整方法。
[0039]本专利技术通过一种页面显示调整方法，包括：获取当前页面的预加载内容的总高度；获取目标移动终端的屏幕总高度和内容显示区域高度；分别比较预加载内容的总高度与内容显示区域高度和屏幕总高度；根据比较结果动态调整内容显示区域，解决需要手动通过滑动、点击屏幕来触发扩展内容展示区域的方式存在误、不便捷和不智能的问题，实现自动识别用户浏览内容，根据屏幕总高度和内容显示区域高度，进行动态调整屏幕内容显示区域的范围，减少用户手动操作，完整展示预加载内容，增加屏幕显示内容的效果。
附图说明
[0040]图1为本专利技术实施例一提供的一种页面显示调整方法的流程示意图；
[0041]图2为本专利技术实施例一提供的一种页面显示调整方法中采用的屏幕的结构示意图；
[0042]图3为本专利技术实施例一提供的另一种页面显示调整方法中采用的屏幕的结构示意图；
[0043]图4为本专利技术实施例一提供的又一种页面显示调整方法中采用的屏幕的结构示意图
[0044]图5为本专利技术实施例一提供的再一种页面显示调整方法中采用的屏幕的结构示意图；
[0045]图6为本专利技术实施例二提供的一种页面显示调整装置的结构示意图；
[0046]图7为本专利技术实施例三提供的一种页面显示调整设备的结构示意图。
具体实施方式
[0047]下面结合附图和实施例对本专利技术作进一步的详细说明。可以理解的是，此处所描述的具体实施例仅仅用于解释本专利技术，而非对本专利技术的限定。另外还需要说明的是，为了便于描述，附图中仅示出了与本专利技术相关的部分而非全部结构。
[0048]实施例一
[0049]图1为本专利技术实施例一提供的一种页面显示调整方法的流程示意图，本实施例可适用于移动终端的屏幕内容显示区域不足以完全显示预加载内容的情况，该方法可以由页面显示调整装置来执行，具体包括如下步骤：
[0050]步骤110、获取当前页面的预加载内容的总高度。
[0051]页面显示调整方法可应用于多个应用场景，包括手机端APP、带屏智能音箱，带屏智能手表等。
[0052]用户使用移动终端浏览文字、图片或表格时，浏览的内容所对应的区域可能大于移动终端的屏幕内容显示区域，为了便于用户更好的浏览体验，需要对页面显本文档来自技高网...

【技术保护点】

【技术特征摘要】
1.一种页面显示调整方法，其特征在于，包括：获取当前页面的预加载内容的总高度；获取目标移动终端的屏幕总高度和内容显示区域高度；分别比较所述预加载内容的总高度与所述内容显示区域高度和所述屏幕总高度；根据比较结果动态调整内容显示区域。2.根据权利要求1所述的页面显示调整方法，其特征在于，所述获取当前页面的预加载内容的总高度包括：获取预加载内容的根容器；逐层递归获取所述根容器的子容器，解析各子容器的高度；累加获取的各所述子容器的高度得到预加载内容的总高度。3.根据权利要求2所述的页面显示调整方法，其特征在于，所述逐层递归获取所述根容器的子容器，解析各子容器的高度，包括：若子容器为图片容器，则直接获取该子容器的高度，并保存至临时变量；若子容器为文字容器，则先获取所述预加载内容的总字数和当前文字大小，获取当前屏幕设置的每行显示字数，计算得到该子容器的高度，并保存至临时变量。4.根据权利要求3所述的页面显示调整方法，屏幕由内容显示区域和操作区域构成，其特征在于，所述根据比较结果动态调整内容显示区域，包括：若比较结果为所述预加载内容的总高度大于所述内容显示区域高度且小于所述屏幕总高度，自动隐藏所述操作区域，将所述内容显示区域扩展充满所述屏幕，更新内容显示区域，在更新后的内容显示区域对所述预加载内容进行展示。5.根据权利要求4所述的页面显示调整方法，其特征在于，所述根据比较结果动态调整内容显示区域，还包括：若所述加载内容的总高度小于所述内容显示区域高度，则不采取动态调整动作。6.根据权利要求4所述的页面显示调整方法，其特征在于，所述根据比较结果动态调整内容显示区域，还包括：...

【专利技术属性】
技术研发人员：杨良志，白琳，汪志新，邸昌国，简锐，
申请(专利权)人：彩讯科技股份有限公司，
类型：发明
国别省市：