# 功能介绍
可以应用到不同的场景中快速生成需要的模块。比如分类、产品排列、图文说明、生成按钮等等。并且支持表达式进行更加高级控制。
# 界面介绍
# 简单分类怎么做?
如下图:
分析
- 已经知道要生成的是圆形
- 只有1行,一行有5个圆形
- 圆形下方有1行文字
小技巧 刚开始使用参数把握不准确时,建议在得到满意的框架后再输入文字字号进行生成,这样速度会快很多。
案例演示
根据想要的结果分析,只需要设置形状为圆形、只生成1行,数量为5、设置1个文字大小、然后即可生成。
# 分类展示怎么做?
如下图:
分析
- 需要生成3块,间距为0矩形框
- 矩形框上方有2个层级的文字
案例演示
先输入一行的数量、列间距。生成满意结果后再设置 文字大小、文字位置 重新生成(熟练的可以一次输入),最后放入产品图片即可。
# 复杂一些的分类
分析
左边4个正好和右边1个是同样大小正方形,因此先生成2个同样大小的,再把左边的矩形分成4个即可。
案例演示
- 生成一行2个正方形生
- 选择左边的正方形,设置生成2行,每行2个正方形
- 最后调整文字放入产品即可
# 高阶应用-表达式
表达式共有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%
案例演示