欧美激情视频一区二区三区在线播放 ,久久夜色精品一区,久久久欧美精品

(搬運工)NGUI官網示例8 – Scroll View(Camera)

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

在上一個示例中的ScrollView使用到了Shader的處理，而對于一些低端的機器或者移動設備可能會出現顯示不正常的結果，所以，NGUI還為我們準備了另外一個處理方式，也就是通過攝像機的移動來達到同樣的目的。接下來，這個示例就是告訴大家如何實現這個功能。
首先先制作一個普通的GUI界面，這些界面在上面的教程中已經說過，這里就不再贅述，其最終效果如圖所示：

現在來制作那些可以滾動的Item結構。使用Create a new UI創建一個NGUI基本結構，并調整它們的層次關系，并把UIRoot下的Panel組件刪除掉，最終如圖所示：
點擊查看原圖

新建一個新的空游戲對象，并命名為Offset，并放置在anchor成為它的子物體，并reset一下，同時給它添加一個Panel組件（Component->NGUI->Interation-> Panel）,這樣，該對象才能放置NGUI元件。如圖所示:
點擊查看原圖

同NGUI官網示例7-- ScrollView講解(一) （http://game.ceeger.com/forum/read.php?tid=4269）
一樣，創建1個Item元件，然后用Ctrl+D的方法復制出9個來，當然你也可以復制你需要的數量，現在這些Item都是重疊在一起的，最終效果如圖所示：
點擊查看原圖

選擇Offset，為其添加一個Table組件（Component->NGUI->Interaction -> Table）。哈，神奇的效果在此出現，只是上一個教程使用Grid組件，這次使用的是Table，這個Table和Grid的不同，可以查下官網的說明。這里不贅述。如圖所示：

選擇第一次創建的GUI結構，選擇Window下的TiledSprite，如圖所示：
點擊查看原圖

在下面創建兩個空的游戲對象，并分別命名為BottomRight和TopLeft，這兩個空對象用來標記滾動Item的邊界，并在場景編輯窗口中放置在對應的位置，最后為該TiledSprite添加一個UIDragCamera組件（Component->NGUI->Interation -> DragCamera）如圖所示:
點擊查看原圖

選擇第二個Camera，為其添加一個ViewCamera組件（Component->NGUI->UI-> ViewCamera）,并把第一個攝像機賦值給SourceCamera，把TopLeft對象賦值給Top Left，把BottomRight賦值給Bottom Right，然后選擇Offset，調整該對象的位置，如圖所示：
點擊查看原圖

為該攝像機添加一個DraggableCamera組件（Component->NGUI->Interaction-> DraggableCamera）,并為其設置參數，如圖所示
點擊查看原圖

再次選擇剛才添加了兩個空對象的擇Window下的TiledSprite，把第二個Camera賦值給該元件中的DragCamera組件中的DraggableCamera，其結果如下
點擊查看原圖

接著同樣選擇該TiledSprite，為其添加一個Collider，這樣，才能接受輸入信息（NGUI-> Attach a Collider）。哈哈。真好Happy，看結果，結果一個點擊播放，成這樣了？！雖然能夠接受到輸入信息，但是，死活拖不動

原來，在第二個GUI結構中的Anchor對象中，原來默認組件UIAnchor中的參數UICamera是第二個攝像機，我們現在把它改成第一個攝像機，再點擊播放，Well Done！成功了！
點擊查看原圖

接著給每個Item添加一個DragCamera組件（Component->NGUI-> Interaction -> DragCamera）和一個Trigger（Ngui->Attach a Collider）。再為其添加一個ButtonScale組件和一個buttonSound組件（都在Component->NGUI->Interaction中）
點擊查看原圖

最后來實現那個Press me按鈕。首先，選擇Window對象，為其添加一個TweenPosisiton組件（Component->Tween->Position），并關閉它（我們將用按鈕來開啟它），并設置它的參數，如圖所示
點擊查看原圖

點點滴滴

(搬運工)NGUI官網示例8 – Scroll View(Camera)

日歷

公告

留言簿(9)

隨筆分類(268)

隨筆檔案(311)

相冊

搜索

積分與排名

最新評論