# 功能介绍
自定义框架功能可以应用到不同的场景中快速生成需要的模块。比如分类、产品排列、图文说明、生成按钮等等。并且支持表达式进行更加高级控制。
# 视频教程
# 界面介绍
界面介绍：
# 简单分类怎么做？
如下图红框的效果：
分析
1、已经知道要生成的是圆形
2、只有1行，一行有5个圆形
3、圆形下方有1行文字
小技巧 刚开始使用参数把握不准确时，建议在得到满意的框架后再输入文字字号进行生成，这样速度会快很多。
实操说明
根据想要的结果分析，只需要设置形状为圆形、只生成1行，数量为5、设置1个文字大小、然后即可生成。
# 分类展示怎么做？
分析
1、需要生成3块，间距为0矩形框
2、矩形框上方有2个层级的文字
先输入一行的数量、列间距。生成满意结果后再设置文字大小 ，然后重新生成(熟练的可以一次输入)，最后放入产品图片即可。
演示动图：
# 复杂一些的分类
分析
左边4个框和右边1个是同样大小正方形，因此可以生成2个同样大小的，再把左边的矩形分成4个即可。
- 步骤1 生成一行2个正方形生
- 步骤2 选择左边的正方形，设置生成2行，每行2个正方形
- 步骤3 最后调整文字放入产品即可
演示动图：
# 表达式
表达式特点
- 特点1 可以自定义每一个宽度的比例。比如: 输入1:2 , 那么生成的2个矩形则具有1:2大小大比例。
- 特点2 单独控制其中1个相比其他的大小占比。
- 特点3 单独控制其中1个占总宽度的百分比。
表达式共有3种形式， A:B:C ， A=B>C ， A=B%C, 其中A、B、C表示的是数字。
# 表达式1:按照占比生成宽度
A : B : C 表示一行有3个，占比分别是A、B、C。
举个例子:
- 1:2:1 表示生成3块，其中第2块是其他的2倍宽
- 1:1.618 表示生成2块，他们的占比正好是黄金比例
演示动图：
# 表达式2:指定其中一个的占比，其余均为占比1
A=B>C 表示一行共有A个，第B个占比为C。
举个例子:
- 3=1>2 表示生成3块，第1块比例为2，其他均为1
- 4=4>2 表示生成4块，第4块占比为2，其他均为1
演示动图：
# 表达式3:单独指定其中的一个百分比，剩下的平分
A=B%C 表示一行共有A个，第B个占比百分之C
举个例子:
- 3=1%50 表示生成3块，第1块占50%，其他2个平分50%
- 4=4%60 表示生成4块，第4块占60%，其他3块平分40%
演示动图：
