fix(app-iced): M102 页面几何 —— 正文块贴左吃满页宽、列表末行不再被裁半行、日志按词断行
① 正文列与页头不对齐(下载 / 日志):根因是 `frame::single_column` 把**行宽上限 424** 当成**整页块宽度**并水平居中(1180 下 1044 里只摆 424,左缘 422 对页头标题 112)。 现在两个量分开:`layout` 的 `column` 只管成段散文(≤424),页面块宽走新的 `frame::body_width`(= available / main_pane)。新增 `frame::body`(贴左吃满)与 `frame::prose`(散文锁 424)。1180×760 下下载 / 日志的块左缘 = 112 = 页头标题左缘。 ② 实例列表末行被裁半行:页级行距 `Space::X1`(4) 让行节奏变成 64、与可视高度除不尽, 且滚动区直贴卡片 1px 圆角描边。行距归零(下载页同改)+ 滚动区底部内缩 `Space::X2`(8) ⇒ 可视区 580−32−8 = 540 = 9×60,Redstone Lab 及其副标题完整可见,第 10 行整体在裁切线外。 ③ 日志断行把单词劈开(`graphics.gl_o` / `peration_failure`):新增 `layout::wrap::breakable`,在 `.` `_` `:` `/` `\` 后插零宽空格(U+200B 软断点), 日志行正文与一行摘要都过它;悬挂缩进不变(前缀仍是独立文本控件), `Line::text` 与 `Logs::summary()`(剪贴板)仍是原文。工具函数放 `pages/layout/`: 断点是「列宽之后」的另一半排版判据,纯函数、可单测、不碰控件树。 护栏:`body_block_starts_at_the_header_title_and_fills_the_page`、 `list_viewport_fits_whole_rows_and_still_overflow`(把 580/32/8/540/60 五个数钉住)、 `wrap::tests`(断点位置 / 不重复插 / 可还原 / 幂等)、`log_text_carries_soft_breaks_but_keeps_the_original`。 `download/tests.rs` 的「宽窗留白」口径按新分工改成「宽度归块、不归散文列」。
This commit is contained in:
1 parent
8574d6ba2d
commit
89d98184c1
15 files changed
+466
-53
No files matched your search
@@ -3,15 +3,51 @@ use super::*;
|
||||
|
||||
use super::super::layout::{frame_metrics, measure_cap_px, PaneKit, WidthClass};
|
||||
|
||||
/// **M102 几何判据**:列表可视区正好放下整数行——末行不会被卡片底边切半行。
|
||||
///
|
||||
/// 算式全部取真源(1180×760,harness 路径):
|
||||
///
|
||||
/// ```text
|
||||
/// 卡片高 = 760 − 标题栏 48 − 两行页头 84 − 2×gutter 24 = 580
|
||||
/// 列头 = 上 12 + LabelMedium 16 + 下 4 = 32
|
||||
/// 内缩 = Space::X2 = 8
|
||||
/// 可视区 = 580 − 32 − 8 = 540
|
||||
/// 行高 = ListItem 两行档 44 + 16 = 60 (页级行距 0)
|
||||
/// 整行数 = 540 / 60 = 9 行整
|
||||
/// ```
|
||||
///
|
||||
/// **抓得住**:页级行距被加回来(64 的节奏立刻除不尽 ⇒ 末行只剩半行,视觉复审 ② 的原样)、
|
||||
/// 列头/内缩算错、演示数据被缩到不够滚(独立滚动条消失);
|
||||
/// **抓不住**:真实像素(报告里的前后对照图 + 量测表负责)。
|
||||
#[test]
|
||||
fn demo_rows_overflow_the_visible_list() {
|
||||
// 列表列要能滚动:条目数必须让内容高过可视区(760 窗高 − 标题栏 48 − 页头 84 − 页边距)
|
||||
let visible = 760.0 - 48.0 - 84.0 - 2.0 * WidthClass::Expanded.gutter();
|
||||
let row_height = 44.0 + Space::X3.dp();
|
||||
let content = DEMO.len() as f32 * row_height;
|
||||
fn list_viewport_fits_whole_rows_and_still_overflow() {
|
||||
use unlucky_design::spacing::LayoutMetrics;
|
||||
use unlucky_design::typography::TypeRole;
|
||||
|
||||
let lm = LayoutMetrics::DESKTOP;
|
||||
let gutter = WidthClass::Expanded.gutter();
|
||||
|
||||
let card = 760.0 - lm.titlebar_height - lm.header_height(true) - 2.0 * gutter;
|
||||
assert_eq!(card, 580.0, "1180×760 下列表卡片的内部高度");
|
||||
|
||||
let head = Space::X3.dp() + TypeRole::LabelMedium.style().line_height_px + Space::X1.dp();
|
||||
let viewport = card - head - Space::X2.dp();
|
||||
assert_eq!(viewport, 540.0, "列表滚动区高度");
|
||||
|
||||
// 行距归零(页级不再附加):行节奏 = ListItem 两行档 60
|
||||
let row = lm.row_height + Space::X4.dp();
|
||||
assert_eq!(row, 60.0);
|
||||
assert_eq!(
|
||||
viewport % row,
|
||||
0.0,
|
||||
"可视区 {viewport} 不是 {row} 的整数倍 ⇒ 末行会被切半行"
|
||||
);
|
||||
|
||||
// 同时必须还能滚:12 行内容高过可视区,截图里才看得到独立滚动条
|
||||
let content = DEMO.len() as f32 * row;
|
||||
assert!(
|
||||
content > visible,
|
||||
"列表内容 {content} 不比可视区 {visible} 高,截图里看不到独立滚动条"
|
||||
content > viewport,
|
||||
"列表内容 {content} 不比可视区 {viewport} 高,截图里看不到独立滚动条"
|
||||
);
|
||||
}
|
||||
|
||||
|
||||
Reference in new issue
Block a user