一种基于文本内容的动态列表布局方法技术

本发明专利技术提供了一种基于文本内容的动态列表布局方法，包括步骤：A、获取容纳文本的容器宽度，以及所述容器中各文本元素的顺序、宽度；B、依据所述文本内容中各元素的宽度以及容纳文本的容器宽度，计算当前容器宽度下所容纳的最大列数及各列宽度；C、基于步骤B所确定的最大列数及各列宽度，依照步骤A获取的所述排序填充所述各元素。由上，将各元素的宽度和容器的宽度均设置为一个变量值，通过匹配二者的关系实现对于文本内容的动态布局，从而解决了现有技术中当容器的宽度发生变化时，所有的元素无法自动布局或者必须手工计算布局的弊端。

A dynamic list layout method based on text content

【技术实现步骤摘要】
一种基于文本内容的动态列表布局方法
本专利技术涉及电子文档
，特别是一种基于文本内容的动态列表布局方法。
技术介绍
现有技术中，针对电子文档中元素列表的布局，通常有如图7～图9所示的不同形式。图7是普通的垂直布局，大多时候会占用过多空间，所以很多时候会采用图8的布局形式。图8是简单的横向布局，但是各列元素并没有对齐，稍显杂乱，图9是垂直对齐的效果，视觉上会比较整齐。但是想要做到图9的效果，需要通盘考虑所有列表元素的宽度和列表所在容器的宽度，通常都是设计师和工程师联合起来按照固定的元素实验出来的。当容器的宽度发生变化时，所有的元素都需要重新计算位置，由此造成运算量大。综上所述，现有技术缺乏一个有效的动态排布机制。
技术实现思路
本专利技术的主要目的在于提供一种基于文本内容的动态列表布局方法，包括步骤：A、获取容纳文本的容器宽度，以及所述容器中各文本元素的顺序、宽度；B、依据所述文本内容中各元素的宽度以及容纳文本的容器宽度，计算当前容器宽度下所容纳的最大列数及各列宽度；...

【技术保护点】
1.一种基于文本内容的动态列表布局方法，其特征在于，包括步骤：/nA、获取容纳文本的容器宽度，以及所述容器中各文本元素的顺序、宽度；/nB、依据所述文本内容中各元素的宽度以及容纳文本的容器宽度，计算当前容器宽度下所容纳的最大列数及各列宽度；/nC、基于步骤B所确定的最大列数及各列宽度，依照步骤A获取的所述排序填充所述各元素。/n

【技术特征摘要】
1.一种基于文本内容的动态列表布局方法，其特征在于，包括步骤：
A、获取容纳文本的容器宽度，以及所述容器中各文本元素的顺序、宽度；
B、依据所述文本内容中各元素的宽度以及容纳文本的容器宽度，计算当前容器宽度下所容纳的最大列数及各列宽度；
C、基于步骤B所确定的最大列数及各列宽度，依照步骤A获取的所述排序填充所述各元素。


2.根据权利要求1所述的方法，其特征在于，步骤B包括以下子步骤：
B1：根据步骤A所获取的各元素的宽度，分别计算出所述容器所能容纳的最小列数和最大列数；
B2：在所述最小列数至最大列数所组成的区间内逐一取值，以建立二维数组，将各元素依照步骤A所述排序依次置于所述二维数组内；
B3：当二维数组各行每个元素的宽度之和均小于所述容...

【专利技术属性】
技术研发人员：罗立刚，张旸，林青，闫寅雪，
申请(专利权)人：零氪科技北京有限公司，
类型：发明
国别省市：北京;11