久久福利_99r_国产日韩在线视频_直接看av的网站_中文欧美日韩_久久一

您的位置:首頁技術(shù)文章
文章詳情頁

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

瀏覽:7日期:2022-09-19 08:02:32

這里會涉及到實(shí)現(xiàn)原理的解析,如果只是需要使用輪子,請拉到最底下;

1. TextView 效果

首先,讓我們先來看一下TextView的顯示效果:

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

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

2. 對齊原理

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

(1)TextView繪制一行的計算原理簡單粗暴,就是計算這一行顯示不下一個單詞的時候,就進(jìn)行回車換行;TextView已經(jīng)手動給我們計算出了一行能顯示多少的字符,那么我們只需要通過計算剩余的寬度再進(jìn)行繪制即可;

會存在問題:如果一行存在單詞較少的情況,就會出現(xiàn)間隔過大的問題;

比如

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

(2)通過手動計算一行能顯示多少個字符,然后再計算剩余的寬度進(jìn)行繪制;這樣只是比第一步多了個自己計算一行能顯示多少個字符的操作;

但是這樣也會存在問題:如果單詞存在中英文混合,或者非中文的情況,會很大概率出現(xiàn)換行時單詞被截斷的問題;

比如

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

3. 最終方案

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

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

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

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

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

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

微信讀書和掌閱都是對這個過長的單詞進(jìn)行截斷處理,然后使用“-”符號將這兩個截斷的單詞連接起來,再進(jìn)行繪制時就不會出現(xiàn)上述兩種方案的問題;

那么最終方案就是:

通過手動計算一行能顯示多少個單詞,如果一行最后一個單詞顯示不下,則進(jìn)行截斷處理,中文則不不存在該問題,這里針對非中文的處理;然后再根據(jù)剩余空間進(jìn)行繪制;

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

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

(1)先遍歷當(dāng)前頁面的字符,將中英文截取為一個個單詞,具體實(shí)現(xiàn)在getWordList(String text)方法里面;通過遍歷當(dāng)前的字符,判斷如果為中文時,則為一個單詞,非中文時則通過遍歷該英文單詞進(jìn)行拼接,最后拼成一個非中文單詞;

(2)通過遍歷當(dāng)前的單詞,計算每一行要顯示的單詞集合,具體實(shí)現(xiàn)在getLineList(List<String> frontList)這個方法里面;遍歷單詞時,當(dāng)添加最后一個單詞時,寬度已經(jīng)超過一行顯示的距離,那么就判斷最后一個單詞是否為中文,是的話則添加到下一行,否則的話則進(jìn)行截斷處理;

(3)通過第二步計算出來的每一行的單詞,計算剩余的距離進(jìn)行繪制;

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

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

(1)代碼里修改了繪制的邏輯后,那么關(guān)于TextView的一些基礎(chǔ)屬性也要進(jìn)行適配;比如布局的方向,可以使用TextView自帶的屬性來進(jìn)行設(shè)置;通過android:gravity=''和android:textAlignment=''屬性來定義布局的文字方向,是居左還是居右邊,這兩個屬性都可以進(jìn)行設(shè)置,textAlignment屬性的優(yōu)先級比較高,如果同時設(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)對于實(shí)現(xiàn)的英文單詞截斷的效果,還有優(yōu)化的地方,經(jīng)過一些小伙伴的提醒,發(fā)現(xiàn)還可以通過音節(jié)的進(jìn)行拆分,再去研究了一波微信讀書和掌閱的截斷效果,發(fā)現(xiàn)確實(shí)是使用了音節(jié)來進(jìn)行截斷,這樣展示效果就更加完美了;

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

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

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

GitHub源碼地址:

https://github.com/Amterson/AlginProject

到這里就結(jié)束啦。

以上就是Android 實(shí)現(xiàn)文字左右對齊的詳細(xì)內(nèi)容,更多關(guān)于Android 文字左右對齊的資料請關(guān)注好吧啦網(wǎng)其它相關(guān)文章!

標(biāo)簽: Android
相關(guān)文章:
主站蜘蛛池模板: 亚洲cb精品一区二区三区 | 刺激网| 最新日韩av | 久久综合久久久 | 亚洲午夜精品一区二区三区 | 国产精品美女久久久久久久网站 | 久久爱电影 | 久久成人国产精品 | 国产精品自拍av | 国产欧美在线播放 | 一区二区三区在线免费观看 | 国产精品高清在线 | 美女视频一区二区三区 | 中文字幕免费在线 | 久久久人成影片一区二区三区 | 欧美九九九 | 日韩在线成人 | 色狠狠一区| 一级在线看 | 中文字幕在线精品 | 国产精品视频播放 | 成人做爰9片免费视频 | 波多野结衣一区在线观看 | 美女一区二区三区四区 | 亚洲精品一二区 | 国产亚洲精品美女久久久久久久久久 | 九九porny88av| 欧美精品综合在线 | 成人在线欧美 | 国产视频福利在线 | 国产最新精品 | 欧美高清视频一区 | 日韩欧美国产一区二区 | 在线观看国产一区 | 一级做a爰片毛片 | 久久久久亚洲 | 97在线视频免费 | 欧美一级黄色影院 | 亚洲一区在线日韩在线深爱 | 成人h动漫在线看 | 日韩免费在线 |