[发明专利]容器高度的调整方法、装置、计算机设备及存储介质

说明书

本发明实施例公开了一种容器高度的调整方法、装置、计算机设备及存储介质，包括下述步骤：获取待放置的目标内容的尺寸信息和目标容器的高度值，其中，所述目标容器包括第一区域和第二区域；根据所述尺寸信息确定所述第一区域的高度值，其中，所述第一区域用于放置所述目标内容；根据所述目标容器的高度值与所述第一区域的高度值确定所述第二区域的高度值。动态适配高度变化，自动动态的计算出第一区域的高度，然后基于此高度和容器总高度，计算出第二区域的高度，不需对两个区域的高度硬编码，从而方便快捷的搭建出页面的动态布局，提高工作效率，减小手动计算误差。

技术领域

本发明涉及计算机应用技术领域，特别是涉及一种容器高度的调整方法、装置、计算机设备及存储介质。

背景技术

在开发前端页面时，经常会考虑到页面布局设计，很多时候需要处理上部区域是固定高度，下部区域需要自适应撑开并且可以滚动的场景。

传统的解决方案基本都是把上部区域的高度手动设置成固定值，然后再拿容器总高度减去这个固定高度以获得下部区域高度。

这种处理方式主要有两个缺点：

1)手动设置上部区域固定值，由于不好把控上部具体需要多少像素的高度，因此容易产生误差，从而影响布局的美观。

2)传统的解决方案不能够灵活适配布局变化。由于上部区域高度提前手动设置成固定值，当上部区域内的内容有变更时，高度一般也会随之波动，因此只要上部区域内容变化时，都要手动重新设置它的高度，并且根据新的上部区域高度手动计算出下部区域的高度，代码不够灵活，变更变大，效率较低。

发明内容

本发明实施例能够提供一种动态适配高度变化、提高工作效率的容器高度的调整方法、装置、计算机设备及存储介质。

为解决上述技术问题，本发明创造的实施例采用的一个技术方案是：提供一种容器高度的调整方法，包括以下步骤：

获取待放置的目标内容的尺寸信息和目标容器的高度值，其中，所述目标容器包括第一区域和第二区域；

根据所述尺寸信息确定所述第一区域的高度值，其中，所述第一区域用于放置所述目标内容；

根据所述目标容器的高度值与所述第一区域的高度值确定所述第二区域的高度值。

可选地，所述获取待放置的目标内容的尺寸信息和目标容器的高度值的步骤之前，包括以下步骤：

创建容器作为目标容器，设置所述目标容器的总高度值；

将所述目标容器分为第一区域和第二区域。

可选地，所述创建容器作为目标容器，设置所述目标容器的总高度值的步骤，包括以下步骤：

获取用户的容器创建指令；

根据所述容器创建指令确定容器属性以生成容器。

可选地，所述根据所述尺寸信息确定所述第一区域的高度值的步骤，包括以下步骤：

获取所述目标容器的尺寸信息；

根据所述目标容器的尺寸信息与所述目标内容的尺寸信息计算所述目标内容的显示比例，其中，所述显示比例为所述目标内容的尺寸数值与所述目标容器的尺寸数值的比值；

根据所述显示比例确定所述第一区域的高度值。

可选地，所述根据所述显示比例确定所述第一区域的高度值的步骤，包括下述步骤：

判断所述显示比例是否大于预设的第一阈值；

当所述显示比例大于所述预设的第一阈值时，根据所述显示比例计算所述第一区域的高度值；