# 功能介绍

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

# 界面介绍

An image

# 简单分类怎么做?

如下图:
An image

分析

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

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

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

# 分类展示怎么做?

如下图:
An image

分析

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

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

# 复杂一些的分类

An image

分析

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

案例演示

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

# 高阶应用-表达式

表达式共有3种形式, N:S:MN=S@MN=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%

案例演示