【Unity】用Text+Image實現神奇的文字下劃線

寫需求的時候搜了一些文字加下劃線的方法,UGUI的Text,大都需要寫一堆代碼來封裝Text,比較麻煩

考慮過用TextMeshPro,不過TextMeshPro不能公用Text的字體,有點坑

利用Text加Image試了一下,實現效果看着還不錯

1. 給Text加一個Image作爲自物體

 2. 給Text所在節點添加Conrtent Size Fitter組件,修改水平適配方式爲Preferred Size,用於自動適配Text寬度

3. 修改Image節點的錨點,調整高度,顏色與文字顏色一致

 

4. 如果Text的文字會動態修改Color,要注意同時修改自物體Image的顏色

5. 因爲是由兩個獨立的組件實現的下劃線,可以自由設置下劃線的形狀、位置、高度、顏色,比如波浪下劃線?雙下劃線?特殊圖形下劃線?上劃線?中劃線?粗的?細的?紅的?綠的?比如文字黑色,下劃線紅色,神奇!

6. 畢竟是個投機取巧的方式,存在一些問題,文字不能換行,文字BestFit自動適配大小時,下劃線高度不會變化,所以用起來也會有一些限制···

發佈了98 篇原創文章 · 獲贊 66 · 訪問量 5萬+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章