菜单重构完成
This commit is contained in:
@@ -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 窗口场景。
|
||||
@@ -69,6 +69,51 @@ rules:
|
||||
action: "suggest"
|
||||
suggestion: "echo 'export/' >> .gitignore"
|
||||
|
||||
# 7. 复杂重构分步提交 —— 避免会话中断丢失工作
|
||||
- id: refactor-step-by-step
|
||||
description: |
|
||||
涉及 ≥4 个文件 或 ≥200 行变更 的复杂重构,必须分多个 commit 完成,避免单次会话中断丢失全部工作。
|
||||
典型场景:
|
||||
- 字段/类重命名(如 navButtons → navList)会触发多文件交叉引用更新
|
||||
- 组件替换(Button → ListView)涉及字段、方法、引用、样式、测试多文件
|
||||
- 框架/库升级涉及配置文件、依赖、调用点、文档
|
||||
推荐步骤:
|
||||
① 第一步:加新常量/CSS/配置项(与旧实现共存)
|
||||
② 第二步:替换实现/切换调用点
|
||||
③ 第三步:删除旧代码(清理 commit)
|
||||
每步完成后提交,便于回滚。
|
||||
condition: "涉及文件数 >= 4 OR 变更行数 >= 200"
|
||||
action: "warn"
|
||||
severity: high
|
||||
|
||||
# 8. AtlantaFX UI 防中断规则 —— 修改 MainWindow/Theme/CSS 时必读
|
||||
- id: atlantafx-ui-pitfalls
|
||||
description: |
|
||||
修改 MainWindow.java、Theme.java 或 light-theme.css 时,必须遵守以下规则,避免反复修改同一问题导致会话中断:
|
||||
|
||||
【CSS 优先级】
|
||||
- AtlantaFX 的 .label 规则优先级极高,!important 也会被覆盖
|
||||
- 导航栏选中文字色:必须用 Java 代码 label.setTextFill(Color.WHITE),不能靠 CSS
|
||||
- ListView 选中态:必须同时覆盖 .list-cell:selected(为空 cell 兜底)和 .list-cell:filled:selected(为非空 cell 设置激活背景)
|
||||
- 背景透明:需要完整覆盖 .list-view → .virtual-flow → .clipped-container → .sheet 全链路
|
||||
|
||||
【ListView 虚拟化】
|
||||
- cell 会被 VirtualFlow 复用,updateItem(empty=true) 时必须清理自定义 style class
|
||||
- 不要用 getStyleClass().setAll(),会误删 JavaFX 内置 list-cell class;用 removeAll + add
|
||||
- 窗口 resize 时 cell 复用会暴露 empty cell 被 selected 的问题
|
||||
|
||||
【布局】
|
||||
- 导航 ListView 用 VBox.setVgrow(ALWAYS) 撑满
|
||||
- refreshNavItems() 中不要重新设置 prefHeight/minHeight/maxHeight
|
||||
|
||||
【修改后自检清单】
|
||||
① 小窗口(菜单项少)→ 无滚动条,无底部蓝块
|
||||
② 选中菜单 → 文字白色,背景蓝色,左侧蓝条可见
|
||||
③ 最大化窗口 → 无额外蓝色块闪现,滚动条在导航栏底部
|
||||
files: ["MainWindow.java", "Theme.java", "light-theme.css"]
|
||||
action: "warn"
|
||||
severity: high
|
||||
|
||||
# ===== 触发提示 =====
|
||||
# 当规则被触发时,AI 会看到这些提示
|
||||
messages:
|
||||
@@ -79,3 +124,10 @@ messages:
|
||||
large-file-check: |
|
||||
⚠️ 目标文件 >500KB,可能是压缩产物或大型导出文件。
|
||||
建议使用 head/tail 检查结构,或通过单元测试验证行为。
|
||||
refactor-step-by-step: |
|
||||
⚠️ 检测到复杂重构(≥4 文件 或 ≥200 行)。
|
||||
建议分步提交:
|
||||
① 第一步:加新常量/CSS(与旧实现共存)
|
||||
② 第二步:替换实现/切换调用点
|
||||
③ 第三步:删除旧代码
|
||||
每步完成后 git commit,避免会话中断丢失工作。
|
||||
|
||||
Reference in New Issue
Block a user