NGUI v301 官網詳解 Example 3 - Menu

這個例子教會你們

一、實現文本逐個打印的效果  使用 TypewriterEffect 組件

二、強化訓練  在NGUI中如何使用 Animation 組件

三、學會使用 Popup Menu 組件

四、學會使用  Scroll Bar 組件

五、學會使用 Play Animation 針對動畫進行靈活的控制

注意：本教程不必定按照官方的例子一步一步來，只是把重點說清楚

第一步：建立默認窗口

          

第二步：給窗口的 Label 添加 TypewriterEffect  組件 實現文字逐個顯示效果

一、選中 zhengwen 這個 label 對象

二、直接在 inspector 點擊 Add Component

三、輸入要添加的組件便可，他就會顯示出當前有的組件

四、而後選中要添加的組件單擊便可添加，後面都是經過這樣的形式添加NGUI組件

第三步：建立二級菜單子窗口

一、直接複製 Window 並命名 Window1

二、爲了方便製做 咱們暫時關閉 Window（選中Window 在Inspector取消勾選便可）

三、刪除不須要的 button 和 label 

四、製做音量控制，由label 和 Scroll Bar 對象組成，爲了好看咱們先添加一個空對象命名 MUSIC

五、給 MUSIC 分別添加 label 和 Scroll Bar 對象

六、建立 SOUND 和 VOICE （複製2個MUSIC 進行修改，選中MUSIC，CTRL+D）

顏色本身去調整...................

七、建立下拉列表  

a、添加 一個空對象 做爲 Window1 的子對象 命名爲 OIFFICULTY

b、添加一個label 用於表述

c、添加 Popup Menu 對象，將對象的 Options 輸入

[99FF66]Easy
Normal
[FF6633]Hard
[FF0066]Nightmare

一行一個選項，NGUI的顏色是經過[RGB編碼]表示

九、複製 一份 OIFFICULTY 移動並修改其名字爲 CONTROLLS

十、建立單選框  添加 Toggle 對象，並修改他的位置及文字

十一、最終層次結構和效果以下

          

第四步：分別給2個窗口（Window/window1）添加 Animation 組件，並指定他的播放動畫，關閉自動播放

（這裏說下爲何是2個動畫，由於需求是這樣...打開是一個，關閉是一個，這裏主要教會你們如何定義和控制多個動畫，其實用一個也是能夠作到的） 

第五步：分別給實現窗口切換的按鈕 添加 Play Animation 組件 實現窗口切換效果

咱們是經過按鈕來實現窗口的切換，那麼咱們就須要在按鈕上添加 Play Animation 組件。

這裏有個重點，在需求當中 點擊設置按鈕那麼會打開設置的窗口，而後不要忽略了還要關閉自身的窗口

一、給 Button-opt 對象添加 2個  Play Animation 組件

二、其中一個設置以下，用來控制 自身窗口的關閉

三、另一個設置以下，用來控制 新窗口的打開

三、詳細的說下相關參數

Target  你須要控制播放動畫的對象，他必須自身有 Animation 組件才行

Clip Name  點擊時播放的 動畫名稱（由於前面設置了組動畫也就是多個，咱們須要去指定）

Tirgger condition  何時觸發 常見的是 On Click 點擊 hover 鼠標放上 等等

Play direction  動畫播放的方式 Forward  從頭至尾播放 Reverse 從尾到頭 也就是倒着播放 另一個toggle 反覆播放...

If disabled on start  啓動時是否打開對象及子對象 

When finished  當動畫播放完成後怎麼處理  Disable After Forward 當前打開就關閉 /當前關閉則打開PS

PS，而後本身根據理解的東西去作 DONE 按鈕所對應的動畫控制吧..........

請不要蛋疼的糾結 顯示效果好麼........... 理解NGUI的用法纔是王道