用flutter做了个不错的双语阅读工具
前些天,在看英文文档的时候,需要不停的在原文和译文之间切换,于是冒出来一个想法,能不能在一个页面同时显示原文和译文呢?
为啥不直接看译文?这不是想多积累点词汇量嘛~
说干就干,首先在网上搜索有没有这样的阅读工具,发现大多是一段原文一段译文这种形式的排版。OK,排除掉干无用功的可能,撸起袖子开干。
涉及到的知识点主要是自绘组件相关的东西,包括布局、译文字体大小的计算和更新时机等细节问题。最终把自己关了一天小黑屋捣鼓出来了,呈现出来的效果还不错。
由于我的垃圾服务器在这个特殊时期被墙了,只能放在github上了,依然是慢得想打人。
先上两张图,留个印象:
![](https://img.haomeiwen.com/i8993279/261483d8e231083d.png)
![](https://img.haomeiwen.com/i8993279/6d6c3b173e94de45.png)
目前有以下功能:
- 切换“白天模式”和“黑夜模式”
- 设置原文的字体大小(译文的大小是自动计算的)
- 设置段落的间距
- 设置原文和译文的颜色
- 设置显示模式,可以只显示原文、只显示译文和反转显示。
建了个微信圈子,欢迎对产品有实践兴趣的同学加入,一起来玩呀
用技术来做个小产品吧
写于2020-03-01
网友评论