用 flutter 做了个双语阅读工具,感觉还不错?

2020-03-02 17:09:00 +08:00
 registered

前些天,在看英文文档的时候,需要不停的在原文和译文之间切换,感觉很不爽。于是冒出来一个想法,能不能在一个页面同时显示原文和译文呢?

为啥不直接看译文?这不是想多积累点词汇量嘛~

说干就干,首先在网上搜索有没有这样的阅读工具,发现大多是一段原文一段译文这种形式的排版。OK,排除掉干无用功的可能,撸起袖子开干。

涉及到的知识点主要是自绘组件相关的东西,包括布局、译文字体大小的计算和更新时机等细节问题。最终把自己关了一天小黑屋捣鼓出来了,呈现出来的效果还不错。

由于我的垃圾服务器在这个特殊时期被墙了,只能放在 github 上了,依然是慢得想打人。

先上两张图,留个印象:

目前有以下功能:

  1. 切换“白天模式”和“黑夜模式”
  2. 设置原文的字体大小(译文的大小是自动计算的)
  3. 设置段落的间距
  4. 设置原文和译文的颜色
  5. 设置显示模式,可以只显示原文、只显示译文和反转显示

建了个微信圈子,欢迎对产品有实践兴趣的同学加入,一起来玩呀

4000 次点击
所在节点    分享创造
21 条回复
registered
2020-03-04 17:27:52 +08:00
@MLawliet 嗯,发现了,滚动的时候有点卡。debug 模式下不卡

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/649159

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX