爱意满满的作品展示区。
registered

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

  •  
  •   registered · Mar 2, 2020 · 5794 views
    This topic created in 2437 days ago, the information mentioned may be changed or developed.

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

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

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

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

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

    先上两张图,留个印象: 白天模式

    黑夜模式

    目前有以下功能:

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

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

    Supplement 1  ·  Mar 2, 2020

    3W6fgS.jpg 原来图片一直是挂的呀。我自己能看是因为浏览器缓存。我擦,为什么之前都没有人指正批评,尴尬。。。

    21 replies  •  2020-03-04 17:27:52 +08:00
    JinShu
    JinShu
    Mar 2, 2020 via Android
    1
    直接做成 圣经可以吗?
    linzhzh
    linzhzh
    Mar 2, 2020
    2
    数据源哪里来 ,原文和译文怎么一一对应?还是手工调整?
    registered
    registered
    OP
    Mar 2, 2020
    3
    @haimall ??这是啥梗吗?
    QingXuJiaZhi
    QingXuJiaZhi
    Mar 2, 2020
    4
    flutter 做网页?
    weikang
    weikang
    Mar 2, 2020
    5
    发的微信圈子二维码看不见. 留个 wx: coco-well
    rzzm
    rzzm
    Mar 2, 2020
    6
    @weikang
    为什么你的服务器,翻不翻墙都这么慢!!

    我是很感兴趣啊.
    rzzm
    rzzm
    Mar 2, 2020
    7
    打开了,还只是展示吗

    看了源码, 不是普通的 dom 呢, 这就是 flutter 吗,这是慢的原因吗(再开就快了)
    whileFalse
    whileFalse
    Mar 2, 2020
    8
    图裂了,还有,有个叫彩云小译的插件你试过没?
    registered
    registered
    OP
    Mar 2, 2020
    9
    @linzhzh 如果定位是工具的话,就不用关心内容的问题了。如果是做内容平台的话,前期只能自己找一些中英文档填充进去了,然后制定激励策略来鼓励创作。当然,版权问题是个大问题。原文和译文是按段落对应的,只要段落一致,是自动对应起来的。欢迎来圈子详聊呀~
    JinShu
    JinShu
    Mar 2, 2020 via Android
    10
    @registered 我看你界面挺好看的,圣经经常双语看,联想到的,随口说出来了。
    registered
    registered
    OP
    Mar 2, 2020
    11
    @rzzm 这是放在 github 上的,这个慢的锅我不背噢。欢迎来圈子里一起讨论如何改进计划呀
    registered
    registered
    OP
    Mar 2, 2020
    12
    @haimall 这个可以有。欢迎来圈子催进度,哈哈~
    registered
    registered
    OP
    Mar 2, 2020
    13
    @whileFalse 多谢提醒。我刚去查了下这个插件。确实很不错。但是它依然是我文中提到的“一段原文一段译文”这样的排版。所以不符合我的需求。
    weikang
    weikang
    Mar 3, 2020
    14
    @rzzm 哈哈
    Unclev21x
    Unclev21x
    Mar 3, 2020
    15
    我一般就查一些不认识的单词,所以我用沙拉查词
    superbai
    superbai
    Mar 3, 2020
    16
    没太明白这个和 flutter 的关系是啥?
    registered
    registered
    OP
    Mar 3, 2020
    17
    @Unclev21x 这个不是翻译工具,是阅读工具
    Unclev21x
    Unclev21x
    Mar 3, 2020
    18
    @registered 好吧。我以为阅读的时候,查查不认识的单词就足够了。
    registered
    registered
    OP
    Mar 3, 2020
    19
    @superbai “做”的关系
    MLawliet
    MLawliet
    Mar 4, 2020
    20
    感觉有点卡。。
    registered
    registered
    OP
    Mar 4, 2020
    21
    @MLawliet 嗯,发现了,滚动的时候有点卡。debug 模式下不卡
    About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Privacy   ·   Solana   ·   3766 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 56ms · UTC 05:25 · PVG 13:25 · LAX 21:25 · JFK 00:25
    ♥ Do have faith in what you're doing.