Android 實(shí)現(xiàn)文字左右對(duì)齊
這里會(huì)涉及到實(shí)現(xiàn)原理的解析,如果只是需要使用輪子,請(qǐng)拉到最底下;
1. TextView 效果首先,讓我們先來(lái)看一下TextView的顯示效果:

中文情況下還好,但是英文情況下的顯示效果就不是很好看了,右邊會(huì)留了很長(zhǎng)的空白,對(duì)于追求用戶體驗(yàn)的,這樣的顯示效果肯定是不能滿足的;但是TextView內(nèi)部也沒有提供API給我們,那么就只能自己來(lái)實(shí)現(xiàn)了;
2. 對(duì)齊原理原理:將一行剩余的寬度平分給當(dāng)前單詞的間距,這樣來(lái)達(dá)到左右對(duì)齊的效果;那么我們就有兩種實(shí)現(xiàn)方案:
(1)TextView繪制一行的計(jì)算原理簡(jiǎn)單粗暴,就是計(jì)算這一行顯示不下一個(gè)單詞的時(shí)候,就進(jìn)行回車換行;TextView已經(jīng)手動(dòng)給我們計(jì)算出了一行能顯示多少的字符,那么我們只需要通過計(jì)算剩余的寬度再進(jìn)行繪制即可;
會(huì)存在問題:如果一行存在單詞較少的情況,就會(huì)出現(xiàn)間隔過大的問題;
比如

(2)通過手動(dòng)計(jì)算一行能顯示多少個(gè)字符,然后再計(jì)算剩余的寬度進(jìn)行繪制;這樣只是比第一步多了個(gè)自己計(jì)算一行能顯示多少個(gè)字符的操作;
但是這樣也會(huì)存在問題:如果單詞存在中英文混合,或者非中文的情況,會(huì)很大概率出現(xiàn)換行時(shí)單詞被截?cái)嗟膯栴};
比如

以上兩種方案都會(huì)存在缺陷,那這樣的話我們就得對(duì)出現(xiàn)的問題提出解決方案;
當(dāng)前市場(chǎng)上有成熟的閱讀軟件,最常用的就是左右對(duì)齊的排版效果,來(lái)看看當(dāng)前的閱讀軟件是怎么解決這些問題的;
先看一下微信讀書app的顯示效果:

再看一下掌閱app的顯示效果:

微信讀書和掌閱都是對(duì)這個(gè)過長(zhǎng)的單詞進(jìn)行截?cái)嗵幚恚缓笫褂谩?”符號(hào)將這兩個(gè)截?cái)嗟膯卧~連接起來(lái),再進(jìn)行繪制時(shí)就不會(huì)出現(xiàn)上述兩種方案的問題;
那么最終方案就是:
通過手動(dòng)計(jì)算一行能顯示多少個(gè)單詞,如果一行最后一個(gè)單詞顯示不下,則進(jìn)行截?cái)嗵幚恚形膭t不不存在該問題,這里針對(duì)非中文的處理;然后再根據(jù)剩余空間進(jìn)行繪制;
那么有了方案之后,接下來(lái)看看具體要怎么實(shí)現(xiàn);
4. 最終實(shí)現(xiàn)(1)先遍歷當(dāng)前頁(yè)面的字符,將中英文截取為一個(gè)個(gè)單詞,具體實(shí)現(xiàn)在getWordList(String text)方法里面;通過遍歷當(dāng)前的字符,判斷如果為中文時(shí),則為一個(gè)單詞,非中文時(shí)則通過遍歷該英文單詞進(jìn)行拼接,最后拼成一個(gè)非中文單詞;
(2)通過遍歷當(dāng)前的單詞,計(jì)算每一行要顯示的單詞集合,具體實(shí)現(xiàn)在getLineList(List<String> frontList)這個(gè)方法里面;遍歷單詞時(shí),當(dāng)添加最后一個(gè)單詞時(shí),寬度已經(jīng)超過一行顯示的距離,那么就判斷最后一個(gè)單詞是否為中文,是的話則添加到下一行,否則的話則進(jìn)行截?cái)嗵幚恚?/p>
(3)通過第二步計(jì)算出來(lái)的每一行的單詞,計(jì)算剩余的距離進(jìn)行繪制;

(1)代碼里修改了繪制的邏輯后,那么關(guān)于TextView的一些基礎(chǔ)屬性也要進(jìn)行適配;比如布局的方向,可以使用TextView自帶的屬性來(lái)進(jìn)行設(shè)置;通過android:gravity=''和android:textAlignment=''屬性來(lái)定義布局的文字方向,是居左還是居右邊,這兩個(gè)屬性都可以進(jìn)行設(shè)置,textAlignment屬性的優(yōu)先級(jí)比較高,如果同時(shí)設(shè)置的話,那么則以textAlignment屬性為準(zhǔn);
<com.example.testdemo1.XQJustifyTextViewandroid:layout_width='match_parent'android:layout_height='wrap_content'android:layout_margin='10dp'android:textSize='16sp'android:gravity='start'android:textAlignment='textStart'/>
(2)對(duì)于實(shí)現(xiàn)的英文單詞截?cái)嗟男Ч€有優(yōu)化的地方,經(jīng)過一些小伙伴的提醒,發(fā)現(xiàn)還可以通過音節(jié)的進(jìn)行拆分,再去研究了一波微信讀書和掌閱的截?cái)嘈Чl(fā)現(xiàn)確實(shí)是使用了音節(jié)來(lái)進(jìn)行截?cái)啵@樣展示效果就更加完美了;
后面研究了一波資料后,發(fā)現(xiàn)可以通過元音來(lái)進(jìn)行截?cái)啵⒄Z(yǔ)單詞的元音有5個(gè),分別是a,e,i,o,u; 那么就可以通過元音加一個(gè)輔音的規(guī)則來(lái)進(jìn)行截?cái)啵槐热鏰n,en之類的;這里只實(shí)現(xiàn)了一種規(guī)則來(lái)進(jìn)行截?cái)啵渌囊?guī)則過于復(fù)雜,暫時(shí)沒有引入;
看一下優(yōu)化后的效果:

GitHub源碼地址:
https://github.com/Amterson/AlginProject
到這里就結(jié)束啦。
以上就是Android 實(shí)現(xiàn)文字左右對(duì)齊的詳細(xì)內(nèi)容,更多關(guān)于Android 文字左右對(duì)齊的資料請(qǐng)關(guān)注好吧啦網(wǎng)其它相關(guān)文章!
相關(guān)文章:
1. asp.net core服務(wù)限制堆內(nèi)存大小的操作方法2. 解決Django響應(yīng)JsonResponse返回json格式數(shù)據(jù)報(bào)錯(cuò)問題3. python 制作python包,封裝成可用模塊教程4. Python爬取12306車次信息代碼詳解5. 通過vue如何設(shè)置header6. Java基礎(chǔ)之詳解HashSet的使用方法7. python怎么運(yùn)行代碼8. 詳解Java String類常用方法有哪些9. Python 實(shí)現(xiàn)將某一列設(shè)置為str類型10. Python使用paramiko連接遠(yuǎn)程服務(wù)器執(zhí)行Shell命令的實(shí)現(xiàn)

網(wǎng)公網(wǎng)安備