新增「扁平简约图示组件」：9 个纯 TikZ 绘图元素

设计基调：圆角色块 + 实心纯色 + 白字 + 细箭头。 **无渐变、无阴影、无立体**（已量化验证：PDF 中 shading 对象数为 0）。不依赖 smartdiagram 等外部绘图宏包，全部用 TikZ 自绘。九个组件（颜色列表写在方括号里，可写一个或多个）： \flatflow[颜色]{条目1, 条目2, ...} 横向箭头流程，自动等分满宽 \flatstack[颜色]{...} 纵向流程 \flatcycle[颜色]{...} 循环图（弧线箭头） \flathub[颜色]{中心}{环绕1, 环绕2, ...} 中心辐射 \flatsteps[颜色]{...} 阶梯递进 \flattime[颜色]{年份列表}{事件列表} 时间轴（上下交替） \flatquad[颜色]{左上}{右上}{左下}{右下} 四象限 \flatpyramid[颜色]{顶层, ..., 底层} 金字塔 \flatcompare[左色][右色]{左标题}{左内容}{右标题}{右内容} 左右对比颜色支持列表循环：\flatflow[oucblue,oucred]{...} 两个块不同色； \flatflow[oucred,oucblue]{六个块} 则按红蓝红蓝循环取色。防错：颜色是可选参数，若误写成花括号，会报「图示组件的颜色要写在方括号里」的明确错误（不会静默出错）。实现中踩到的三个本机 expl3/pgf 坑（均已写进代码注释）： - 长度做乘除一律用 \pgfmathsetlength，且表达式里只能是「长度」或「纯数字」，绝不能出现计数器（否则静默算成 0pt）。 - \foreach 每轮迭代会开组，内层 \def 出组即失效，需用 \global\def。 - \ifstrequal 在本机恒为假，字符串比较必须用 \ifx。另修正一处定义顺序问题：组件必须放在 \ExplSyntaxOff 之后，否则 `@` 不是字母类别，\fl@... / fl@i@... 这类名字会被解析错。已验证：TL2022~2026 全部 0 错误 0 溢出；跨版本渲染逐像素一致； slides.tex 新增 5 页演示，README 新增「图示组件（扁平风格）」一节。
2026-10-13 15:06:04 +08:00
parent 5532dd2fc7
commit e60e1d768b
5 changed files with 398 additions and 1 deletions
@@ -308,6 +308,65 @@ Tex文件的开头，是基本信息部分，可以根据需要添加`\title`{
   `\l_ouc_pbg_vgap`（纵向，默认 6pt）。
 4. 单个要点框仍然可以像以前那样手写 `columns` + `pointbox`，两种用法并存。

+## 图示组件（扁平风格）
+
+模板自带 9 个**扁平简约**图示组件：圆角色块 + 实心纯色 + 白字 + 细箭头，
+**无渐变、无阴影、无立体**。全部用纯 TikZ 绘制，不依赖任何外部绘图宏包。
+
+![图示组件](/figs/fig16.png)
+
+### 颜色：一个或多个都可以
+
+所有组件的**颜色列表写在方括号里**（可选参数）。写一个就是全部同色，
+写多个就**按顺序取色、不够时自动循环**：
+
+```
+\flatflow[oucblue]{数据采集, 数据清洗, 模型训练, 结果评估}                % 全部海大蓝
+\flatflow[oucblue,oucred,oucpine,oucamber]{数据采集, 数据清洗, 模型训练, 结果评估}
+                                              % ← 4 个块 4 种颜色
+\flatflow[oucred,oucblue]{块一, 块二, 块三, 块四, 块五, 块六}
+                                              % ← 2 色循环：红蓝红蓝红蓝
+```
+
+> ⚠️ 颜色**必须写成方括号 `[ ]`**。若误写成花括号 `{ }`，颜色会被当成第一个条目，
+> 编译时会报 `图示组件的颜色要写在方括号里` 的明确错误（不会静默出错）。
+
+### 九个组件速查
+
+| 命令 | 说明 |
+|------|------|
+| `\flatflow[颜色]{条目1, 条目2, ...}` | **横向箭头流程**，自动等分满宽 |
+| `\flatstack[颜色]{条目1, 条目2, ...}` | 纵向流程 |
+| `\flatcycle[颜色]{条目1, ...}` | 循环图（弧线箭头首尾相接） |
+| `\flathub[颜色]{中心文字}{环绕1, 环绕2, ...}` | **中心辐射**（中心圆 + 环绕卡片） |
+| `\flatsteps[颜色]{条目1, ...}` | 阶梯递进 |
+| `\flattime[颜色]{年份列表}{事件列表}` | 时间轴（节点上下交替） |
+| `\flatquad[颜色]{左上}{右上}{左下}{右下}` | 四象限 |
+| `\flatpyramid[颜色]{顶层, ..., 底层}` | 金字塔（上窄下宽） |
+| `\flatcompare[左色][右色]{左标题}{左内容}{右标题}{右内容}` | 左右对比 |
+
+示例（`slides.tex` 里有完整的 5 页演示）：
+
+```
+\flatflow[oucblue,oucred,oucpine,oucamber]{数据采集, 数据清洗, 模型训练, 结果评估}
+
+\flathub[oucblue,oucred,oucpine,oucamber,oucdusk]{核心}{可行性, 必要性, 创新性, 实用性}
+
+\flattime[oucblue,oucred,oucpine,oucdusk]{2020, 2021, 2023, 2025}{立项, 方案设计, 中期检查, 结题验收}
+
+\flatcompare[oucpine][oucred]{优势}{响应快、成本低、易于维护}{不足}{精度受限、依赖数据质量}
+```
+
+`\flatquad` 与 `\flatcompare` 的颜色是独立的固定参数（分别 1 个和 2 个），
+不参与循环取色。
+
+### 几点说明
+
+1. 颜色可以直接用模板的 10 个颜色（`oucblue`、`oucred`、`oucpine`、`oucdusk`、`oucamber` 等）。
+2. 横向流程会自动把 N 个块加间隙**摊满整行**，不需要手算宽度。
+3. 纵向对比、四象限这类元素较宽，建议用 `\begin{center}...\end{center}` 居中。
+4. 这套组件已用 TeX Live 2022~2026 逐一编译验证：0 错误、0 溢出，且跨版本渲染逐像素一致。
+
 ## 代码

 模板可以插入代码块，使用`lstlisting`即可。