欧美一区二区三区四区高清 ,亚洲欧美资源在线,免费av成人在线

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

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

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

一、 制作和布局界面。

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

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

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

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

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

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

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

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

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

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

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

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

青青草原综合久久大伊人导航_色综合久久天天综合_日日噜噜夜夜狠狠久久丁香五月_热久久这里只有精品

點點滴滴

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

日歷

公告

留言簿(9)

隨筆分類(268)

隨筆檔案(311)

相冊

搜索

積分與排名

最新評論