[发明专利]一种组件显示方法、装置、电子设备和可读介质

说明书

本说明书实施例公开了一种组件显示方法、装置、设备和计算机可读介质。所述方法包括：若确定当前页面的页面尺寸小于预设页面的页面尺寸时，基于预设页面中各个组件的尺寸和位置关系将所述各个组件显示在所述当前页面中；确定所需调整位置的组件为目标组件；基于所述目标组件在重叠区域的位置计算目标位置；所述重叠区域为所述当前页面中至少两个组件具有重叠关系的页面区域；将所述目标组件移动到所述目标位置。

技术领域

本申请涉及计算机领域，尤其涉及一种组件方法、装置、电子设备和计算机可读介质。

背景技术

在日常生活中，针对特定的主题，利用数据可视化的手段来构建的项目可以称为数据可视化项目。数据可视化项目涉及的领域非常广泛，例如，可以涉及政府、医疗、教育、行业、商业等诸多领域。

数据可视化项目中的组件，可以是指页面中的最小单位，即，一个可操控的目标。例如，数据可视化项目中的图表、文本、形状、输入框、滚动条、菜单等都是以组件的形式定义的。

当在不同尺寸的屏幕上展示页面时，页面中的各个组件通常是根据不同的尺寸进行缩放，来适配不同尺寸的屏幕。

但是，如果从大尺寸屏幕中显示的组件缩放到小尺寸屏幕中进行显示，由于缩小了组件的大小，某些组件例如某些文本、按钮等，会出现用户无法点击或无法选中的情况，影响了用户的操作。

发明内容

有鉴于此，本说明书实施例提供一种组件方法、装置、电子设备和计算机可读介质，以避免影响用户对适配后页面中组件的操作。

为解决上述技术问题，本说明书实施例是这样实现的：

一种组件显示方法，包括：

若确定当前页面的页面尺寸小于预设页面的页面尺寸时，基于预设页面中各个组件的尺寸和位置关系将所述各个组件显示在所述当前页面中；

确定所需调整位置的组件为目标组件；

基于所述目标组件在重叠区域的位置计算目标位置；所述重叠区域为所述当前页面中至少两个组件具有重叠关系的页面区域；

将所述目标组件移动到所述目标位置。

本发明实施例还提供了一种组件显示装置，包括：

显示模块，用于若确定当前页面的页面尺寸小于预设页面的页面尺寸时，基于预设页面中各个组件的尺寸和位置关系将所述各个组件显示在所述当前页面中；

确定模块，用于确定所需调整位置的组件为目标组件；

计算模块，用于基于所述目标组件在重叠区域的位置计算目标位置；所述重叠区域为所述当前页面中至少两个组件具有重叠关系的页面区域；

调整模块，用于将所述目标组件移动到所述目标位置。

本发明实施例还了一种电子设备，包括：

至少一个处理器；以及，

与所述至少一个处理器通信连接的存储器；其中，

所述存储器存储有可被所述至少一个处理器执行的指令，所述指令被所述至少一个处理器执行，以使所述至少一个处理器能够：

若确定当前页面的页面尺寸小于预设页面的页面尺寸时，基于预设页面中各个组件的尺寸和位置关系将所述各个组件显示在所述当前页面中；

确定所需调整位置的组件为目标组件；

基于所述目标组件在重叠区域的位置计算目标位置；所述重叠区域为所述当前页面中至少两个组件具有重叠关系的页面区域；

将所述目标组件移动到所述目标位置。