14 lines
1.2 KiB
Plaintext
14 lines
1.2 KiB
Plaintext
// 字体测量示例：中英文混排、重音字符和不同字宽均走系统字体塑形与回退。
|
|
// 布局使用实际字形宽度，iiii 与 WWWW 后的色块位置应不同，不能用字符数量估算宽度。
|
|
// 字号2与独立颜色用于标题，中文是否可见取决于运行环境可用CJK字体。
|
|
let title = ui.text("Hello Endor · 你好，Tessera", 2, "#242422")
|
|
// 同一文字控件包含中英文和重音字符，用于观察字体回退与基线。
|
|
let detail = ui.text("中文 English 123 — café", 1, "#606060")
|
|
// title/detail 是两个独立 TextBlock，字体系统在各自测量和绘制阶段使用一致的整形规则，颜色不参与字宽估算。
|
|
// 两组相同尺寸色块跟在窄/宽字符后，12px gap 保持一致，差异来自真实文字测量。
|
|
let row = ui.row(0, 12, ui.text("iiii"), ui.rect(24, 20, 4, "#DCE8FF"), ui.text("WWWW"), ui.rect(24, 20, 4, "#DCE8FF"))
|
|
// 根Column统一padding和间距，render后这些对象才有具体Mount与绘图命令。
|
|
let page = ui.page()
|
|
// 整个脚本顶层构造完成后请求展示，没有点击回调或定时刷新；宿主布局负责把 row 中的真实测量宽度累加到色块位置。
|
|
page.render(ui.column(24, 12, title, detail, row))
|