快捷導(dǎo)航

Android 實(shí)現(xiàn)文字左右對齊

更新時(shí)間：2021年05月06日 09:59:13 作者：Amter

這篇文章主要介紹了Android 實(shí)現(xiàn)文字左右對齊效果的方法，幫助大家更好的理解和學(xué)習(xí)使用Android，感興趣的朋友可以了解下

1. TextView 效果

首先，讓我們先來看一下TextView的顯示效果：

中文情況下還好，但是英文情況下的顯示效果就不是很好看了，右邊會(huì)留了很長的空白，對于追求用戶體驗(yàn)的，這樣的顯示效果肯定是不能滿足的；但是TextView內(nèi)部也沒有提供API給我們，那么就只能自己來實(shí)現(xiàn)了；

2. 對齊原理

原理：將一行剩余的寬度平分給當(dāng)前單詞的間距，這樣來達(dá)到左右對齊的效果；
那么我們就有兩種實(shí)現(xiàn)方案：

（1）TextView繪制一行的計(jì)算原理簡單粗暴，就是計(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)嗟膯栴}；

比如

3. 最終方案

以上兩種方案都會(huì)存在缺陷，那這樣的話我們就得對出現(xiàn)的問題提出解決方案；

當(dāng)前市場上有成熟的閱讀軟件，最常用的就是左右對齊的排版效果，來看看當(dāng)前的閱讀軟件是怎么解決這些問題的；

先看一下微信讀書app的顯示效果：

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

微信讀書和掌閱都是對這個(gè)過長的單詞進(jìn)行截?cái)嗵幚?，然后使用?”符號(hào)將這兩個(gè)截?cái)嗟膯卧~連接起來，再進(jìn)行繪制時(shí)就不會(huì)出現(xiàn)上述兩種方案的問題；

那么最終方案就是：

通過手動(dòng)計(jì)算一行能顯示多少個(gè)單詞，如果一行最后一個(gè)單詞顯示不下，則進(jìn)行截?cái)嗵幚恚形膭t不不存在該問題，這里針對非中文的處理；然后再根據(jù)剩余空間進(jìn)行繪制；

那么有了方案之后，接下來看看具體要怎么實(shí)現(xiàn)；

4. 最終實(shí)現(xiàn)

（1）先遍歷當(dāng)前頁面的字符，將中英文截取為一個(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ì)算出來的每一行的單詞，計(jì)算剩余的距離進(jìn)行繪制；

5. 優(yōu)化點(diǎn)

（1）代碼里修改了繪制的邏輯后，那么關(guān)于TextView的一些基礎(chǔ)屬性也要進(jìn)行適配；比如布局的方向，可以使用TextView自帶的屬性來進(jìn)行設(shè)置；通過android:gravity=""和android:textAlignment=""屬性來定義布局的文字方向，是居左還是居右邊，這兩個(gè)屬性都可以進(jìn)行設(shè)置，textAlignment屬性的優(yōu)先級(jí)比較高，如果同時(shí)設(shè)置的話，那么則以textAlignment屬性為準(zhǔn)；

<com.example.testdemo1.XQJustifyTextView
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_margin="10dp"
        android:textSize="16sp"
        android:gravity="start"
        android:textAlignment="textStart"/>

（2）對于實(shí)現(xiàn)的英文單詞截?cái)嗟男Ч€有優(yōu)化的地方，經(jīng)過一些小伙伴的提醒，發(fā)現(xiàn)還可以通過音節(jié)的進(jìn)行拆分，再去研究了一波微信讀書和掌閱的截?cái)嘈Ч?，發(fā)現(xiàn)確實(shí)是使用了音節(jié)來進(jìn)行截?cái)?，這樣展示效果就更加完美了；

后面研究了一波資料后，發(fā)現(xiàn)可以通過元音來進(jìn)行截?cái)?，英語單詞的元音有5個(gè)，分別是a,e,i,o,u; 那么就可以通過元音加一個(gè)輔音的規(guī)則來進(jìn)行截?cái)啵槐热鏰n,en之類的；這里只實(shí)現(xiàn)了一種規(guī)則來進(jìn)行截?cái)?，其他的?guī)則過于復(fù)雜，暫時(shí)沒有引入；

看一下優(yōu)化后的效果：