自适应可视区域的显示方法、装置、系统及介质制造方法及图纸

本公开提供了一种自适应可视区域的显示方法、装置、系统及介质，属于显示技术领域，旨在提高显示效果，所述显示方法，包括：响应于对页面数据的显示触发，基于显示窗口中可视区域的尺寸，对所述页面数据所包括的元素的尺寸进行调整；其中，所述显示窗口用于显示所述页面数据；将调整后的页面数据显示到所述显示窗口中；其中，所述页面数据中的全部元素均位于所述显示窗口的可视区域中。述显示窗口的可视区域中。述显示窗口的可视区域中。

【技术实现步骤摘要】
自适应可视区域的显示方法、装置、系统及介质


[0001]本公开涉及显示
，特别是涉及一种自适应可视区域的显示方法、装置、系统及介质。

技术介绍

[0002]随着显示技术的发展，出现了多种类型的显示设备，如手机、电脑、4K大屏等，其中，需要在这些不同的显示设备上显示页面数据，如打开手机的浏览器，需要在浏览器的窗口中显示页面数据，又例如，利用4K大屏显示页面数据时，便需要位于大屏的浏览器窗口中显示页面数据。

技术实现思路

[0003]基于
技术介绍
的内容，本公开提出了一种自适应可视区域的显示方法、装置、系统及介质。
[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]基于所述当前分辨率，确定所述显示窗口的第二尺寸比例；
[0039]基于所述第一尺寸比例和所述第二尺寸比例，确定第二调整参数；其中，所述第二调整参数包括在高度方向的缩放比例和在宽度方向的缩放比例；
[0040]基于所述第二调整参数，对所述页面数据中所包括的元素的尺寸进行调整。
[0041]可选地，所述显示窗口包括多个子显示区域，不同的子显示区域位于不同的显示设备中；所述基于待显示所述页面数据的显示窗口，对所述页面数据所包括的元素的尺寸进行调整，包括：
[0042]响应于对所述页面数据的显示触发，基于多个所述显示设备各自对应的屏幕分辨率，确定所述显示窗口的窗口分辨率；
[0043]基于所述窗口分辨率和所述页面数据的预设分辨率，对所述页面数据中的元素的尺寸进行调整。
[0044]可选地，对所述页面数据中所包括的元素的尺寸进行调整，包括：对所述页面数据中所包括的每个元素进行缩放。
[0045]可选地，所述基于所述第二调整参数，对所述页面数据中所包括的元素的尺寸进行调整，包括：
[0046]将所述第二调整参数映射到缩放函数Scale方法中，作为Scale方法中的缩放参数；
[0047]基于所述Scale方法中的缩放参数，调用Transform方法对所述页面数据中所包括的元素的尺寸进行调整。
[0048]本公开还提供了一种自适应可视区域的显示系统，包括；
[0049]内容提供端，用于提供页面数据；
[0050]显示模块，用于基于所述页面数据，执行所述的显示方法。
[0051]可选地，所述显示模块包括本文档来自技高网...

【技术保护点】

【技术特征摘要】
1.一种自适应可视区域的显示方法，其特征在于，所述方法包括：响应于对页面数据的显示触发，基于显示窗口中可视区域的尺寸，对所述页面数据所包括的元素的尺寸进行调整；其中，所述显示窗口用于显示所述页面数据；将调整后的页面数据显示到所述显示窗口中；其中，所述页面数据中的全部元素均位于所述显示窗口的可视区域中。2.根据权利要求1所述的显示方法，其特征在于，所述将调整后的页面数据显示到所述显示窗口之后，所述方法还包括：响应于所述显示窗口的尺寸变化，对所述页面数据中所包括的元素的尺寸进行适应性调整；将适应性调整后的页面数据显示到变化后的显示窗口中，其中，所述页面数据中的全部元素均位于所述变化后的显示窗口的可视区域中。3.根据权利要求2所述的显示方法，其特征在于，所述响应于所述显示窗口的尺寸变化，对所述页面数据中所包括的元素的尺寸进行适应性调整，包括以下至少一者：响应于对所述显示窗口执行的尺寸调整操作，获取所述尺寸调整后的显示窗口的尺寸参数，并基于所述尺寸参数对所述页面数据中所包括的元素的尺寸进行适应性调整；响应于所述显示窗口所在的显示设备的分辨率变化，获取变化后的目标分辨率，并基于所述目标分辨率对所述页面数据中所包括的元素的尺寸进行适应性调整。4.根据权利要求3所述的显示方法，其特征在于，响应于所述显示窗口所在的显示设备的分辨率变化，获取变化后的目标分辨率，包括：响应于将所述显示窗口从第一显示屏移动到第二显示屏的拖拽操作，将所述第二显示屏的分辨率作为所述目标分辨率；和/或，响应于对所述显示窗口所在的显示设备的分辨率的调整操作，将调整操作后的分辨率作为所述目标分辨率；其中，所述第一显示屏的分辨率不同于第二显示屏的分辨率；和/或，所述第一显示屏的尺寸不同于所述第二显示屏的尺寸。5.根据权利要求3所述的显示方法，其特征在于，所述基于所述目标分辨率对所述页面数据中所包括的元素的尺寸进行适应性调整，包括：基于所述目标分辨率和所述页面数据对应的预设分辨率，确定第一调整参数；其中，所述第一调整参数包括在高度方向的缩放比例和在宽度方向的缩放比例；基于所述第一调整参数，对所述页面数据所包括的元素的尺寸进行调整。6.根据权利要求3所述的显示方法，其特征在于，所述响应于对所述显示窗口执行的尺寸调整操作，获取所述尺寸调整后的显示窗口的尺寸参数，并基于所述尺寸参数对所述页面数据中所包括的元素的尺寸进行适应性调整，包括：确定所述尺寸调整操作前所述显示窗口的可视区域的第一尺寸，以及所述尺寸调整操作后的显示窗口的第二尺寸；基于所述第一尺寸和所述第二尺寸，确定所述尺寸参数；基于所述尺寸参数，对所述调整后的页面数据中所包括的元素的尺寸进行适应性调整。7.根据权利要求3所述的显示方法，其特征在于，所述获取所述尺寸调整后的显示窗口
的尺寸参数，并基于所述尺寸参数对所述页面数据中所包括的元素的尺寸进行适应性调整，包括：获取所述尺寸调整操作后所述显示窗口的可视区域的第二尺寸，以及所述显示窗口所在显示设备的当前分辨率；基于所述当前分辨率以及所述页面数据的预设分辨率，确定初步比例；基于所述初步比例和所述第二尺寸，对所述页面数据中所包括的元素的尺寸进行适应性调整。8.根据权利要求2所述的显示方法，其特征在于，所述页面数据中的同一元素在变化前的显示窗口中的尺寸，与在变化后的显示窗口中的尺寸之间具有第一比例；所述变化前的显示窗口的可视区域与所述变化后的显示窗口的可视区域之间具有第二比例；其中，所述第一比例与所述第二比例线性相关。9.根据权利要求2所述的显示方法，其特征在于，所述适应性调整，包括：对所述元素在第一方向上的尺寸的调整；和/或，对所述元素在第二方向上的尺寸的调整；其中，所述第一方向为所述显示窗口的高度方向或宽度方向，所述第一方向垂直于所述第二方向。10.根据权利要求1所述的显示方法，其特征在于，所述响应于对页面数据的显示触发，基于显示窗口的可视区域的...

【专利技术属性】
技术研发人员：曹宝童，
申请(专利权)人：重庆京东方智慧科技有限公司，
类型：发明
国别省市：