fix(UI): 布局边界按尺寸自适应 + 修复拖滚动条的绘制残留与浮层层级
## 1. 边界描边按元素尺寸自适应(修复"小元素变成粗描边")
旧规则四角固定 3-4px:对 15px 的复选框来说包角占短边 20%,看起来就是一整圈粗边框。
新规则全部以**短边**为基准:
- 四边固定 1 设备像素;
- 包角粗细 = min(基础 4/3, 短边/10),再夹到 [1, 短边/4];
- 包角长度 = min(14, 短边/3),且不小于包角粗细;
- 短边 <= 12 只画四个 L 形角标记、**不画边**(一圈连续描边会让小方框显得"被框住");
- 短边 <= 5 完全不画(再画就盖住元素本身);
- 内缩只用于「层级 > 0 且短边 >= 10」,否则小元素会被缩没。
同时**删除文字标签**(含 UiDebugPaintStyle):黑底白字在小元素上必糊成一片,体积也省约 1.5KB。
## 2. 拖网格滚动条时的"大量绘制残留":三个独立成因
R1. PlotView::CollectDebugBoxes 读了 m_decorRects —— 那是**装饰层位图缓存**的登记矩形,
坐标处在位图/图层坐标系(带负 Y、超出绘图区),于是出现 (472,-27 1213x101) 这类
**横跨工具栏的幽灵巨框**。改为只用 LaneBadgeRect 与 m_legendHits(屏幕坐标)。
R2. Paint 的三条快路径(静态场景贴图 / 宽基底贴图 / 样式补丁)只重画**变化的部分**,
而调试边框是画在整个窗口上的叠加内容 ⇒ 上一帧的边框残留在未被重画的像素上,
直到松开鼠标走整幅重绘才消失。
新增 PlotView::SetForceFullRepaint(bool):开启调试叠加层时禁用全部快路径。
R3. 组件内元素可能落在自己地盘之外(滚出可视区的 lane.rect 的 Y 为负),不裁剪就画到
工具栏/标签栏上。box 增加 clip:宿主按组件 Area() 设置,Add() 跳过无交集、
绘制时与 clip 求交。
另外把 Render 的 fullChrome 并入 m_showLayoutBounds,装饰区也保证完整一帧。
## 3. 层级:排序 + 挖洞(修复二级菜单被下层边界覆盖)
- UiDebugBoxList::PushLayer() + 按 (layer, depth) 稳定排序:后收集的内容压住先收集的。
- 但仅靠排序不够:调试线画在所有内容之后,下层组件的线仍会显示在不透明菜单上面。
新增 AddOccluder():菜单/拾色器把本体登记为遮挡矩形,绘制**更低层**的 box 时用
Region::Exclude 挖洞。实测菜单区与子菜单区的琥珀/绿色像素均为 0。
- 浮层**不设** clip = 本体矩形:二级子菜单会展开到本体之外,设裁剪会把它整个裁掉。
## 4. 验证
- make release / make debug 零 error 零 warning;TargetCheck.exe 906,752 B(885.5 KiB < 900 KiB)。
- 新增 .preflight/lbresid(MF4-Record.MF4 / 283 网格 / 拖滚动条)**5/5**:
toolbar-unchanged-while-scrolling、repaint-same-state-is-identical、
toolbar-restored-by-full-repaint、residual-never-above-plot-area、later-layer-wins-over-earlier。
- 新增 .preflight/lbzorder **4/4**:菜单与二级子菜单区内下层颜色像素 = 0。
- 回归:.preflight/lbcheck 21/21、Tools/uicheck 69/69、
Tools/rendercheck「工具栏带以下」区域哈希 8/8 与上一轮逐一相同 + FUNC 7/7。
注:判断"是否有绘制残留"不能用"拖拽帧 vs 松开后一帧"——两者图层预热进度不同会产生
几十万像素的**合法**差异;正确判据是**同一状态连续两帧必须逐像素相同**。
## 5. 文档
Documents/UI_Refactor_Plan.md / UI_Refactor_Progress.md / UI_Refactor_Report.md 追加第八阶段;
Documents/agent_mem.md 同步变更日志与「2026-10-28 第十轮」硬约束与踩坑。
This commit is contained in:
1 parent
24706c906a
commit
57e12cfb27
14 files changed
+630
-191
No files matched your search
@@ -3031,6 +3031,8 @@ else if (panelOnly) { /* 只回送“本帧重绘过的区域并集” */ }
|
||||
|
||||
| 2026-10-28 | DeepSeek-V4.1-Flash(**UI_Refactor 分支**) | **布局边界观感重做(四角粗/四边细)+ 全覆盖 + 几何同源(详见 §12 末尾「2026-10-28 第九轮」)**。① **描边规则改了**:四条边固定 **1 设备像素**,四个角加粗(层级 0 = 4px、其余 3px,沿边延伸 ≤14px 且 ≤ 短边一半),层级 > 0 整体**内缩 1px**(父子共边不再叠粗),**绝不填充**;整像素对齐 + `PixelOffsetModeNone` + 关抗锯齿。② **协议改为「收集 → 统一绘制」**:`UiComponent::CollectDebugBoxes(UiDebugBoxList&)`(默认只登记 `Area()`)+ `UiWidget::CollectDebugBoxes(boxes, depth)` 递归控件树;**不要**改成"所有元素继承同一基类"(会与 `PlotView` 4 层缓存 / `SignalPanel` 行位图缓存的失效体系打架)。③ **覆盖补齐**:`Toolbar` 按钮内容(新增 `UiButtonWidget::ContentRect()`)、`TabBar` ✕、`SignalPanel` 每个可见行的折起三角/复选框/色块/名称/GX 徽标/✕(组行另有组名/计数)+ 筛选框/清空✕/滚动轨道与滑块/样式 5 行与 12 色块/3 模式/3 调整/线宽与透明度轨道和数值/目标行/编辑框、`PlotView` GX 徽标/装饰层矩形/图例托底+色块+文本/**5 类浮动面板全部 20+ 字段**、`PopupMenu` 条目/可视区/轨道/滑块/二级子菜单、`ColorPickerPopup` 各控件。标签设**尺寸门槛**(< 56×16 逻辑像素不画)避免糊字。④ **性能**:`RowRect` 曾是 O(row) 逐行累加且画一行调 5 次 ⇒ 改用 `m_rowTop` 前缀和(`UpdateAnimGeometry()` 重建,长度不一致时退回累加)⇒ O(1);`ContentOffsetBeforeRow` 同步;`PanelBounds()` 收敛 6 处重复三元式。⑤ **齿轮按钮改主按钮配色**(与「导入文件」一致),图标重画(齿占最外一圈 0.66R→1.0R、外环 0.54R,否则齿被环描边吃掉只剩甜甜圈)。验证:`lbcheck` 21/21(含关闭后逐像素还原)、`rendercheck` 「工具栏带以下」区域哈希 **8/8 与上一轮逐一相同** + FUNC 7/7、`uicheck` 69/69、零警告、`TargetCheck.exe` **910,336 字节(889 KiB)**。 |
|
||||
|
||||
| 2026-10-28 | DeepSeek-V4.1-Flash(**UI_Refactor 分支**) | **布局边界自适应 + 绘制残留与层级缺陷修复(详见 §12 末尾「2026-10-28 第十轮」)**。① **描边按短边自适应**(取代第九轮固定包角):四边固定 1px;包角粗细 `min(4/3, 短边/10)` 夹到 `[1, 短边/4]`;包角长度 `min(14, 短边/3)`;**短边 ≤ 12 只画 L 形角标记不画边、≤ 5 完全不画**;内缩仅层级 > 0 且短边 ≥ 10。文字标签**整体删除**(含 `UiDebugPaintStyle`,省 ~1.5KB)。② **绘制残留三个成因**:(a) `PlotView::CollectDebugBoxes` 误读 `m_decorRects`(位图坐标系,负 Y)⇒ 横跨工具栏的幽灵巨框,改为只用 `LaneBadgeRect`/`m_legendHits`;(b) `Paint` 三条快路径只重画变化区域而调试线画在最后 ⇒ 新增 `PlotView::SetForceFullRepaint(bool)`,开启边界时禁用全部快路径;(c) 组件内元素越界(`lane.rect` Y 为负)⇒ box 增加 `clip`(宿主按 `Area()` 设置,`Add()` 跳过无交集、绘制时求交)。`Render` 的 `fullChrome` 并入 `m_showLayoutBounds`。③ **层级**:`UiDebugBoxList::PushLayer()` + 按 `(layer, depth)` 稳定排序;⚠️ 仅排序不够(调试线在所有内容之后),新增 `AddOccluder()` 让菜单/拾色器把本体登记为遮挡矩形,绘制更低层 box 时用 `Region::Exclude` 挖洞;⚠️ 浮层不要设 `clip=本体`(会把展开到本体外的二级子菜单整个裁掉)。④ **验证方法论**:判断残留不能用"拖拽帧 vs 松开后一帧"(图层预热进度不同会产生几十万像素合法差异),正确判据是**同一状态连续两帧逐像素相同**。新增探针 `.preflight/lbresid`(5/5)与 `.preflight/lbzorder`(4/4);`lbcheck` 21/21、`uicheck` 69/69、`rendercheck` 区域哈希 8/8 不变 + FUNC 7/7;零 warning;`TargetCheck.exe` **906,752 字节(885.5 KiB)**。 |
|
||||
|
||||
## 11. 跨设备协作须知(起源设备视角)
|
||||
|
||||
> **本文件是唯一权威记忆**。所有设备 / Agent 共用它,**不要再新建 `agent_mem_origin.md` 等旁支记忆文件**。
|
||||
@@ -8129,3 +8131,67 @@ rendercheck 「工具栏带以下」区域哈希 8/8 与上一轮逐一相同 +
|
||||
文件里的闭括号带前导缩进,用 `TrimEnd()` 会越界(`InvokeMethodOnNull`)且**开头已被删掉**,
|
||||
要在替换后逐个核对括号配对。
|
||||
* 中文不能写进 `.ps1`(PS 5.1 按 GBK 读)⇒ 文本块落 UTF-8 数据文件、脚本保持纯 ASCII。
|
||||
|
||||
---
|
||||
|
||||
## 本轮(2026-10-28 第十轮,本机):布局边界自适应 + 绘制残留与层级缺陷修复
|
||||
|
||||
### 1. 描边规则(**现行,取代第九轮的固定包角**)
|
||||
|
||||
以**短边**为基准,不再用固定 3–4px 包角:
|
||||
|
||||
| 量 | 规则 |
|
||||
| --- | --- |
|
||||
| 四边 | 固定 1 设备像素 |
|
||||
| 包角粗细 | `min(4(层级0)/3(其余), 短边/10)`,夹到 `[1, 短边/4]` |
|
||||
| 包角长度 | `min(14, 短边/3)`,且 ≥ 包角粗细 |
|
||||
| 短边 ≤ 12 | **只画四个 L 形角标记、不画边** |
|
||||
| 短边 ≤ 5 | 完全不画 |
|
||||
| 内缩 | 仅层级 > 0 **且短边 ≥ 10** |
|
||||
|
||||
文字标签已**整体删除**(含 `UiDebugPaintStyle`):黑底白字在小元素上必糊,且省 ~1.5 KB。
|
||||
|
||||
### 2. 调试叠加层的三条硬约束(血泪)
|
||||
|
||||
1. **绝不读位图坐标系的缓存**:`m_decorRects` 是装饰层位图缓存的登记矩形(负 Y / 超出绘图区),
|
||||
拿它当屏幕矩形会出现横跨工具栏的幽灵巨框。屏幕几何请用 `LaneBadgeRect` / `m_legendHits`。
|
||||
2. **调试开启时必须强制整幅重绘**:`PlotView::SetForceFullRepaint(true)` 关掉三条快路径
|
||||
(静态场景贴图 / 宽基底贴图 / 样式补丁),否则局部重画会让上一帧的边框残留
|
||||
(症状:拖网格滚动条时工具栏与网格区域出现大量残留,松开并移动鼠标才消失)。
|
||||
3. **box 必须带 `clip`(组件地盘)**:组件内元素可能越界(滚出可视区的 `lane.rect` Y 为负),
|
||||
宿主按 `Area()` 设置裁剪,`Add()` 跳过无交集、绘制时求交。
|
||||
|
||||
### 3. 层级:排序 + 挖洞
|
||||
|
||||
* `UiDebugBoxList::PushLayer()`:宿主每收集完一个组件 +1(菜单/拾色器最后)。
|
||||
绘制按 `(layer, depth)` 稳定排序 ⇒ 后收集的压住先收集的。
|
||||
* ⚠️ 仅排序**不够**:调试线画在所有内容之后,下层组件的线仍会显示在不透明菜单上。
|
||||
因此 `AddOccluder()`:菜单/拾色器登记本体为遮挡矩形,绘制**更低层** box 时用
|
||||
`Region::Exclude` 挖洞。实测菜单区 / 子菜单区下层颜色像素 = **0**。
|
||||
* ⚠️ 浮层**不要**设 `clip = 本体矩形`:二级子菜单会展开到本体之外,会被整个裁掉
|
||||
(改用它自己登记的 occluder)。
|
||||
|
||||
### 4. 验证
|
||||
|
||||
```
|
||||
lbresid 5/5 toolbar-unchanged-while-scrolling / repaint-same-state-is-identical
|
||||
/ toolbar-restored-by-full-repaint / residual-never-above-plot-area
|
||||
/ later-layer-wins-over-earlier
|
||||
lbzorder 4/4 menu & submenu:amber=0 green=0
|
||||
lbcheck 21/21 ;uicheck 69/69;rendercheck 区域哈希 8/8 不变 + FUNC 7/7
|
||||
零 warning;TargetCheck.exe 906,752 B(885.5 KiB)
|
||||
```
|
||||
|
||||
### 5. 验证方法论(重要)
|
||||
|
||||
判断"是否有绘制残留"**不能**用"拖拽帧 vs 松开后一帧":两者图层预热进度不同,
|
||||
会产生几十万像素的**合法**差异。正确判据是 **同一状态连续两帧必须逐像素相同**
|
||||
(探针里先跑若干帧直到收敛,再比较相邻两帧)。
|
||||
|
||||
### 6. 新增探针
|
||||
|
||||
* `.preflight/lbresid`:MF4-Record.MF4 / 283 网格 / 拖滚动条,5 条断言 + BMP 落盘。
|
||||
* `.preflight/lbzorder`:打开网格右键菜单与「实验性功能」子菜单,检查浮层区内无下层颜色。
|
||||
|
||||
两个探针都在 `.preflight/`(已被 gitignore),需在 `make release TARGET_FILE_NAME=TargetCheck`
|
||||
之后用各自的 `build.ps1` 构建。
|
||||
Reference in new issue
Block a user