181 lines
7.9 KiB
Python
181 lines
7.9 KiB
Python
"""页面规格 + 本机渲染器：按 CSS 逐条落地，用真 MiSans 字体和真素材渲染预览。
|
||
|
||
CSS -> 实际能力 的映射（已在真机验证过）:
|
||
left/top/width/height -> x / y / w / h（466 画布绝对坐标）
|
||
background -> bg_color
|
||
border-radius -> radius（50x50 圆的 radius=25）
|
||
color (alpha 1) -> text_color '#rrggbb'
|
||
color (alpha 0.6) -> 白 60% 叠在纯黑底上 = #999999（页面底色是黑，见下）
|
||
font-weight 600 -> MiSans-Semibold
|
||
font-weight 500 -> MiSans-Medium
|
||
vertical-align middle -> vcenter=True
|
||
多色文本 -> LVGL recolor: "灰#ffffff 白#灰"
|
||
"""
|
||
import os
|
||
|
||
from paths import PROJ, DOCS
|
||
ROOT = PROJ
|
||
ASSETS = os.path.join(ROOT, 'assets')
|
||
W = H = 466
|
||
BG = (0, 0, 0) # 封面四角纯黑 -> 页面底色
|
||
GRAY = '999999' # rgba(255,255,255,0.6) 叠黑
|
||
WHITE = 'ffffff'
|
||
PLATE = '002927' # rgba(0,41,39,1)
|
||
CIRCLE = '4f4f4f' # rgba(79,79,79,1)
|
||
OK = '43cf7c' # rgba(67,207,124,1)
|
||
ERR = 'd43030' # rgba(212,48,48,1)
|
||
|
||
S600, S500 = 'semibold', 'medium'
|
||
|
||
# 列表项几何（来自第一个表项的 CSS，其余按同一相对关系排布）
|
||
ITEM_X, ITEM_W, ITEM_H, ITEM_R = 49, 368, 88, 34
|
||
PITCH = 96 # 88 + 8px 间距
|
||
ICONC_DX, ICONC_DY, ICONC_SZ = 20, 19, 50 # 圆形遮罩 69-49 / 104-85
|
||
ICON_DX, ICON_DY, ICON_SZ = 30, 29, 30 # 图标图片 79-49 / 114-85
|
||
TITLE_DX, TITLE_DY, TITLE_W, TITLE_H = 80, 17, 208, 54 # 129-49 / 102-85
|
||
|
||
|
||
def item(y, icon, title):
|
||
"""一个列表项：底板 + 圆形遮罩 + 图标 + 标题"""
|
||
return [
|
||
dict(kind='rect', x=ITEM_X, y=y, w=ITEM_W, h=ITEM_H, bg=PLATE, radius=ITEM_R),
|
||
dict(kind='circle', x=ITEM_X + ICONC_DX, y=y + ICONC_DY,
|
||
w=ICONC_SZ, h=ICONC_SZ, bg=CIRCLE),
|
||
dict(kind='image', x=ITEM_X + ICON_DX, y=y + ICON_DY,
|
||
w=ICON_SZ, h=ICON_SZ, src=os.path.join(ASSETS, icon)),
|
||
dict(kind='label', x=ITEM_X + TITLE_DX, y=y + TITLE_DY,
|
||
w=TITLE_W, h=TITLE_H, text=title, size=28, weight=S500,
|
||
color=WHITE, align='left', vcenter=True, lh=37.13),
|
||
]
|
||
|
||
|
||
def clock(t='10:24'):
|
||
return dict(kind='label', x=168, y=0, w=130, h=45, text=t, size=28,
|
||
weight=S600, color=GRAY, align='center', vcenter=True, lh=33.6)
|
||
|
||
|
||
def title(text, x=106, w=255):
|
||
return dict(kind='label', x=x, y=34, w=w, h=45, text=text, size=30,
|
||
weight=S500, color=WHITE, align='center', vcenter=True, lh=44.8)
|
||
|
||
|
||
def back_arrow():
|
||
return dict(kind='image', x=160, y=43, w=17, h=28,
|
||
src=os.path.join(ASSETS, 'backarrow.png'))
|
||
|
||
|
||
def big_button(y=365, text='确认替换'):
|
||
return [
|
||
dict(kind='rect', x=108, y=y, w=250, h=80, bg=PLATE, radius=40),
|
||
dict(kind='label', x=173, y=y + 13, w=120, h=54, text=text, size=28,
|
||
weight=S500, color=WHITE, align='center', vcenter=True, lh=37.13),
|
||
]
|
||
|
||
|
||
# ---------------------------------------------------------------- 1. 首页
|
||
PAGE_HOME = [
|
||
clock(),
|
||
title('S4e Pt.1'),
|
||
*item(85, 'MdiLightbulbOutline.png', '快速帮助'),
|
||
*item(181, 'MdiBandage.png', '开始替换'),
|
||
*item(277, 'MdiInformationOutline.png', '关于'),
|
||
]
|
||
|
||
# ---------------------------------------------------------------- 2. 快速帮助
|
||
_HELP_HEAD = [clock(), back_arrow(), title('快速帮助', x=179, w=128)]
|
||
_HELP_I1 = item(85, 'MdiClipboardTextSearchOutline.png', '环境预检查')
|
||
_HELP_D1 = dict(kind='label', x=65, y=176, w=338, h=72,
|
||
text='检查原始资源状态、分区可写情况等。', size=24, weight=S500,
|
||
color=GRAY, align='left', vtop=True, lh=31.82)
|
||
_HELP_I2 = item(256, 'MdiReplyAllOutline.png', '回滚修改')
|
||
_HELP_D2 = dict(kind='label', x=65, y=344, w=334, h=72,
|
||
text='将图标恢复到系统原始样式。', size=24, weight=S500,
|
||
color=GRAY, align='left', vtop=True, lh=31.82)
|
||
|
||
PAGE_HELP = _HELP_HEAD + _HELP_I1 + [_HELP_D1] + _HELP_I2 + [_HELP_D2]
|
||
|
||
# 帮助页的两种结果状态（同一标签换色换字）
|
||
HELP_DESC_OK = dict(kind='label', x=65, y=176, w=338, h=72,
|
||
text='预检查通过 | 38 条 | 2.58MB\n您可以返回主页开始修改。',
|
||
size=24, weight=S500, color=OK, align='left', vtop=True, lh=31.82)
|
||
HELP_DESC_ERR = dict(kind='label', x=65, y=176, w=338, h=72,
|
||
text='预检查失败：分区头不是 ROMFS，位置 0x00。',
|
||
size=24, weight=S500, color=ERR, align='left', vtop=True, lh=31.82)
|
||
|
||
PAGE_HELP_OK = _HELP_HEAD + _HELP_I1 + [HELP_DESC_OK] + _HELP_I2 + [_HELP_D2]
|
||
PAGE_HELP_ERR = _HELP_HEAD + _HELP_I1 + [HELP_DESC_ERR] + _HELP_I2 + [_HELP_D2]
|
||
|
||
# ---------------------------------------------------------------- 3. 开始替换
|
||
# 多色文本**不能**用 recolor（AP 里那几处是图片重着色，不是文本属性），
|
||
# 所以拆成多个标签 + 手工算 x。折行也写死，否则多色片段位置不确定。
|
||
# 宽度用真 MiSans 24px 量得：
|
||
# "的系统版本号为 " = 177 "3.202.79" = 99
|
||
# "Xiaomi Watch S4 eSIM（非" = 313 "15 周年纪念版）" = 178
|
||
WARN_LABELS = [
|
||
dict(kind='label', x=64, y=90, w=338, h=70,
|
||
text='替换图标包之前，请先确认自己\n的系统版本号为 ',
|
||
size=24, weight=S500, color=GRAY, align='left', vtop=True, lh=33),
|
||
dict(kind='label', x=241, y=123, w=104, h=33, text='3.202.79',
|
||
size=24, weight=S500, color=WHITE, align='left', vtop=True, lh=33),
|
||
dict(kind='label', x=340, y=123, w=30, h=33, text='！',
|
||
size=24, weight=S500, color=GRAY, align='left', vtop=True, lh=33),
|
||
dict(kind='label', x=64, y=189, w=338, h=33, text='请确认自己的手表型号为',
|
||
size=24, weight=S500, color=GRAY, align='left', vtop=True, lh=33),
|
||
dict(kind='label', x=64, y=222, w=338, h=70,
|
||
text='Xiaomi Watch S4 eSIM（非\n15 周年纪念版）',
|
||
size=24, weight=S500, color=WHITE, align='left', vtop=True, lh=33),
|
||
dict(kind='label', x=242, y=255, w=30, h=33, text='！',
|
||
size=24, weight=S500, color=GRAY, align='left', vtop=True, lh=33),
|
||
dict(kind='label', x=64, y=321, w=338, h=33, text='搞机有风险，变砖后果自负。',
|
||
size=24, weight=S500, color=GRAY, align='left', vtop=True, lh=33),
|
||
]
|
||
|
||
PAGE_CONFIRM = [
|
||
clock(),
|
||
back_arrow(),
|
||
title('开始替换', x=179, w=128),
|
||
*WARN_LABELS,
|
||
*big_button(365, '确认替换'),
|
||
]
|
||
|
||
# ---------------------------------------------------------------- 4. 替换中
|
||
LOG_MID = ('> 开始替换\n'
|
||
'> 读取 resource.bin\n'
|
||
'> 写入 12/38\n'
|
||
'> 写入 38/38 完成，0 失败\n'
|
||
'> 替换完毕，请重启手表。若发现问题，请回滚修改。')
|
||
|
||
PAGE_RUNNING = [
|
||
clock(),
|
||
title('正在替换', x=179, w=128),
|
||
dict(kind='label', x=64, y=90, w=338, h=269, text=LOG_MID, size=24,
|
||
weight=S500, color=WHITE, align='left', vtop=True, lh=31.82),
|
||
*big_button(365, '重启手表'),
|
||
]
|
||
|
||
# ---------------------------------------------------------------- 5. 关于
|
||
PAGE_ABOUT = [
|
||
clock(),
|
||
dict(kind='image', x=191, y=43, w=17, h=28,
|
||
src=os.path.join(ASSETS, 'backarrow.png')),
|
||
title('关于', x=212, w=64),
|
||
dict(kind='rect', x=52, y=79, w=362, h=204, bg=PLATE, radius=30),
|
||
dict(kind='image', x=194, y=108, w=78, h=78,
|
||
src=os.path.join(DOCS, 'logo_preview.png')),
|
||
dict(kind='label', x=178, y=192, w=111, h=38, text='S4e Pt.1',
|
||
size=28, weight=S500, color=WHITE, align='left', vtop=True, lh=38),
|
||
dict(kind='label', x=210, y=227, w=45, h=27, text='1.0.0',
|
||
size=20, weight=S500, color=GRAY, align='left', vtop=True, lh=27),
|
||
*item(291, 'qq.png', '732681995'),
|
||
]
|
||
|
||
PAGES = {
|
||
'home': PAGE_HOME,
|
||
'help': PAGE_HELP,
|
||
'help_ok': PAGE_HELP_OK,
|
||
'help_err': PAGE_HELP_ERR,
|
||
'confirm': PAGE_CONFIRM,
|
||
'about': PAGE_ABOUT,
|
||
'running': PAGE_RUNNING,
|
||
}
|