用 flutter 做了个双语阅读工具,感觉还不错? - V2EX
V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
爱意满满的作品展示区。
registered
V2EX    分享创造

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

  •  
  •   rgistered 2020-03-02 17:09:00 +08:00 4728 次点击
    这是一个创建于 2050 天前的主题,其中的信息可能已经有所发展或是发生改变。

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

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

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

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

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

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

    黑夜模式

    目前有以下功能:

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

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

    第 1 条附言    2020-03-02 18:56:29 +08:00

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

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

    我是很感兴趣啊.
    rzzm
        7
    rzzm  
       2020-03-02 18:51:52 +08:00
    打开了,还只是展示吗

    看了源码, 不是普通的 dom 呢, 这就是 flutter 吗,这是慢的原因吗(再开就快了)
    whileFalse
        8
    whileFalse  
       2020-03-02 19:28:33 +08:00
    图裂了,还有,有个叫彩云小译的插件你试过没?
    registered
        9
    registered  
    OP
       2020-03-02 19:51:22 +08:00
    @linzhzh 如果定位是工具的话,就不用关心内容的问题了。如果是做内容平台的话,前期只能自己找一些中英文档填充进去了,然后制定激励策略来鼓励创作。当然,版权问题是个大问题。原文和译文是按段落对应的,只要段落一致,是自动对应起来的。欢迎来圈子详聊呀~
    haimall
        10
    haimall  
       2020-03-02 19:52:37 +08:00 via Android
    @registered 我看你界面挺好看的,圣经经常双语看,联想到的,随口说出来了。
    registered
        11
    registered  
    OP
       2020-03-02 20:43:39 +08:00
    @rzzm 这是放在 github 上的,这个慢的锅我不背噢。欢迎来圈子里一起讨论如何改进计划呀
    registered
        12
    registered  
    OP
       2020-03-02 20:45:36 +08:00
    @haimall 这个可以有。欢迎来圈子催进度,哈哈~
    registered
        13
    registered  
    OP
       2020-03-02 21:22:27 +08:00
    @whileFalse 多谢提醒。我刚去查了下这个插件。确实很不错。但是它依然是我文中提到的“一段原文一段译文”这样的排版。所以不符合我的需求。
    weikang
        14
    weikang  
       2020-03-03 09:05:41 +08:00
    @rzzm 哈哈
    Unclev21x
        15
    Unclev21x  
       2020-03-03 10:00:02 +08:00
    我一般就查一些不认识的单词,所以我用沙拉查词
    superbai
        16
    superbai  
       2020-03-03 10:27:17 +08:00
    没太明白这个和 flutter 的关系是啥?
    registered
        17
    registered  
    OP
       2020-03-03 11:32:02 +08:00
    @Unclev21x 这个不是翻译工具,是阅读工具
    Unclev21x
        18
    Unclev21x  
       2020-03-03 14:28:52 +08:00
    @registered 好吧。我以为阅读的时候,查查不认识的单词就足够了。
    registered
        19
    registered  
    OP
       2020-03-03 21:22:08 +08:00
    @superbai “做”的关系
    MLawliet
        20
    MLawliet  
       2020-03-04 17:11:19 +08:00
    感觉有点卡。。
    registered
        21
    registered  
    OP
       2020-03-04 17:27:52 +08:00
    @MLawliet 嗯,发现了,滚动的时候有点卡。debug 模式下不卡
    关于     帮助文档     自助推广系统     博客     API     FAQ     Solana     5823 人在线   最高记录 6679       Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 27ms UTC 06:31 PVG 14:31 LAX 23:31 JFK 02:31
    Do have faith in what you're doing.
    ubao snddm index pchome yahoo rakuten mypaper meadowduck bidyahoo youbao zxmzxm asda bnvcg cvbfg dfscv mmhjk xxddc yybgb zznbn ccubao uaitu acv GXCV ET GDG YH FG BCVB FJFH CBRE CBC GDG ET54 WRWR RWER WREW WRWER RWER SDG EW SF DSFSF fbbs ubao fhd dfg ewr dg df ewwr ewwr et ruyut utut dfg fgd gdfgt etg dfgt dfgd ert4 gd fgg wr 235 wer3 we vsdf sdf gdf ert xcv sdf rwer hfd dfg cvb rwf afb dfh jgh bmn lgh rty gfds cxv xcv xcs vdas fdf fgd cv sdf tert sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf shasha9178 shasha9178 shasha9178 shasha9178 shasha9178 liflif2 liflif2 liflif2 liflif2 liflif2 liblib3 liblib3 liblib3 liblib3 liblib3 zhazha444 zhazha444 zhazha444 zhazha444 zhazha444 dende5 dende denden denden2 denden21 fenfen9 fenf619 fen619 fenfe9 fe619 sdf sdf sdf sdf sdf zhazh90 zhazh0 zhaa50 zha90 zh590 zho zhoz zhozh zhozho zhozho2 lislis lls95 lili95 lils5 liss9 sdf0ty987 sdft876 sdft9876 sdf09876 sd0t9876 sdf0ty98 sdf0976 sdf0ty986 sdf0ty96 sdf0t76 sdf0876 df0ty98 sf0t876 sd0ty76 sdy76 sdf76 sdf0t76 sdf0ty9 sdf0ty98 sdf0ty987 sdf0ty98 sdf6676 sdf876 sd876 sd876 sdf6 sdf6 sdf9876 sdf0t sdf06 sdf0ty9776 sdf0ty9776 sdf0ty76 sdf8876 sdf0t sd6 sdf06 s688876 sd688 sdf86