UIlabel詳解

UIlabel是NGUI的基礎(chǔ)組件之一,用來顯示文本區(qū)域。創(chuàng)建一個UILabel,會有一個默認(rèn)文本“New Label"。同樣的,也會有八個點(diǎn)讓我們方便拖拽改變label的大小。這里拖拽修改大小跟直接再Inspector面板上修改Label的width跟height并沒有什么實(shí)質(zhì)上的區(qū)別,只是在Inspector上面修改會以這個Label的中心點(diǎn)進(jìn)行等距離拉伸,而直接在場景中修改,則是以拉伸的對邊界為基點(diǎn)進(jìn)行拉伸。

Label


UIlabel的Inspector面板跟UISprite的差不多。

UIlabel Inspector


NGUI下拉列表點(diǎn)擊以后會有兩個選項(xiàng),一個是NGUI,一個是Unity。這是讓我們挑選字體來源,選擇NGUI表示我們從NGUI自帶的字體中選擇一種,選擇Unity則是Unity提供的或者我們自己導(dǎo)入的字體。

Font Size 表示字體的大小,默認(rèn)14

Text 表示我們需要顯示的文本,Unity5之前并不支持直接在輸入框中輸入中文,新版本可以。所有5之前的需要在外面編輯好再復(fù)制進(jìn)文本框中

Modifier 是新的NGUI才有的功能,選項(xiàng)為None不做處理,ToUppercase自動轉(zhuǎn)換為大寫,ToLowerCase 自動轉(zhuǎn)換為小寫,Custom自定義需要綁定一個自定義的方法,用來處理文本。

Mmodifier


Overflow 表示Lable文本的顯示方式。

Overflow

總共有四種選擇,Shrink Content表示擠壓式,限定了lable的width跟height,文本只能再這個范圍之內(nèi)顯示,一旦所有的文本總大小超過這個范圍,統(tǒng)一進(jìn)行縮放。我們以”hello world!“為例,當(dāng)我們將lable的width縮小以后,里面的內(nèi)容直接進(jìn)行了統(tǒng)一的縮放。

Shrink Content

Clamp Content 表示裁剪,同樣以這width,?超出部分直接裁切,不進(jìn)行顯示。但是其實(shí)文本還在,只是不進(jìn)行顯示而已。將label的width加大,還是會顯示處理的。

Clamp Content


Resize Free 則簡單的多,只要你添加文本,它就會跟著自動變化。不過如果你不在文本中添加換行的話,它不會自動給你換行,因此,我們需要自己注意文本的范圍,適當(dāng)?shù)奶砑訐Q行符。需要注意的是在這種模式下,我們無法手動調(diào)整label的width跟height。

Resize Free

Resize Height 則是對ResizeFree模式的一種調(diào)整。這種模式下,我們無法修改Label的height,只能定義width。我們只需要定義好width,然后添加文本,label會自動調(diào)整height進(jìn)行匹配。可以看到左右兩個藍(lán)色的小點(diǎn),說明是可編輯,灰色表示不可編輯。

Resize Height


Alignment 表示改label的對齊模式

Alignment

Automatic自動模式,Left左對齊,Center居中,Right右對齊,Justified兩端對齊。這個跟word類似。


Gradient漸變,Top表示頂部顏色,Bottom表示底部顏色,只支持線性漸變,不支持徑向漸變。需要注意的是,漸變只對單個文字起作用,而不是整段文字起作用,因此如果有多行,漸變會很奇怪。

Effect 表示文字效果None表示無效果,輸入什么就是什么。Shadow表示添加文字陰影,Outline表示添加外邊框,Outline8表示添加加粗版外邊框。下面的xy表示效果的偏移量。用來調(diào)整效果。

Effect

Spacing 表示文字間距,X為字間距,Y表示行間距。間距需要注意的是,行間距在一行的時候也是起作用的,所以一行的時候,效果會很奇怪,會被往邊框上方擠壓。


MaxLine表示此label最多顯示多少行,0表示無限制,只能大于0,設(shè)置了這個參數(shù)以后,超出的文本會被裁切。

BBCode 表示使用bbcode,這樣我們可以很方便的用代碼對文本做一些操作。比如簡單的加粗斜體之類的,我們使用[b]對文本進(jìn)行加粗([b]hello world!), 跟上面未添加bbcode的對比,很容易看出效果。

BBCode

Color Tint 表示文本的顏色。有RGBA四個可以直接修改,也可以直接在色板中選擇我們需要的。點(diǎn)擊Presets下方的小方塊,我們可以保存當(dāng)前的選擇,這樣下次我們再用到同樣的色值的時候,不必重新輸入RGBA,而是直接選擇下方保存的色塊即可。

Color


UIlabel就是這么簡單。這里并不涉及代碼層面的講解,一切有關(guān)的將在搭建界面的時候進(jìn)行解釋。不足之處,歡迎指出~? ^_^

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

友情鏈接更多精彩內(nèi)容