亚洲精品一区二区三区婷婷月 ,国产欧美日韩亚洲一区二区三区,久久国产福利

(搬運工)NGUI官網示例6 – Draggable Window講解（一）

Posted on 2013-10-15 11:48 點點滴滴閱讀(587) 評論(0) 編輯收藏引用所屬分類: 02 編程語言

看了以上幾個教程，估計大家對NGUI的前幾個實例有所了解，建議自己做一遍，這樣可以加深對它的理解。接下來，我將詳細描述創作可拖拽窗口的制作過程。在這里我分四步來完成：一、制作和布局界面；二、制作gui的動態效果和拖拽功能；三、制作燈光效果；

一、 制作和布局界面。

1. 在NGUI菜單中，打開Create a new UI對話框,在對話框中設置Camera為Advanced3D,并點擊Create your UI，此時在Hierarchy窗口中生成了對應的層次結果，如圖所示：
點擊查看原圖

調整該層次結果，使得Camera與Panel脫離，并且Camera和Panel也脫離UI Root（3D）刪除Anchor和UIRoot（3D），創建一個Scene空的游戲對象，reset一下，再創建一個3DUI空游戲對象，reset一下，再創建一個Window
游戲對象，reset一下，同時Panel也reset一下，最后調整它們之間的層級結構，（不斷地reset是為了更好地定位各個元件），Window和3DUI等這些空物體只是為了方便管理場景中的元素而已，同時把Camera的postion中z值設置為-1.7，這樣可以使得GUI和攝像機之間有一定的距離，并設置攝像機的near為0.01，其結果為：
點擊查看原圖

選擇Panel，為其添加一個帶有法線貼圖的背景，選擇Create a new widget窗口，選擇Template為TiledSprite模板，Sprite為HoneyComb作為背景，其參數如下，設置完成之后點擊Add to，為該gui添加一個Tiled Sprite，作為
景，保證該按鈕后面的值為panel：
點擊查看原圖

添加Tiled Sprite之后，把它縮放到x=490，y=510，顏色設置成黑色，如圖所示：

為了看到法線貼圖的效果，選擇Panel，勾選Normals，并為場景添加一盞平行光，調整光線的角度，最終效果如圖所示：

為該窗口添加一個窗口的邊框，選擇Create a new Widget對話框，選擇Template為SlicedSprite模板，Sprite為Button作為背景，設置參數之后，點擊Add To創建一個Sliced Sprite，創建完之后，選擇該Sliced Sprite，設置其Dept為-1，Color Tint為綠色，大小為x=498，y=515，比背景稍微大一些，可以看到在窗口的邊緣出現了綠色的邊框，如圖所示：

為窗口添加一個頂欄，選擇Create a new Widget對話框，設置參數之后，點擊Add To，創建一個Sliced Sprite。創建完之后，選擇該Sliced Sprite，調整它的位置和大小，參數和效果如圖所示：

創建窗口標題。選擇Create a new Widget對話框，選擇Template為Label，點擊Add to，為窗口創建一個Label，在Label的文本輸入框中輸入Example Draggable Window，并在場景編輯窗口中調整它的位置，其參數和最終結如下圖所示：

用同樣的方法，為其添加另外一個Label，或者直接使用Ctrl+D復制出一個出來，修改它的文字內容，設置它的line width為460，調整它的位置，結果如圖所示：點擊查看原圖

創建Logo圖標。選擇Create a new Widget對話框，選擇template中的sprite，Sprite為NGUI，選擇Add to，為窗口添加一個Logo圖標，調整它的位置，最終效果如圖所示：

創建兩個Checkbox。同樣選擇Create a new Widget對話框，選擇template中的checkbox，background設置為Dark，Checkmark為X，最后點擊Add to，為窗口添加一個Checkbox。選擇Checkbox中的Label，把文本修改為EnableAutoYaw。再選擇Checkbox中的Background，把Color Tint選擇為藍色。調整該Checkbox的位置。接著，使用ctrl+D復制出另外一個Checkbox，把這個checkbox里面的文本修改為Enable DragTilt，放置在右邊，最后效果如圖
示：

創建兩個按鈕。選擇Create a new Widget對話框，選擇template中的Button，background選擇Button，最后點擊Add to，為窗口添加一個按鈕。選擇該按鈕下的label，修改文本為Hello，選擇其下的background，設置Color Tin為藍色，放置在合適的位置。接著使用Ctrl+D，復制出另外一個button，并把其下的label的文本設置為World，放置在合適的位置。最終效果如圖所示：

點點滴滴

(搬運工)NGUI官網示例6 – Draggable Window講解（一）

日歷

公告

留言簿(9)

隨筆分類(268)

隨筆檔案(311)

相冊

搜索

積分與排名

最新評論