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
@@ -85,18 +85,18 @@ namespace jdi
|
||||
EnsureRows();
|
||||
|
||||
// ── 层级 1:面板内部的四个功能分区 ────────────────────────────────
|
||||
boxes.Add(m_headerRect, 1, L"header");
|
||||
boxes.Add(m_filterRect, 1, L"filter");
|
||||
boxes.Add(m_listRect, 1, L"list");
|
||||
boxes.Add(m_styleRect, 1, L"style");
|
||||
boxes.Add(m_headerRect, 1);
|
||||
boxes.Add(m_filterRect, 1);
|
||||
boxes.Add(m_listRect, 1);
|
||||
boxes.Add(m_styleRect, 1);
|
||||
|
||||
// ── 层级 2:分区内部的固定控件 ────────────────────────────────────
|
||||
boxes.Add(m_filterRect, 2); // 输入框外框(与分区边框区分)
|
||||
boxes.Add(FilterFieldRect(), 3, L"field");
|
||||
boxes.Add(FilterClearRect(), 3, L"x");
|
||||
boxes.Add(FilterFieldRect(), 3);
|
||||
boxes.Add(FilterClearRect(), 3);
|
||||
boxes.Add(m_toggleAllRect, 2);
|
||||
|
||||
boxes.Add(m_scrollBarRect, 2, L"scroll");
|
||||
boxes.Add(m_scrollBarRect, 2);
|
||||
boxes.Add(ScrollThumbRect(), 3);
|
||||
|
||||
// ── 样式区:五行 + 每行内部的色块/按钮/滑轨/数值 ──────────────────
|
||||
@@ -108,7 +108,7 @@ namespace jdi
|
||||
{
|
||||
boxes.Add(swatch, 3);
|
||||
}
|
||||
boxes.Add(m_customChipRect, 3, L"custom");
|
||||
boxes.Add(m_customChipRect, 3);
|
||||
for (const gd::RectF& mode : m_modeRects)
|
||||
{
|
||||
boxes.Add(mode, 3);
|
||||
@@ -117,15 +117,15 @@ namespace jdi
|
||||
{
|
||||
boxes.Add(adjust, 3);
|
||||
}
|
||||
boxes.Add(m_widthTrackRect, 3, L"track");
|
||||
boxes.Add(m_widthValueRect, 3, L"value");
|
||||
boxes.Add(m_opacityTrackRect, 3, L"track");
|
||||
boxes.Add(m_opacityValueRect, 3, L"value");
|
||||
boxes.Add(m_widthTrackRect, 3);
|
||||
boxes.Add(m_widthValueRect, 3);
|
||||
boxes.Add(m_opacityTrackRect, 3);
|
||||
boxes.Add(m_opacityValueRect, 3);
|
||||
|
||||
// ── 「目标」行(样式区顶部,展示当前选中信号) ────────────────────
|
||||
boxes.Add(m_targetRowRect, 2, L"target");
|
||||
boxes.Add(m_targetNameRect, 3, L"name");
|
||||
boxes.Add(m_targetBadgeRect, 3, L"G");
|
||||
boxes.Add(m_targetRowRect, 2);
|
||||
boxes.Add(m_targetNameRect, 3);
|
||||
boxes.Add(m_targetBadgeRect, 3);
|
||||
|
||||
// ── 列表里**当前可见**的行,以及每行内部的元素 ────────────────────
|
||||
// 被滚出列表的行不登记,否则边界会糊到列表区之外。
|
||||
@@ -144,7 +144,7 @@ namespace jdi
|
||||
continue;
|
||||
}
|
||||
|
||||
boxes.Add(rect, 2, L"row");
|
||||
boxes.Add(rect, 2);
|
||||
|
||||
const ListRow& item = m_rows[static_cast<std::size_t>(row)];
|
||||
const bool isGroup = (item.kind == RowKind::GROUP);
|
||||
@@ -157,16 +157,15 @@ namespace jdi
|
||||
const gd::RectF checkRect(baseX + kDisclosureWidth * m_scale,
|
||||
centerY - kCheckSize * m_scale * 0.5f,
|
||||
kCheckSize * m_scale, kCheckSize * m_scale);
|
||||
boxes.Add(disclosureRect, 3, L"disclose");
|
||||
boxes.Add(checkRect, 3, L"check");
|
||||
boxes.Add(disclosureRect, 3);
|
||||
boxes.Add(checkRect, 3);
|
||||
|
||||
if (isGroup)
|
||||
{
|
||||
const float labelLeft = checkRect.X + checkRect.Width + 8.0f * m_scale;
|
||||
boxes.Add(gd::RectF(labelLeft, rect.Y, GroupLabelWidth(row), rect.Height), 3,
|
||||
L"group");
|
||||
boxes.Add(GroupStatsRect(row), 3, L"count");
|
||||
boxes.Add(GroupCloseRect(row), 3, L"x");
|
||||
boxes.Add(gd::RectF(labelLeft, rect.Y, GroupLabelWidth(row), rect.Height), 3);
|
||||
boxes.Add(GroupStatsRect(row), 3);
|
||||
boxes.Add(GroupCloseRect(row), 3);
|
||||
continue;
|
||||
}
|
||||
|
||||
@@ -174,19 +173,19 @@ namespace jdi
|
||||
const gd::RectF swatchRect(checkRect.X + checkRect.Width + 6.0f * m_scale,
|
||||
centerY - kSwatchSize * m_scale * 0.5f,
|
||||
kSwatchSize * m_scale, kSwatchSize * m_scale);
|
||||
boxes.Add(swatchRect, 3, L"swatch");
|
||||
boxes.Add(RowNameRect(row), 3, L"name");
|
||||
boxes.Add(swatchRect, 3);
|
||||
boxes.Add(RowNameRect(row), 3);
|
||||
if (SignalBadgeVisible(ref))
|
||||
{
|
||||
boxes.Add(SignalBadgeRect(row), 3, L"G");
|
||||
boxes.Add(SignalBadgeRect(row), 3);
|
||||
}
|
||||
boxes.Add(SignalRemoveRect(row), 3, L"x");
|
||||
boxes.Add(SignalRemoveRect(row), 3);
|
||||
}
|
||||
|
||||
// ── 内联编辑框(正在重命名时才有意义) ───────────────────────────
|
||||
if (m_editField != StyleEditField::NONE)
|
||||
{
|
||||
boxes.Add(EditFieldRect(), 4, L"edit");
|
||||
boxes.Add(EditFieldRect(), 4);
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
Reference in new issue
Block a user