[发明专利]页面的布局方法及装置、存储介质、电子装置

说明书

本发明提供了一种页面的布局方法及装置、存储介质、电子装置，其中，该方法包括：获取静态布局页面的第一描述文件，其中，所述第一描述文件用于在固定尺寸的固定位置上生成展示页面，所述第一描述文件包括多个第一元素；将所述第一元素装进容器中，并确定所述第一元素在所述容器中的布局方向；使用所述第一元素和所述布局方向生成第二描述文件，其中，所述第二描述文件用于生成弹性布局的展示页面。通过本发明，解决了相关技术中无法自动将静态布局转换为弹性布局的技术问题。

技术领域

本发明涉及计算机领域，具体而言，涉及一种页面的布局方法及装置、存储介质、电子装置。

背景技术

展示页面是展示在屏幕上的界面，用户可以直接查看，由于屏幕的尺寸通常是固定的，在不同的屏幕上，要自动适配好控件的尺寸，如果展示页面没有根据屏幕大小自适应，将会非常影响用户的视觉体验。

相关技术中，视觉设计的工程师的设计稿转换的页面代码布局，都是静态布局页面，位置尺寸都是固定死的，如申请号为CN 105630992A的申请文件中，公开了一种在静态页面中显示当前场景的方案，前端开发人员拿到这些静态布局代码后，只能重新改写前端代码，如将其根据屏幕的实际尺寸来改写，或者重写布局类型，将其改写成弹性布局的代码，工作量大，而且容易出错。

针对相关技术中存在的上述问题，目前尚未发现有效的解决方案。

发明内容

本发明实施例提供了一种页面的布局方法及装置、存储介质、电子装置。

根据本发明的一个实施例，提供了一种页面的布局方法，包括：获取静态布局页面的第一描述文件，其中，所述第一描述文件用于在固定尺寸的固定位置上生成展示页面，所述第一描述文件包括多个第一元素；将所述第一元素装进容器中，并确定所述第一元素在所述容器中的布局方向；使用所述第一元素和所述布局方向生成第二描述文件，其中，所述第二描述文件用于生成弹性布局的展示页面。

可选的，确定所述第一元素在所述容器中的布局方向包括：确定直接子元素在所述容器中的布局方向；确定子子元素在所述直接子元素中的布局方向，其中，所述直接子元素在布局完成后为所述容器的子容器；其中，所述第一元素包括所述直接子元素和所述子子元素，所述子子元素是所述直接子元素的子元素。

可选的，确定直接子元素在所述容器中的布局方向包括：从多个起始位置分别扫描装进所述容器中的直接子元素，得到直接子元素的个数；根据得到直接子元素的个数最多的扫描方式确定所述直接子元素在所述容器中的布局方向。

可选的，从多个起始位置分别扫描装进所述容器中的直接子元素，得到直接子元素的个数包括：以直接子元素在x轴正方向上的最大位置为起始位置扫描装进所述容器中的直接子元素的直接子元素；以直接子元素在y轴负方向上的最大位置为起始位置扫描装进所述容器中的直接子元素的直接子元素。

可选的，以直接子元素在x轴正方向上的最大位置为起始位置扫描装进所述容器中的直接子元素的直接子元素包括：以第一直接子元素在x轴正方向上的最大位置为起始位置开始扫描，如果存在第二直接子元素在x轴正方向上的最大位置小于所述第一直接子元素在x轴正方向上的最大位置时，将所述第一直接子元素和所述第二直接子元素合并成一个组，并放进一个容器里面，其中，所述第一直接子元素为在x轴上的坐标值最大的直接子元素；以第二直接子元素在x轴正方向上的最大位置为起始位置继续扫描，直到遍历完所有的直接子元素，其中，每一次扫描完成后直接子元素的计数加1。