一种基于树形大纲生成推荐布局的方法及终端设备技术

技术编号:35612429 阅读:9 留言:0更新日期:2022-11-16 15:36
本申请公开了一种基于树形大纲生成推荐布局的方法,包括:提供布局界面;在所述布局界面,基于用户指令,生成至少一个父项以及从属于所述至少一个父项下的多个子项;各子项均呈矩形,且各子项的大小基于如下方式推荐确定:确定各子项的长边短边比值;计算所述长边短边比值与黄金分割率之间的差值的绝对值;计算各子项对应的差值的绝对值的整体平均值;基于所述整体平均值,进行布局推荐,其中所述整体平均值越小,推荐概率越大。本申请实施例通过基于黄金分割率确定子项的整体平均值,由此基于整体平均值来进行布局推荐,由此提供了一种便捷美观完成布局设计的方法,更贴近于布局设计的具体应用场景。的具体应用场景。的具体应用场景。

【技术实现步骤摘要】
一种基于树形大纲生成推荐布局的方法及终端设备


[0001]本申请涉及计算机
,尤其涉及一种基于树形大纲生成推荐布局的方法及终端设备。

技术介绍

[0002]矩形树图是一种基于空间填充型的层次数据可视化方法,它通过嵌套形式显示层次结构,通过面积显示各节点的权重,可以以较高的空间利用率展示树形结构的数据大小比例关系。在矩形数图的诸多常用算法中, Bederson的Strip算法可以在遵循数据有序性的基础上,提供较好的矩形平均宽高比,符合从左到右、从上到下的阅读规律,可以考虑将其借鉴使用于用户界面或印刷品的布局设计辅助工作之中。
[0003]但在基础Strip布局算法中,没有考虑内间距的因素,同一行内的矩形面积比完全遵循权重进行分配。而如果简单将内间距排除矩形宽度计算之外,则会发生中线偏移的情况,上下两行虽然权重和相同,但却是错位的,这并不符合设计排版原则。

技术实现思路

[0004]本申请实施例提供一种基于树形大纲生成推荐布局的方法及终端设备,用以提供一种便捷完成布局设计的方法,更贴近于布局设计的具体应用场景。
[0005]本申请实施例提供一种基于树形大纲生成推荐布局的方法,包括:提供布局界面;在所述布局界面,基于用户指令,生成至少一个父项以及从属于所述至少一个父项下的多个子项,其中;所述至少一个父项占据布局界面的整体界面;各子项占有除外边距、内间距、父标题区域之外所述至少一个父项所剩余的至少部分区域;各子项均呈矩形,且各子项的大小基于如下方式推荐确定:确定各子项的长边短边比值;计算所述长边短边比值与黄金分割率之间的差值的绝对值;计算各子项对应的差值的绝对值的整体平均值;基于所述整体平均值,进行布局推荐,其中所述整体平均值越小,推荐概率越大。
[0006]可选的,对于当前行,按照顺序放置第一个子项后,采用如下方案中的一种放置在后的子项:将下一个子项放入当前行;将下一个子项单独放入下一行;将上一个子项从上一行中取出,与下一个子项一并加入下一行。
[0007]可选的,各子项中,处于同一行的子项的高度均相同,处于同一行的子项的宽度按照任一子项的权重确定;
采用如下方案中的一种放置在后的子项包括:从各方案中选取整体平均值最小的方案作为推荐方案。
[0008]可选的,所述生成推荐布局的方法还包括:在推荐的布局上,为各子项添加子标题,以获得布局推荐结果。
[0009]可选的,提供布局大纲界面,所述布局大纲界面与所述布局界面相关联呈现,所述布局大纲界面具有与父标题以及子标题对应的配置项,以基于各配置项配置至少一个父项及其从属的子项。
[0010]可选的,所述布局大纲界面还具有与子标题关联呈现的权重值,基于对应的配置项可改变子项的权重值。
[0011]可选的,各行的子项之间的内间距相同。
[0012]本申请实施例还提出一种终端设备,包括处理器和存储器,所述存储器上存储有计算机程序,所述计算机程序被处理器执行时实现前述的基于树形大纲生成推荐布局的方法的步骤。
[0013]本申请实施例还提出一种计算机可读存储介质,所述计算机可读存储介质上存储有计算机程序,所述计算机程序被处理器执行时实现前述的基于树形大纲生成推荐布局的方法的步骤。
[0014]本申请实施例通过基于黄金分割率确定子项的整体平均值,由此基于整体平均值来进行布局推荐,由此提供了一种便捷完成布局设计的方法,更贴近于布局设计的具体应用场景。
[0015]上述说明仅是本申请技术方案的概述,为了能够更清楚了解本申请的技术手段,而可依照说明书的内容予以实施,并且为了让本申请的上述和其它目的、特征和优点能够更明显易懂,以下特举本申请的具体实施方式。
附图说明
[0016]通过阅读下文优选实施方式的详细描述,各种其他的优点和益处对于本领域普通技术人员将变得清楚明了。附图仅用于示出优选实施方式的目的,而并不认为是对本申请的限制。而且在整个附图中,用相同的参考符号表示相同的部件。在附图中:图1为本申请实施例的生成推荐布局的方法的基本流程图;图2为本申请实施例方法的生成推荐布局一种界面示例;图3为本申请实施例方法的生成推荐布局一种布局的推荐示例;图4为本申请实施例方法的生成推荐布局一种布局界面示例;图5为本申请实施例方法的生成推荐布局另一种布局界面示例;图6为本申请实施例方法的生成推荐布局的编辑文字大纲示例;图7为本申请实施例方法的生成推荐布局方案推荐示例。
具体实施方式
[0017]下面将参照附图更详细地描述本公开的示例性实施例。虽然附图中显示了本公开的示例性实施例,然而应当理解,可以以各种形式实现本公开而不应被这里阐述的实施例所限制。相反,提供这些实施例是为了能够更透彻地理解本公开,并且能够将本公开的范围
完整的传达给本领域的技术人员。
[0018]本申请实施例提供一种基于树形大纲生成推荐布局的方法,如图1所示,包括如下步骤:在步骤S101中,提供布局界面。如图2所示,图2中右侧部分为一种具体的布局界面示例。
[0019]在步骤S102中,在所述布局界面,基于用户指令,生成至少一个父项以及从属于所述至少一个父项下的多个子项,其中;所述至少一个父项占据布局界面的整体界面,如图2中包括一个父项,该父项占据了布局界面的整体界面。
[0020]各子项占有除外边距、内间距、父标题区域之外所述至少一个父项所剩余的至少部分区域。如图2中包括五个子项,五个子项占据了该父项界面的除外边距、内间距、父标题区域之外的区域。
[0021]在基础Strip布局算法中,没有考虑内间距的因素,同一行内的矩形面积比完全遵循权重进行分配。在本申请的实施例中各子项均呈矩形,且各子项的大小基于如下方式推荐确定:在步骤S103中,确定各子项的长边短边比值。
[0022]在步骤S104中,计算所述长边短边比值与黄金分割率之间的差值的绝对值。
[0023]在步骤S105中,计算各子项对应的差值的绝对值的整体平均值;在步骤S106中,基于所述整体平均值,进行布局推荐,其中所述整体平均值越小,推荐概率越大。
[0024]本示例中,将子项所占有的空间称为子矩形。在基础Strip布局算法中,子矩形的宽高比越小越好(此处指较长边除以较短边,最小值为1)。而本申请的方案中采用了计算“平均黄金差”的判断标准。具体的首先计算每个子矩形较长边除以较短边作为“长短边比”,再计算每个子矩形的长短边比与黄金分割率1.618之间的差的绝对值作为“黄金差”,最后将所有子矩形的黄金差进行平均,得出整个方案的整体平均值(平均黄金差)。平均黄金差越小,则方案越值得推荐,图3示出了一种布局的推荐示例。
[0025]本申请实施例通过基于黄金分割率确定子项的整体平均值,由此基于整体平均值来进行布局推荐,由此提供了一种便捷完成布局设计的方法,更贴近于布局设计的具体应用场景。
[0026]在一些实施例中,提供布局大纲界面,所述布局大纲界面与所述布局界面相关联呈现,所述布局大纲界面本文档来自技高网
...

【技术保护点】

【技术特征摘要】
1.一种基于树形大纲生成推荐布局的方法,其特征在于,包括:提供布局界面;在所述布局界面,基于用户指令,生成至少一个父项以及从属于所述至少一个父项下的多个子项,其中;所述至少一个父项占据布局界面的整体界面;各子项占有除外边距、内间距、父标题区域之外所述至少一个父项所剩余的至少部分区域;各子项均呈矩形,且各子项的大小基于如下方式推荐确定:确定各子项的长边短边比值;计算所述长边短边比值与黄金分割率之间的差值的绝对值;计算各子项对应的差值的绝对值的整体平均值;基于所述整体平均值,进行布局推荐,其中所述整体平均值越小,推荐概率越大。2.如权利要求1所述的基于树形大纲生成推荐布局的方法,其特征在于,对于当前行,按照顺序放置第一个子项后,采用如下方案中的一种放置在后的子项:将下一个子项放入当前行;将下一个子项单独放入下一行;将上一个子项从上一行中取出,与下一个子项一并加入下一行。3.如权利要求2所述的基于树形大纲生成推荐布局的方法,其特征在于,各子项中,处于同一行的子项的高度均相同,处于同一行的子项的宽度按照任一子项的权重确定;采用如下方案中的一种放置在后的子项包括:从各方案中选取整体平均值最小的方案作为...

【专利技术属性】
技术研发人员:苗雨菲于东詹明明王思越陈俊锰黎咸训
申请(专利权)人:中电云数智科技有限公司
类型:发明
国别省市:

网友询问留言 已有0条评论
  • 还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。

1