功能介绍

可以应用到不同的场景中快速生成需要的模块。比如分类、产品排列、图文说明、生成按钮等等。并且支持表达式进行更加高级控制。

界面介绍

简单分类怎么做？

如下图:

分析

1. 已经知道要生成的是圆形
2. 只有1行，一行有5个圆形
3. 圆形下方有1行文字

小技巧 刚开始使用参数把握不准确时，建议在得到满意的框架后再输入文字字号进行生成，这样速度会快很多。

案例演示
根据想要的结果分析，只需要设置形状为圆形、只生成1行，数量为5、设置1个文字大小、然后即可生成。

分类展示怎么做？

如下图:

分析

1. 需要生成3块，间距为0矩形框
2. 矩形框上方有2个层级的文字

案例演示
先输入一行的数量、列间距。生成满意结果后再设置 文字大小、文字位置 重新生成(熟练的可以一次输入)，最后放入产品图片即可。

复杂一些的分类

分析

左边4个正好和右边1个是同样大小正方形，因此先生成2个同样大小的，再把左边的矩形分成4个即可。

案例演示

1. 生成一行2个正方形生
2. 选择左边的正方形，设置生成2行，每行2个正方形
3. 最后调整文字放入产品即可

高阶应用-表达式

表达式共有3种形式， N:S:M、N=S@M、N=S%M, 其中N、S、M表示的是数字。

表达式特点

• 特点1 可以自定义每一个宽度的比例。比如: 输入1:2 , 那么生成的2个矩形则具有1:2大小大比例。
• 特点2 单独控制其中1个相比其他的大小占比。
• 特点3 单独控制其中1个占总宽度的百分比

表达式1:按照占比生成宽度

N : S : M 表示一行有3个，占比分别是N、S、M。

例如：

• 1:2:1 表示生成3块，其中第2块是其他的2倍宽
• 1:1.618 表示生成2块，他们的占比正好是黄金比例

案例演示

表达式2:调整其中一个的占比，其余均为占比1

N=S@M 表示一行共有N个，第S个占比为M。

例如：

• 3=1>2 表示生成3块，第1块比例为2，其他均为1
• 4=4>2 表示生成4块，第4块占比为2，其他均为1

案例演示

表达式3:单独调整其中的一个百分比，剩下的平分

N=S%M 表示一行共有N个，第S个占比百分之M

例如：

• 3=1%50 表示生成3块，第1块占50%，其他2个平分50%
• 4=4%60 表示生成4块，第4块占60%，其他3块平分40%

案例演示