久久久之久亚州精品露出,欧美一区二区免费观在线,99精品热视频只有精品10

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

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

首先先創(chuàng)建這個(gè)窗口的拖動(dòng)圖標(biāo)。在菜單上選擇NGUI->Create a Panel,在WindowRoot下創(chuàng)建一個(gè)新的Panel，并命名為Panel ClipView。如圖所示：
請(qǐng)輸入描述

創(chuàng)建一個(gè)空的游戲?qū)ο螅麨?/font>UIGrid，該對(duì)象用來自動(dòng)調(diào)整它的子對(duì)象的排列方式。并把該游戲?qū)ο笞鳛?/font>Panel ClipView的子對(duì)象，并reset一下。如圖所示：
請(qǐng)輸入描述

新建一個(gè)空的游戲?qū)ο螅麨?/font>Item 1。并作為UIGrid的子對(duì)象，并reset一下。如圖所示：
請(qǐng)輸入描述

接著，使用我們先前學(xué)過的創(chuàng)建Widget的方法，為它創(chuàng)建圖標(biāo)的外觀（這里不再贅述），最后效果如圖所示：
請(qǐng)輸入描述

使用Ctrl+D的方式復(fù)制出9個(gè)Item，位置重疊不要緊，等會(huì)為UIGrid加上一個(gè)組件之后會(huì)有神奇的效果。如圖所示：
請(qǐng)輸入描述

現(xiàn)在選擇UIGrid，為它添加一個(gè)Grid組件（Component->NGUI->Interaction->Grid）,這時(shí)候神奇的效果出現(xiàn)了，真佩服NGUI的功能，它會(huì)自動(dòng)排列好它的組件，最終效果如圖所示：

因?yàn)?/font>NGUI的事件響應(yīng)是通過Trigger來實(shí)現(xiàn)的，所以，選擇所有的Item(在hierarchy里選擇Item 1，然后按住shift鍵，再點(diǎn)擊Item 9，這樣就連選了所有的Item元件)，為它們添加一個(gè)Trigger，（NGUI->Attach a collider）。然后再為它們添加一個(gè)Drag Panel Content組件（Component->NGUI->Interaction->Drag Panel Contents），加上這個(gè)組件之后，就表明這些item是Drag Panel的一部分（必須添加的）。如圖所示：
請(qǐng)輸入描述

（這一步是關(guān)鍵）選擇Panel ClipView，為其添加一個(gè)Draggable panel組件（Component->NGUI-> Interatcion->Draggable Panel）。點(diǎn)擊播放，可以看到，這些Item終于可以通過鼠標(biāo)劃動(dòng)了。如圖所示：

現(xiàn)在這里有一個(gè)問題，如果你鼠標(biāo)左右移動(dòng)時(shí)沒有任何問題，可是上下移動(dòng)時(shí)，這些item也跟著上下移動(dòng)，如圖所示，

選擇Panel ClipView中的DraggablePanel組件，打開Scale參數(shù)，把其中的Y和Z軸的值設(shè)置為0，這樣，就可以把拖動(dòng)方向限制在x軸上。如圖所示：
請(qǐng)輸入描述

最后，大家還記得我們已經(jīng)做了一個(gè)滾動(dòng)條在下方，我們可以用它來控制item的滾動(dòng)，很簡(jiǎn)單，把這個(gè)元件賦值給Panel ClipView的DraggablePanel組件下的Horizontal Scroll Bar，就可以了，如上圖。點(diǎn)擊播放，現(xiàn)在你可以使用那個(gè)滾動(dòng)條來對(duì)item進(jìn)行滾動(dòng)了！

這樣，我們就實(shí)現(xiàn)了圖標(biāo)的滾動(dòng)了。分為三步，第一步是使用Grid組件對(duì)Item進(jìn)行排列；第二部是為為Panel添加DraggablePanel組件；第三步是為每個(gè)Item添加Trigger和Drag Panel Content。

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

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

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

日歷

公告

留言簿(9)

隨筆分類(268)

隨筆檔案(311)

相冊(cè)

搜索

積分與排名

最新評(píng)論