NGUI_2.6.3_系列教程三

接下來我們再來看Progress BarSlider,對比參數我們可以發現,Progress Barslider的明顯區別在於slider多一個Thumb選項,這裏的Thumb就是我們拖動的時候點擊的按鈕。

 

Empty 和Full選項其實就是前景和背景的Spirit。這裏大家都已經熟悉了,我們看Slider和ProgressBar的根節點,也可以發現,Slider之比ProgeressBar 多一個BoxCollider,參數對比如圖

Value :當前值
Steps:可以理解爲將最大值等分的份數
Foreground: 前景Spirit,
Thumb:只有UIslider有,ProgressBar沒有
Direction:方向,選擇是垂直還是水平。
EventRecv:接收事件的物體
Function:事件響應的名稱
我們再看Slider的Thumb物體,可以發現它和Button有點類似,其實就是Spirit和Button結合,裏面的代碼我們也都很熟悉了。
CheckBox,打開WidgetWizard(菜單NGUIàOpen the Widget Wizard)打開Widget Tool窗口,在Template中選擇Checkbox,我們看到checkbox只有background(背景)和checkmark(複選標 識),創建一個checkbox,我們可以發現,checkbox包含三個子物體,background,checkmark和一個label三個物體都 是我們熟悉的Spirit和Label。
在根節點Checkbox物體上附加的代碼很多我們也都熟悉,只有一個新的UICheckbox,
CheckSpirit就是CheckMark
CheckAnimation默認爲空
Instant Tween,從代碼中看,此選項的作用可以讓Checkmark漸變消失或出現。
StartChecked,初始狀態是否選擇
Radio Button Root,在多個選項只能選一個的情況下,我們可以做多個CheckBox,把它們都作爲一個物體的子物體,然後把這個物體作爲每個按鈕的Radio Button Root,這樣可以實現只能單選一個按鈕的情況,就是互斥選項。
Option Can Be None,選項可空,如果勾選,則代表可以不選擇。
Event Reciver:事件響應接收物體
Function Name 事件名稱。
示例:
在這裏我們做一個小的示例說明互斥選項,選擇菜單NGUIàCreate a Panel,創建一個新的Panel2,然後我們在這個Panel下創建幾個checkbox,設置Checkbox的RadioButton Root爲Panel2,運行,點擊其中的任何一個checkbox查看效果。
PopupList(彈出式列表框)、PopupMenu(彈出式菜單):打開Widget Wizard(菜單NGUIàOpenthe Widget Wizard)打開Widget Tool窗口,在Template中選擇PopUp List,我們看到它有前景、背景、高亮等選項可選,選擇好之後點擊Add To ,創建一個Popup List,,這裏屬性很多我們都熟悉了,只有一個UIPopup List陌生,它的屬性窗口如圖
其中Text Label、Background、Highlight對應我們剛纔選擇的三個。Options列表框列出所有選項,如果我們想添加選項,在這裏直接添加 即可。Selection表示當前選擇選項。Position表示彈出的列表框在主窗體上的位置,TextScale,字體縮放。再往下是三個顏色。
Padding表示選項排列間距。PopupMenu和上述情況類似,這裏大家可以自己試着創建一個查看效果。
ScrollBar滾動條:滾動條創建比較簡單,大家可以試着自己創建一個看看效果,它的使用需要結合別的控件才能發揮它強大的作用,這裏我們留到以後的課程講解。
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章