Repository navigation
墨读 0.6.1(安卓)
·
55 commits
to main
since this release
一屏多看六行,行距终于能调了
上一版把书打开以后,正文只占屏幕上方三分之二,底下空一大片;段落之间又散得像两首诗。
这次把排版从头捋了一遍,顺手把 logo 和「关于」补齐。
1. 为什么会空
.page 的底部内边距一直写着 96px(桌面 110px)。这个值当初是给「底栏压在正文上」
准备的,可实际底栏是 flex 里独立的一行,根本没盖住正文——等于每屏白扔两行半。
沉浸模式下底栏还会滑走,那 96px 更是纯浪费。
- 竖屏
96px → 28px,沉浸模式→ 18px,桌面/横屏110px → 44px; - 分页模式的上下留白也从
30/38收到20/26,同样多放一行。
2. 行距与段距
原来只有一个「行距」滑杆,默认 2.0;段落间距还是从行距算出来的
(行距 > 1.9 就给 1.05em),所以行距一调、段距跟着乱跳,也压不紧。
- 默认行距
2.0 → 1.7(接近纸书); - 段距独立成一个设置项
paraGapEm,默认0.5em,滑杆 0~1.5em; - 老存档一次性迁移:只校正仍然是旧默认值(2.0)的,自己调过的一律不动;
- 阅读器底栏新增 Aa 排版面板:字号 / 行距 / 段距 / 字体 / 翻页方式 / 主题,
拖动即时生效(90ms 防抖重排),底栏原先挤着的「滚动」「宋体」两个按钮收进面板。
393px 实测(同一本书、同字号 19px):
| 行距 | 段距 | 一屏行数 | |
|---|---|---|---|
| 改之前 | 2.0(38px) | 1.05em(20px) | 17 行 |
| 改之后 | 1.7(32px) | 0.5em(9.5px) | 23 行 |
3. 全套 logo 重做
旧图标是一枚通用的「蓝色圆角 + 白书」,看不出是这个应用。新标识是矢量画的:
深墨蓝底、摊开的书页、底部「墨读」字标加一道朱红短线。
- 新增
build/gen-logo.js:同一份 SVG 一次产出icon.ico(16/24/32/48/64/128/256 七帧)、
icon.png、logo.png、Web 的 180/192/512、托盘tray.png、安卓自适应图标前景层; - 96px 以下自动切换成「无字标」版本(字缩到 32px 只会糊成一团);
pack.js现在用 rcedit 把图标和版本信息写进 exe——以前资源管理器里显示的还是 Electron 的默认图标;- 安卓自适应图标的底色也换成同款墨蓝,前景书页留足 66dp 安全区。
4. 关于我们
设置页 →「关于墨读 → 查看」,或在阅读器里随手翻到:
- 应用标识、版本号与当前平台;
- GitHub:RoutineMiku/MoRead-Windows(点了直接用系统浏览器打开);
- 公众号二维码,微信扫码关注;
- 底部
powered by routinemiku。
二维码按原图放进 ui/gzh-qr.jpg,三端(网页 / 安卓 / 桌面)各带一份,离线也能显示。
版本
0.6.0 → 0.6.1(versionCode 601),网页 / 安卓 / Windows 同一条版本线。