Skip to content

墨读 0.6.1(安卓)

Choose a tag to compare

@RoutineMiku RoutineMiku released this 07 Nov 09:13
· 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 同一条版本线。