麻豆AV一区二区三区久久 ,久久久青草青青亚洲国产免观 ,青青青青久久精品国产h

(搬運工)NGUI官網示例7-- ScrollView講解(三)

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

這里官方例子中的最下角，有兩個元件，一個是用于控制item中心顯示的check box，還有一個是實現窗口旋轉的功能。還有右上角的Logo圖標，鼠標點擊它是會自動彈出來，鼠標移開后又會自動彈回原位。現在我們來分別實現它。

在Camera下創建一個panel。并在這個Panel下創建一個空游戲對象，并命名為Anchor-Bottom，reset一下，為其添加一個Anchor（Ngui->Attach a Anchor），把UIAnchor組件中的Side參數設置成Bottom。在這個Anchor-Bottom

下創建一個Checkbox，參數如下：

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

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

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

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

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

先選擇WindowRoot，為其添加一個TweenRotation組件（Component-> NGUI -> Tween -> Rotation），同時關閉該組件。并設置該組件的屬性（這樣便給WindowRoot設置了一個旋轉的Tween動畫，我們將用按鈕來觸發）如圖所示：
請輸入描述

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

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