07-UI改造方案.md 2.9 KB

07 · UI 改造方案

父文档:../00-需求总览.md · 对应需求 4/5/6/6.1/11/12 · 决策 D6 · 风险 R6


1. 现状

  • 整体写死竖屏 1824×2736(MainWindow + 各 UserControl);行高/列宽/字号大量绝对值。
  • Release 无 Viewbox 缩放(仅 #if DEBUG 有),换分辨率会错位。
  • 大量原生 <TextBox>(调试/设置/记录/登录),触屏点中唤起 Windows 系统软键盘。
  • 主页 10 舱用 CustomHouseInfo圆形培养皿+16well+圆心舱号(几何:半径115、16等分22.5°、偏移90°、画布304×304)。

2. 需求 4 · 自适应竖屏(🔶D6)

  • 显示器竖屏。改为完美自适应屏幕分辨率
  • 🔶待定:Surface 实际分辨率有几种?等比缩放(Viewbox,简单) vs 真弹性布局(Grid 星号/相对单位,工作量大但更"完美")。
  • 范围:主界面及所有子页(设置/图表/调试/对焦/配置/监控)。

3. 需求 5/6 · 触控优先 + 桌面竖屏排版

  • 触控版本:热区/组件放大、间距合理、≥48px;兼容鼠标(远程/触屏坏时)。
  • 桌面运行的竖屏触控,不完全套用手机 App
    • 主页零滚动:10 舱 5行×2列弹性填满,缓冲瓶并入顶部状态条,去掉网格 overflow。
    • 其他页能一屏则零滚动;装不下则整个主内容区整体滚动(非区域内嵌滚动、非操作区悬浮)。
    • 三段式骨架:固定顶栏 + 主内容区(flex:1) + 固定底部导航。
  • 详见 原型设计/docs/2026-06-17-布局重构-桌面竖屏触控-design.md

4. 需求 6.1 · 圆形培养皿(强约束)

  • 主页/详情每个培养舱必须保持:大圆=培养皿、圆周 16 小圆=well、圆心=舱号。业务语义,不可改方块/列表。
  • 蓝色=当前 well,浅蓝=已放胚胎,白=空。
  • 11 号缓冲瓶不是培养舱(无相机/不对焦/无 16well),单独呈现(顶部状态条显示压力/温度/补气)。

5. 需求 11 · 触控输入优先、内置键盘

  • 内置数字小键盘 / 密码键盘,点输入框弹内置键盘,屏蔽系统软键盘(禁 TabTip)。
  • 能选则选:受精类型/语言/换气模式/是否/舱室号/well号/内外网等改点选组件。
  • 输入即校验(如脉冲≤ZMax 125000);按键≥48px。

6. 需求 12 · 既有临床业务功能改造

放皿/平衡、冷冻移植作废结束、图片视频、报警(语音)、曲线图、培养记录、多语言、HEPA/保养——功能不丢,统一纳入自适应+触控+分区改造。新页(对焦/监控/配置)补齐中/英两套语言。


7. 验收

  1. 任意目标分辨率下主页零滚动、其他页布局合理。
  2. 触控热区达标;数字/密码输入走内置键盘、不弹系统键盘。
  3. 培养舱圆形造型保持;缓冲瓶单独呈现。
  4. 既有业务页面全部可用(回归),中英文齐全。