NGUI插件詳解

一、NGUI – UIRoot (窗口)

NGUI對于每一個UI場景,都是以一個UIRoot為UI游戲?qū)ο髽涞母?br> UIRoot游戲?qū)ο蟮膶傩灾挥?個,分別是縮放規(guī)則,手動高度,最小高度和最大高度。

Paste_Image.png
UIRoot是以2為屏幕寬度的
int height = Mathf.Max(2, Screen.height);
manualHeight = Screen.height * 1024 / Screen.width; //基于寬度的屏幕分辨率自適應(yīng)

二、NGUI-Lable

![圖片1.png](http://upload-images.jianshu.io/upload_images/3912830-aa675fb38094f9d3.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)

三、NGUI – UIPanel

![圖片3.png](http://upload-images.jianshu.io/upload_images/3912830-abd18a9968e0de87.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)

四、NGUI – UISprite

圖片4.png

五、NGUI - Tween 動畫

Tween的動畫播放API:

PlayForward(); // 正播動畫
PlayReverse(); // 倒播動畫

圖片5.png

(1)Tween Alpha : 透明動畫


圖片6111.png

(2)TweenColor : 顏色動畫


Paste_Image.png

(3)TweenPosition: 位置動畫
圖片6的.png

六、NGUI - Slider- 滑塊

圖片67.png

七、NGUI - Typewriter Effect(打字機效果)

圖片600.png

八、NGUI-PopupList

選擇效果


Paste_Image.png

圖片633.png

九、NGUI-Togle組件

Paste_Image.png

圖片7.png

十、NGUI-UIInput

圖片10.png

十一、NGUI-如何實現(xiàn)技能CD效果

![圖片9.png](http://upload-images.jianshu.io/upload_images/3912830-df55a1e8a6a90e72.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)

十二、NGUI-移動UI控件

圖片11.png

十三、NGUI-縮放UI控件

圖片12.png

十四、NGUI - Scrollbar

圖片1113.png

十五、NGUI-UIDrag Drop Item

![Uploading 圖片13_625845.png . . .]

NGUI-繼承UIDrag DropItem實現(xiàn)拖動技能欄效果

// 當(dāng)克隆的時候,里面?zhèn)鬟f一個原始的對象
protected override void OnClone(GameObject original)
// 1.一開始調(diào)用
protected override void OnEnable()
// 2.拖動時候(按壓的時候)
protected override void OnPress(bool isPressed)
// 3.當(dāng)拖放下開始
protected override void OnDragDropStart()
// 4.當(dāng)拖拽開始的時候
protected override void OnDragStart()
//5.當(dāng)拖放下開始
protected override void OnDragDropMove(Vector2 delta)
// 6.拖拽進行當(dāng)中
protected override void OnDrag(Vector2 delta)
// 7.結(jié)束拖拽
protected override void OnDragDropEnd()
// 8.當(dāng)我拖拽釋放的時候(釋放到那個物體上)
protected override void OnDragDropRelease(GameObject surface)
// 9.結(jié)束拖拽
protected override void OnDragEnd()
// 10.當(dāng)拖拽不可用的時候
protected override void OnDisable()

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

相關(guān)閱讀更多精彩內(nèi)容

  • 1:TypewriterEffect 可以實現(xiàn)文字的逐字顯示。 2:[這兒是顏色編碼]要顯示的文字[-]可以實現(xiàn)在...
    我的_一個道姑朋友閱讀 1,369評論 0 2
  • Android 自定義View的各種姿勢1 Activity的顯示之ViewRootImpl詳解 Activity...
    passiontim閱讀 179,023評論 25 709
  • 顏控小阿閱讀 241評論 3 2
  • “竟然還會夢到他”張小煜醒來坐在床上嘀咕著,已經(jīng)不知道是第幾次夢到他了。這次的地點是教室,模樣還是那個少年,夢里他...
    張小煜閱讀 1,174評論 0 1
  • DAY 1 :2017/09/25 一、學(xué)習(xí)記錄 總計背完 26 句,背完 4 篇,總計抄寫 217 個句子。 今...
    夏九久閱讀 864評論 0 0

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