UGUI 字體背景長度自適應


 

本文實現以下需求:

04效果1

05效果2

在UGUI中

Text為動態添加

要使Text字體背景隨着Text的長度而變化

 

之前還在贊嘆UGUI的強大

轉念一想,UGUI中好像沒有可以實現此功能的組件

 

也想出了一種辦法

把背景作為字體的子物體

不過后來想了想

由於UGUI的渲染順序

字體背景就會遮住字體

故此想法是否定的

 

仔細了解了一下后

UGUI確實可以實現此功能

 

首先

字體為子物體,背景圖片為父物體是一定的

然后

要使得長度變化

就得在背景圖片(父物體)添加組件

Content Size Fitter

Horizontal Fit 設置為Preferred Size

最后

再在背景圖片添加組件

Horizontal Layout Group

Child Alignment設為Middle Center

並勾選組件上的Control Child Size的Width

image

完工

 

效果如下圖:

image

image


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM