欧美天堂在线观看,久久综合福利,国产精品欧美一区二区三区奶水

(搬運(yùn)工)NGUI官網(wǎng)示例7-- ScrollView講解(三)

Posted on 2013-10-15 11:50 點(diǎn)點(diǎn)滴滴閱讀(2201) 評(píng)論(0) 編輯收藏引用所屬分類: 02 編程語言

這里官方例子中的最下角，有兩個(gè)元件，一個(gè)是用于控制item中心顯示的check box，還有一個(gè)是實(shí)現(xiàn)窗口旋轉(zhuǎn)的功能。還有右上角的Logo圖標(biāo)，鼠標(biāo)點(diǎn)擊它是會(huì)自動(dòng)彈出來，鼠標(biāo)移開后又會(huì)自動(dòng)彈回原位。現(xiàn)在我們來分別實(shí)現(xiàn)它。

在Camera下創(chuàng)建一個(gè)panel。并在這個(gè)Panel下創(chuàng)建一個(gè)空游戲?qū)ο螅⒚麨?/font>Anchor-Bottom，reset一下，為其添加一個(gè)Anchor（Ngui->Attach a Anchor），把UIAnchor組件中的Side參數(shù)設(shè)置成Bottom。在這個(gè)Anchor-Bottom

下創(chuàng)建一個(gè)Checkbox，參數(shù)如下：

選擇checkbox下的background，設(shè)置其Color Tint為木黃色；選擇checkmark,設(shè)置其Color Tint顏色為綠色，Label的文本為Center on Item，最終效果如圖所示：

選擇Panel-Window，為其添加一個(gè)高亮背景。在Panel-window下創(chuàng)建一個(gè)SlicedSprite元件，參數(shù)為Template為Sliced Sprite，Sprite為Row Outline。創(chuàng)建完成之后設(shè)置其大小為x158，y258，ColorTint 為R32，G22，B12；調(diào)整它的位置，最終效果如圖所示：

設(shè)置Checkbox。首先選擇checkbox，把UICheckbox組件中的Starts Checked取消掉。為checkbox添加一個(gè)CheckboxComponent組件（Component->NGUI->Interaction-> CheckboxComponent）,把UIGrid賦值給該組件的Target；再添加一個(gè)CheckboxCompo nent，把SlicedSprite（Row Outline）賦值給它的Target，這樣可以打開或者關(guān)閉該對(duì)象。點(diǎn)擊播放，現(xiàn)在可以通過checkbox控制那個(gè)高亮背景的顯示與關(guān)閉，但是定位還沒有實(shí)現(xiàn)，如圖所示：

選擇UIGrid，為其添加一個(gè)CenterOnChild組件（Component-> NGUI -> Interaction -> CenterOnChild）,并關(guān)閉它，（這里有一個(gè)細(xì)節(jié)，checkbox controller component在控制target對(duì)象的組件開關(guān)時(shí)，它只對(duì)第一個(gè)組件進(jìn)行控制，所以，我們要把UICenterOnChild放在UIGrid組件之前，這個(gè)時(shí)候你可能需要先刪除UIGrid，然后再添加CenterOnChild，再添加UIGrid，再把UIGrid對(duì)象重新賦值給Checkbox的Checkbox Control Component中的target中）如圖所示：
請(qǐng)輸入描述

使用Ctrl+D復(fù)制Anchor-Bottom，改名為Anchor-BottomRight,刪除掉其下的checkbox，把Side設(shè)置成BottomRight。接著，為其添加一個(gè)Button元件，并設(shè)置它的參數(shù)和調(diào)整它的位置，使用該按鈕來旋轉(zhuǎn)窗口，如圖所示：
請(qǐng)輸入描述

先選擇WindowRoot，為其添加一個(gè)TweenRotation組件（Component-> NGUI -> Tween -> Rotation），同時(shí)關(guān)閉該組件。并設(shè)置該組件的屬性（這樣便給WindowRoot設(shè)置了一個(gè)旋轉(zhuǎn)的Tween動(dòng)畫，我們將用按鈕來觸發(fā)）如圖所示：
請(qǐng)輸入描述

選擇Button，為其添加一個(gè)ButtonTween組件（Component-> NGUI -> Interaction -> Button Tween），把WindowRoot賦值給該組件的Target，PlayDirection為Toggle（可以實(shí)現(xiàn)翻轉(zhuǎn)，不然你用forward只能點(diǎn)一次了，就再也回不去，可以試試）。注意，播放Animation用ButtonPlayAnimation組件，播放Tween動(dòng)畫用ButtonTween組件。如圖所示：
請(qǐng)輸入描述

現(xiàn)在點(diǎn)擊播放，點(diǎn)擊ClickMe按鈕，看窗口旋轉(zhuǎn)起來了，再點(diǎn)一下Clickme按鈕。又轉(zhuǎn)回來了！
下面來實(shí)現(xiàn)Logo的彈出與彈入效果。使用Ctrl+D復(fù)制一個(gè)Anchor-BottomRight，并把名字改為Anchor-TopRight并把下面的Button刪除掉。接著把Side設(shè)置成TopRight。如圖所示：
請(qǐng)輸入描述

創(chuàng)建一個(gè)Sprite組件，其參數(shù)為
請(qǐng)輸入描述

為該sprite添加一個(gè)TweenPosition組件（Component->NGUI->Tween->position），設(shè)置該組件的參數(shù)為，并關(guān)閉該組件：
請(qǐng)輸入描述

為Sprite添加一個(gè)Button Tween組件（Component->NGUI->Interaction -> Button Tween）。設(shè)置參數(shù)為TweenTarget為Sprite，Trigger為OnClick，PlayDirection為Toggle，如圖所示：
請(qǐng)輸入描述

最后，為該Sprite添加一個(gè)Collider（NGUI->Attach a Collider）。點(diǎn)擊播放，哈哈，Logo的彈出和彈入效果實(shí)現(xiàn)了！

這個(gè)教程寫得好累，休息下！哈哈

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

點(diǎn)點(diǎn)滴滴

(搬運(yùn)工)NGUI官網(wǎng)示例7-- ScrollView講解(三)

日歷

公告

留言簿(9)

隨筆分類(268)

隨筆檔案(311)

相冊(cè)

搜索

積分與排名

最新評(píng)論