阅读 17

用flutter做了个不错的双语阅读工具

用flutter做了个不错的双语阅读工具

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

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

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

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

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

先上两张图,留个印象:

白天模式

黑夜模式

目前有以下功能:

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

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

用技术来做个小产品吧

写于2020-03-01

本篇文章由一文多发平台ArtiPub自动发布