菜单重构完成

2026-07-29 14:07:01 +08:00
parent 5f1bceb767
commit 6b855a42b8
5 changed files with 381 additions and 117 deletions
@@ -0,0 +1,36 @@
+# WorkUtils UI 开发规则
+
+## 1. CSS 优先级铁律（AtlantaFX 环境）
+
+### 文本颜色
+- **禁止**纯 CSS 设置导航栏选中文字色，AtlantaFX `.label` 会覆盖（含 `!important`）。
+- **正确做法**：Java 代码中 `label.setTextFill(Color.WHITE)` 直接设置。
+
+### 背景透明
+- ListView 内部容器透明需覆盖完整链路：`.list-view`, `.viewport`, `.virtual-flow`, `.virtual-flow > *`, `.clipped-container`, `.sheet`, `.corner`。
+- 同时用 Java 代码 `setStyle("-fx-background-color: transparent;")` 做 inline 兜底。
+
+### 选中态
+- **必须同时覆盖** `.list-cell:selected` 和 `.list-cell:filled:selected`。
+- `.list-cell:selected` 设置透明背景兜底 → 防止虚拟化复用时空 cell 闪现蓝色。
+- `.list-cell:filled:selected` 设置激活背景 → CSS 优先级更高，非空选中 cell 生效。
+
+## 2. ListView 虚拟化陷阱
+
+- ListView 使用 VirtualFlow，cell 会被复用。每次 `updateItem(empty=true)` 时：
+  - 必须清理自定义 style class（先 removeAll 再按需 add）。
+  - 禁止 empty 分支中直接用 `setAll()`（会误删 JavaFX 内置 `list-cell` class）。
+- `selectedProperty()` listener 中调用 `updateStyleClass()` 时，要兼容 empty 状态。
+
+## 3. 布局规则
+
+- ListView 导航栏使用 `VBox.setVgrow(navList, Priority.ALWAYS)` 撑满剩余空间。
+- **不要**在 `refreshNavItems()` 中重新设置 prefHeight/minHeight/maxHeight，会与 grow 冲突。
+- 滚动条自然出现在 ListView 右侧底部，无需额外处理。
+
+## 4. 修改验证流程
+
+修改 UI 样式后：
+1. 先检查 AtlantaFX/modena.css 是否有同名规则覆盖。
+2. 优先使用 Java 端代码设置（`setStyle`/`setTextFill`），再补充 CSS。
+3. 对虚拟化组件（ListView/TableView），验证 resize 窗口场景。