自定義 View 中的文字測量和繪制

jordan-whitt

之前做 LeafLoadingView 的時候罢杉,進度到達 100 后,需要將風扇替換為文字瘟判。這里的文字當時還是讓我頭疼了一會的怨绣,不過最終用縮放解決了問題。這讓我不禁想拷获,安卓 sdk 中肯定有繪制 text 的 api 我不知道篮撑,否則繪制文字的時候難點太多了。如果要我自己實現(xiàn)一個簡易版的 TextView 根本不可能匆瓜。

機緣巧合的某天赢笨,我在 github 上看一個項目,正巧看到了他們實現(xiàn)一個自定義 View 時測量文本用的方法陕壹,看起來挺好用的质欲,google 了一下树埠,今天學習了糠馆。

測量單行文本


這個技能相信大部分有過自定義 View 經(jīng)歷的人都學習過了,如果你有一個單行文本需要測量怎憋,那么通常你可以使用 TextPaint 或者 Paint 來測量又碌。

例如:

String text = "This is some text."

TextPaint myTextPaint = new TextPaint();
mTextPaint.setAntiAlias(true);
mTextPaint.setTextSize(16 * getResources().getDisplayMetrics().density);
mTextPaint.setColor(0xFF000000);

float width = mTextPaint.measureText(text);
float height = -mTextPaint.ascent() + mTextPaint.descent();

同樣的,由于是單行文本绊袋,我們也不需要做換行操作毕匀,因此只要直接利用 drawText 方法繪制上去就可以了。這樣的需求十分簡單癌别,相信即使沒有接觸過自定義 TextView皂岔, 也可以很快完成。

如果你是在界面代碼中需要測量文本長度的話展姐,那么下面的代碼或許可以幫到你:

//在界面代碼中測量文本
// 1. 對于顯示在已知 TextView 上的文本
Paint paint = textView.getPaint();
// 2. 對于普通的文本
Paint paint = new Paint();
//... 設置各種顯示的屬性
// 獲取到 Paint 對象之后躁垛,剩下的測量方式,請參考上面的代碼

測量多行文本 - StaticLayout


我們知道利用 drawText 方法繪制文字圾笨,是不會自動換行的教馆。如果文本超出容器的限制,多余的部分在屏幕上是不會顯示的擂达。因此土铺,如果要利用 drawText 繪制長文本,需要計算長度進行文本截取和換行繪制的操作板鬓。這個過程稍微想象一下就讓人怠惰起來一點也沒有干勁悲敷。

這里就該提到我之前說到的新學習的類了—— StaticLayout。StaticLayout 封裝了許多有用的方法俭令,同時它也支持自動換行镀迂。事實上,TextView 中也使用到了 StaticLayout唤蔗。

StaticLayout 的構造器中需要傳入許多參數(shù)探遵,剛剛見到的時候可以說是一頭霧水窟赏。下面讓我們來介紹一下各個參數(shù)的含義:

StaticLayout(
    CharSequence source,            //1.需要分行的字符串
    int bufstart,                   //2.需要分行的字符串從第幾的位置開始
    int bufend,                     //3.需要分行的字符串到哪里結束
    TextPaint paint,                //4.畫筆對象
    int outerwidth,                 //5.layout的寬度,字符串超出寬度時自動換行
    Alignment align,                //6.layout的對其方式箱季,有ALIGN_CENTER涯穷, ALIGN_NORMAL, ALIGN_OPPOSITE 三種
    float spacingmult,              //7.相對行間距藏雏,相對字體大小拷况,1.5f表示行間距為1.5倍的字體高度
    float spacingadd,               //8.在基礎行距上添加多少
    boolean includepad,             //9.是否包含文字上下的空余部分,在某些語言下掘殴,切割這些空余部分會導致顯示不全赚瘦,默認為true
    TextUtils.TruncateAt ellipsize, //10.從什么位置開始省略 TextUtils.TruncateAt
    int ellipsizedWidth,            //11.超過多少開始省略,這個值僅用于省略奏寨,不影響 Layout 的寬度
    int maxLine                     //12.最大行數(shù)
)

上面的參數(shù)如果覺得不夠清楚起意,可以查看源碼。在 api 23 之后病瞳,加入了 Builder 的鏈式構造揽咕,每個構造方法中都有參數(shù)的說明,查看十分方便套菜。

構造好之后亲善,就可以直接利用 getHeight 方法計算出 Layout 的高度了。

String text = "This is some text. This is some text. This is some text. This is some text. This is some text. This is some text.";

TextPaint myTextPaint = new TextPaint();
myTextPaint.setAntiAlias(true);
myTextPaint.setTextSize(16 * getResources().getDisplayMetrics().density);
myTextPaint.setColor(0xFF000000);

int width = 200;
Layout.Alignment alignment = Layout.Alignment.ALIGN_NORMAL;
float spacingMultiplier = 1;
float spacingAddition = 0;
boolean includePadding = false;

StaticLayout myStaticLayout = new StaticLayout(text, myTextPaint, width, alignment, spacingMultiplier, spacingAddition, includePadding);

float height = myStaticLayout.getHeight(); 

以上逗柴。

感謝:
1.stackoverflow - How is StaticLayout used in Android?
2.Android - drawing multiline text on bitmap
3.Usability of BoringLayout

?著作權歸作者所有,轉載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末蛹头,一起剝皮案震驚了整個濱河市,隨后出現(xiàn)的幾起案子戏溺,更是在濱河造成了極大的恐慌渣蜗,老刑警劉巖,帶你破解...
    沈念sama閱讀 216,496評論 6 501
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件于购,死亡現(xiàn)場離奇詭異袍睡,居然都是意外死亡,警方通過查閱死者的電腦和手機肋僧,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,407評論 3 392
  • 文/潘曉璐 我一進店門斑胜,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人嫌吠,你說我怎么就攤上這事止潘。” “怎么了辫诅?”我有些...
    開封第一講書人閱讀 162,632評論 0 353
  • 文/不壞的土叔 我叫張陵凭戴,是天一觀的道長。 經(jīng)常有香客問我炕矮,道長么夫,這世上最難降的妖魔是什么者冤? 我笑而不...
    開封第一講書人閱讀 58,180評論 1 292
  • 正文 為了忘掉前任,我火速辦了婚禮档痪,結果婚禮上涉枫,老公的妹妹穿的比我還像新娘喘漏。我一直安慰自己蔚袍,他們只是感情好,可當我...
    茶點故事閱讀 67,198評論 6 388
  • 文/花漫 我一把揭開白布枕屉。 她就那樣靜靜地躺著乐纸,像睡著了一般衬廷。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上汽绢,一...
    開封第一講書人閱讀 51,165評論 1 299
  • 那天吗跋,我揣著相機與錄音,去河邊找鬼庶喜。 笑死小腊,一個胖子當著我的面吹牛救鲤,可吹牛的內(nèi)容都是我干的久窟。 我是一名探鬼主播,決...
    沈念sama閱讀 40,052評論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼本缠,長吁一口氣:“原來是場噩夢啊……” “哼斥扛!你這毒婦竟也來了?” 一聲冷哼從身側響起丹锹,我...
    開封第一講書人閱讀 38,910評論 0 274
  • 序言:老撾萬榮一對情侶失蹤稀颁,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后楣黍,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體匾灶,經(jīng)...
    沈念sama閱讀 45,324評論 1 310
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 37,542評論 2 332
  • 正文 我和宋清朗相戀三年租漂,在試婚紗的時候發(fā)現(xiàn)自己被綠了阶女。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 39,711評論 1 348
  • 序言:一個原本活蹦亂跳的男人離奇死亡哩治,死狀恐怖秃踩,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情业筏,我是刑警寧澤憔杨,帶...
    沈念sama閱讀 35,424評論 5 343
  • 正文 年R本政府宣布,位于F島的核電站蒜胖,受9級特大地震影響消别,放射性物質(zhì)發(fā)生泄漏抛蚤。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點故事閱讀 41,017評論 3 326
  • 文/蒙蒙 一寻狂、第九天 我趴在偏房一處隱蔽的房頂上張望霉颠。 院中可真熱鬧,春花似錦荆虱、人聲如沸蒿偎。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,668評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽诉位。三九已至,卻和暖如春菜枷,著一層夾襖步出監(jiān)牢的瞬間苍糠,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 32,823評論 1 269
  • 我被黑心中介騙來泰國打工啤誊, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留岳瞭,地道東北人。 一個月前我還...
    沈念sama閱讀 47,722評論 2 368
  • 正文 我出身青樓蚊锹,卻偏偏與公主長得像瞳筏,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子牡昆,可洞房花燭夜當晚...
    茶點故事閱讀 44,611評論 2 353

推薦閱讀更多精彩內(nèi)容