Unity UGUI實現 文本與圖片的自適應

本章通過自身的需求作爲案例進行一下簡單的講解
在這裏插入圖片描述
主要實現的功能如圖所示:根據數量的大小增加使前面的圖片和文字向左平移
1.準備工作,將數量顯示文本的大小調整成開始觸發 自適應的條件大小
在這裏插入圖片描述
比如:99以後才能觸發自適應,就把text的大小調成剛好顯示99的亞子
2.將上面圖片的格局修改成如圖所示:
在這裏插入圖片描述
3.將需要自適應的文本添加UGUI的組件(橫向的 horizontail… 和 content size fitter)
並調整對應的數值
在這裏插入圖片描述
4.因爲作者的需求是根據數量的大小使得整體向左自適應平移,所以:
在這裏插入圖片描述 還需要將數量文本的錨點 pivot 的x 的值設爲1 ,使其根據內容大小向左進行填充