(搬運工)NGUI官網(wǎng)示例13 –Character角色裝配與儲物箱(三)
Posted on 2013-10-15 12:58 點點滴滴 閱讀(1751) 評論(0) 編輯 收藏 引用 所屬分類: 02 編程語言該部分主要是為實現(xiàn)裝備在拖動的時候出現(xiàn)拖動圖標的效果和當鼠標放置在裝備上時提示裝備的一些信息而做準備。
使用UI Tool創(chuàng)建一個Simple 2D UI層級結(jié)構(gòu),其Layer為2DGUI,我們通過不同的圖層的設置讓攝像機只顯示我們設定的圖層中的對象,有點像photoshop中的圖層,如圖所示

調(diào)整該結(jié)構(gòu),把Panel和Camera從UIRoot(2D)中分離出來,接著刪除UIRoot(2D)和Anchor對象,接著把Camera放置到Panel中成為其子物體。并命名Panel為2D UI,Camera命名為2D UI Camera。最后為2DUI添加一個Root組件(Component->NGUI->UI-> Root)如圖所示

制作拖動圖標的參考對象。在2DUI對象下,創(chuàng)建一個空的游戲?qū)ο螅⒚麨锳nchor-Center,并reset一下,接著為該對象添加一個Anchor組件(NGUI->Attach a anchor),并把2D UI Camera賦值給該組件下的UI Camera,這樣這個Anchor才能找到與這個攝像機對齊, 如圖所示

在Anchor-Center下面添加一個空的游戲?qū)ο螅⒚麨镃ursor,reset一下。接著為其添加一個Sprite組件(Component->NGUI->UI->Sprite),接著為其添加一個UICursor組件(Component->NGUI->Example->Cursor),這樣NGUI才能夠識別出將來的拖動圖標是使用了哪個對象,如圖所示

接下來創(chuàng)建裝備提示窗口。在Anchor-Center下創(chuàng)建一個空的游戲?qū)ο螅⒚麨門ooltip,reset一下,接著在其下創(chuàng)建一個SliceSprite元件和一個Label元件,并修改這兩個元件的Pivot為LeftTop如圖所示

接著為ToolTip對象添加一個Tooltip組件(Component->NGUI->UI->UITooltip),接著把剛才我們創(chuàng)建的Table和SlicedSprite賦值給該組件中的Text和Background,該組件可以幫助我們實現(xiàn)動態(tài)顯示裝備說明的功能

使用UI Tool創(chuàng)建一個Simple 2D UI層級結(jié)構(gòu),其Layer為2DGUI,我們通過不同的圖層的設置讓攝像機只顯示我們設定的圖層中的對象,有點像photoshop中的圖層,如圖所示

調(diào)整該結(jié)構(gòu),把Panel和Camera從UIRoot(2D)中分離出來,接著刪除UIRoot(2D)和Anchor對象,接著把Camera放置到Panel中成為其子物體。并命名Panel為2D UI,Camera命名為2D UI Camera。最后為2DUI添加一個Root組件(Component->NGUI->UI-> Root)如圖所示

制作拖動圖標的參考對象。在2DUI對象下,創(chuàng)建一個空的游戲?qū)ο螅⒚麨锳nchor-Center,并reset一下,接著為該對象添加一個Anchor組件(NGUI->Attach a anchor),并把2D UI Camera賦值給該組件下的UI Camera,這樣這個Anchor才能找到與這個攝像機對齊, 如圖所示

在Anchor-Center下面添加一個空的游戲?qū)ο螅⒚麨镃ursor,reset一下。接著為其添加一個Sprite組件(Component->NGUI->UI->Sprite),接著為其添加一個UICursor組件(Component->NGUI->Example->Cursor),這樣NGUI才能夠識別出將來的拖動圖標是使用了哪個對象,如圖所示

接下來創(chuàng)建裝備提示窗口。在Anchor-Center下創(chuàng)建一個空的游戲?qū)ο螅⒚麨門ooltip,reset一下,接著在其下創(chuàng)建一個SliceSprite元件和一個Label元件,并修改這兩個元件的Pivot為LeftTop如圖所示

接著為ToolTip對象添加一個Tooltip組件(Component->NGUI->UI->UITooltip),接著把剛才我們創(chuàng)建的Table和SlicedSprite賦值給該組件中的Text和Background,該組件可以幫助我們實現(xiàn)動態(tài)顯示裝備說明的功能
