# 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. 既有业务页面全部可用（回归），中英文齐全。