用flutter做了個(gè)不錯(cuò)的雙語(yǔ)閱讀工具
前些天缺猛,在看英文文檔的時(shí)候拷沸,需要不停的在原文和譯文之間切換中姜,于是冒出來(lái)一個(gè)想法消玄,能不能在一個(gè)頁(yè)面同時(shí)顯示原文和譯文呢?
為啥不直接看譯文丢胚?這不是想多積累點(diǎn)詞匯量嘛~
說(shuō)干就干翩瓜,首先在網(wǎng)上搜索有沒(méi)有這樣的閱讀工具,發(fā)現(xiàn)大多是一段原文一段譯文這種形式的排版携龟。OK兔跌,排除掉干無(wú)用功的可能,擼起袖子開(kāi)干峡蟋。
涉及到的知識(shí)點(diǎn)主要是自繪組件相關(guān)的東西坟桅,包括布局华望、譯文字體大小的計(jì)算和更新時(shí)機(jī)等細(xì)節(jié)問(wèn)題。最終把自己關(guān)了一天小黑屋搗鼓出來(lái)了仅乓,呈現(xiàn)出來(lái)的效果還不錯(cuò)赖舟。
由于我的垃圾服務(wù)器在這個(gè)特殊時(shí)期被墻了,只能放在github上了夸楣,依然是慢得想打人宾抓。
- 體驗(yàn)地址:http://dev.kuyichang.com/works
先上兩張圖,留個(gè)印象:
目前有以下功能:
- 切換“白天模式”和“黑夜模式”
- 設(shè)置原文的字體大性バ(譯文的大小是自動(dòng)計(jì)算的)
- 設(shè)置段落的間距
- 設(shè)置原文和譯文的顏色
- 設(shè)置顯示模式石洗,可以只顯示原文、只顯示譯文和反轉(zhuǎn)顯示紧显。
新鮮出爐的“未來(lái)郵遞員”來(lái)了讲衫,它帶著兌換碼來(lái)了,快來(lái)嘗鮮吧孵班! 未來(lái)郵遞員
寫(xiě)于2020-03-01