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
@@ -81,6 +81,44 @@ fn the_width_comparison_really_changes_the_layout() {
|
||||
assert!(narrow.secondary.is_none(), "700 不许再有列表列");
|
||||
}
|
||||
|
||||
/// **M102 的对齐判据**:正文块左缘 = 页头标题左缘,块宽 = 可用宽度(不再二次居中)。
|
||||
///
|
||||
/// 页头标题的左缘 = `rail + gutter`(`frame::header_bar` 的 padding 与 `frame::page` 的
|
||||
/// 内容 padding 是同一个 `metrics.gutter`);正文块宽 = `frame::body_width`。
|
||||
///
|
||||
/// **抓得住**:谁把单列页的块宽改回 424(视觉复审 ①:左缘 422 对标题 112),
|
||||
/// 或把块重新居中(左缘立刻偏离 `rail + gutter`);
|
||||
/// **抓不住**:真实像素(`pages_demo` 的图与报告里的量测表负责)。
|
||||
#[test]
|
||||
fn body_block_starts_at_the_header_title_and_fills_the_page() {
|
||||
for width in [600.0, 840.0, 900.0, 1180.0] {
|
||||
let metrics = frame_metrics(PaneKit::Single, width);
|
||||
let title_x = layout::rail_width() + metrics.gutter;
|
||||
let block = frame::body_width(metrics);
|
||||
|
||||
assert_eq!(
|
||||
block, metrics.available,
|
||||
"{width}: 单列页块宽必须是可用宽度"
|
||||
);
|
||||
assert!(
|
||||
(title_x + block + metrics.gutter - width).abs() < f32::EPSILON,
|
||||
"{width}: 块从 {title_x} 起、宽 {block},没铺到右页边距"
|
||||
);
|
||||
// 块变宽不等于一句话变宽:散文列仍 ≤424
|
||||
assert!(metrics.column <= measure_cap_px() + f32::EPSILON);
|
||||
}
|
||||
|
||||
// 验收尺寸 1180:标题左缘 112、块宽 1044(旧版居中时正文左缘是 422)
|
||||
let wide = frame_metrics(PaneKit::Single, 1180.0);
|
||||
assert_eq!(layout::rail_width() + wide.gutter, 112.0, "页头标题左缘");
|
||||
assert_eq!(frame::body_width(wide), 1044.0, "正文块宽度");
|
||||
|
||||
// 两列版面的块宽 = 主列 pane(实例页正文在 panes 的主列里,不铺整页)
|
||||
let two = frame_metrics(PaneKit::ListDetail, 1180.0);
|
||||
assert_eq!(frame::body_width(two), two.main_pane);
|
||||
assert_eq!(two.main_pane, 1180.0 - 88.0 - 48.0 - 336.0 - 24.0);
|
||||
}
|
||||
|
||||
/// **M84 的行宽红线**:任何页、任何窗口宽度、任何版面,正文列都不许超过 424px。
|
||||
///
|
||||
/// **抓得住**:`frame_metrics` 的 `column`(页面唯一的列宽来源)不会越界;
|
||||
|
||||
Reference in new issue
Block a user