1. 程式人生 > >Unity UGUI基礎之Text

Unity UGUI基礎之Text

Text作為UGUI最基礎的控制元件以及最常用的控制元件,它在專案中的應用絕對可以算是最多的,任何一個UI介面可以說都離不開它,它的基本屬性如下:

一、rect transform元件:


rect transform(矩形變換):理解為專門用於UI的transform元件,是UGUI所有控制元件的標準位置變換元件,繼承至transform,顧名思義,它所描述的是一個平面矩形區域的位置,就是2D的UI。

中間的九宮格分別代表該元件的錨點位置,選擇中心的話,則該元件會根據螢幕解析度的變化以螢幕中心位置自適應,其他位置同理。

第四行以及第四列(左起第一列及上起第一行非實際選項,主要起索引的作用,所以上圖中的選項實際只有四行四列)的帶藍色箭頭的選項為該元件的拉伸設定,第四行第一個表示的是元件跟隨螢幕的高度拉伸,同時以螢幕左邊作為錨點,其他同理。

最右下角一個表示的是元件跟隨整個螢幕拉伸變化,適用於背景圖片之類的,無論螢幕怎麼變化,它都可以隨之拉伸。

但有一個重點,其實元件上面也有描述:


在設定錨點以及拉伸型別的時候,如果同時按住shift鍵的話,可以同時設定元件的中心點,同時按住alt鍵的話,可以同時設定元件的位置,比如,我按住alt選擇錨點為中心,那麼元件的位置就會移動到螢幕中心位置,我按住alt選擇最右下角的全屏拉伸,那麼元件就會拉伸得跟螢幕一樣大。這些設定都是自適應的,根據螢幕而動態變化。

二、Text元件:


很多屬性都跟NGUI的類似,其實只要多用用也就瞭解了。

Line Spacing(文字行距):兩行文字之間的間隔,一般也就在1和2之間最佳。

Rich Text(開啟富文字):這個預設是開啟的,一般情況下也別去關閉它,除非你的字型不想變色、斜體以及新增各種造型。

Alignment(對齊):這個沒什麼好說的了。

Horizontal overflow(水平溢位處理):也就是說文字框裡的文字在水平方向超出區域限制時候的處理方式,這裡使用預設值wrap(隱藏)即可。

Vertical overflow(垂直溢位處理):也就是說文字框裡的文字在垂直方向超出區域限制時候的處理方式,這裡使用預設值truncate(截斷超出部分)即可。

best fit(最佳模式?):這個具體的效果是什麼我也暫時不清楚,就讓他保持初始值吧。

其他的也沒什麼好說的了,用一用就基本能知曉其功效了。

三、使用中的技巧:

《功能1:讓我們的文字框高度隨著文字的長度而變化》

思路:首先,根據字型的大小大概推算出一行能包含的文字數N,以及單行字型的高度H、單個文字的寬度W,在為文字賦值時獲取文字的總長度S,程式碼如下:


《功能2:文字的陰影效果和描邊效果》

陰影效果:新增陰影特效元件


描邊效果:新增描邊特效元件