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