點(diǎn)點(diǎn)滴滴
posts - 311, comments - 0, trackbacks - 0, articles - 0
C++博客
::
首頁(yè)
::
新隨筆
::
聯(lián)系
::
聚合
::
管理
(搬運(yùn)工)NGUI官網(wǎng)示例8 – Scroll View(Camera)
Posted on 2013-10-15 11:52
點(diǎn)點(diǎn)滴滴
閱讀(3798)
評(píng)論(0)
編輯
收藏
引用
所屬分類:
02 編程語(yǔ)言
在上一個(gè)示例中的
ScrollView
使用到了
Shader
的處理,而對(duì)于一些低端的機(jī)器或者移動(dòng)設(shè)備可能會(huì)出現(xiàn)顯示不正常的結(jié)果,所以,
NGUI
還為我們準(zhǔn)備了另外一個(gè)處理方式,也就是通過(guò)攝像機(jī)的移動(dòng)來(lái)達(dá)到同樣的目的。接下來(lái),這個(gè)示例就是告訴大家如何實(shí)現(xiàn)這個(gè)功能。
首先先制作一個(gè)普通的
GUI
界面,這些界面在上面的教程中已經(jīng)說(shuō)過(guò),這里就不再贅述,其最終效果如圖所示:
現(xiàn)在來(lái)制作那些可以滾動(dòng)的
Item
結(jié)構(gòu)。使用
Create a new UI
創(chuàng)建一個(gè)
NGUI
基本結(jié)構(gòu),并調(diào)整它們的層次關(guān)系,并把
UIRoot
下的
Panel
組件刪除掉,最終如圖所示:
新建一個(gè)新的空游戲?qū)ο螅⒚麨?/font>
Offset
,并放置在
anchor
成為它的子物體,并
reset
一下,同時(shí)給它添加一個(gè)
Panel
組件(
Component->NGUI->Interation-> Panel
)
,
這樣,該對(duì)象才能放置
NGUI
元件。如圖所示
:
同
NGUI
官網(wǎng)示例
7-- ScrollView
講解
(
一
)
(
http://game.ceeger.com/forum/read.php?tid=4269
)
一樣,創(chuàng)建
1
個(gè)
Item
元件,然后用
Ctrl+D
的方法復(fù)制出
9
個(gè)來(lái),當(dāng)然你也可以復(fù)制你需要的數(shù)量,現(xiàn)在這些
Item
都是重疊在一起的,最終效果如圖所示:
選擇
Offset
,為其添加一個(gè)
Table
組件(
Component->NGUI->Interaction -> Table
)。哈,神奇的效果在此出現(xiàn),只是上一個(gè)教程使用
Grid
組件,這次使用的是
Table
,這個(gè)
Table
和
Grid
的不同,可以查下官網(wǎng)的說(shuō)明。這里不贅述。如圖所示:
選擇第一次創(chuàng)建的
GUI
結(jié)構(gòu),選擇
Window
下的
TiledSprite
,如圖所示:
在下面創(chuàng)建兩個(gè)空的游戲?qū)ο螅⒎謩e命名為
BottomRight
和
TopLeft
,這兩個(gè)空對(duì)象用來(lái)標(biāo)記滾動(dòng)
Item
的邊界,并在場(chǎng)景編輯窗口中放置在對(duì)應(yīng)的位置,最后為該
TiledSprite
添加一個(gè)
UIDragCamera
組件(
Component->NGUI->Interation -> DragCamera
)如圖所示:
選擇第二個(gè)
Camera
,為其添加一個(gè)
ViewCamera
組件(
Component->NGUI->UI-> ViewCamera
)
,
并把第一個(gè)攝像機(jī)賦值給
SourceCamera
,把
TopLeft
對(duì)象賦值給
Top Left
,把
BottomRight
賦值給
Bottom Right
,然后選擇
Offset
,調(diào)整該對(duì)象的位置,如圖所示:
為該攝像機(jī)添加一個(gè)
DraggableCamera
組件(
Component->NGUI->Interaction-> DraggableCamera
)
,
并為其設(shè)置參數(shù),如圖所示
再次選擇剛才添加了兩個(gè)空對(duì)象的擇
Window
下的
TiledSprite
,把第二個(gè)
Camera
賦值給該元件中的
DragCamera
組件中的
DraggableCamera
,其結(jié)果如下
接著同樣選擇該
TiledSprite
,為其添加一個(gè)
Collider
,這樣,才能接受輸入信息(
NGUI-> Attach a Collider
)。哈哈。真好
Happy
,看結(jié)果,結(jié)果一個(gè)點(diǎn)擊播放,成這樣了?!雖然能夠接受到輸入信息,但是,死活拖不動(dòng)
原來(lái),在第二個(gè)
GUI
結(jié)構(gòu)中的
Anchor
對(duì)象中,原來(lái)默認(rèn)組件
UIAnchor
中的參數(shù)
UICamera
是第二個(gè)攝像機(jī),我們現(xiàn)在把它改成第一個(gè)攝像機(jī),再點(diǎn)擊播放,
Well Done
!成功了!
接著給每個(gè)
Item
添加一個(gè)
DragCamera
組件(
Component->NGUI-> Interaction -> DragCamera
)和一個(gè)
Trigger
(
Ngui->Attach a Collider
)。再為其添加一個(gè)
ButtonScale
組件和一個(gè)
buttonSound
組件(都在
Component->NGUI->Interaction
中)
最后來(lái)實(shí)現(xiàn)那個(gè)
Press me
按鈕。首先,選擇
Window
對(duì)象,為其添加一個(gè)
TweenPosisiton
組件(
Component->Tween->Position
),并關(guān)閉它(我們將用按鈕來(lái)開(kāi)啟它),并設(shè)置它的參數(shù),如圖所示
Powered by:
C++博客
Copyright © 點(diǎn)點(diǎn)滴滴
日歷
<
2012年9月
>
日
一
二
三
四
五
六
26
27
28
29
30
31
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
1
2
3
4
5
6
公告
留言簿
(9)
給我留言
查看公開(kāi)留言
查看私人留言
隨筆分類
(268)
01 數(shù)學(xué)基礎(chǔ)(5)
02 編程語(yǔ)言(175)
03 編程工具(6)
04 硬件基礎(chǔ)(2)
05 圖像基礎(chǔ)(3)
06 多媒體
07 壓縮加密
08 游戲SDK(10)
09 游戲策劃(3)
10 服務(wù)器(42)
11 生活隨想(12)
12工具收集(1)
19 源碼收集(9)
隨筆檔案
(311)
2017年5月 (1)
2016年12月 (2)
2016年11月 (7)
2014年10月 (4)
2014年9月 (2)
2014年7月 (1)
2014年2月 (1)
2013年11月 (4)
2013年10月 (42)
2013年8月 (1)
2013年7月 (1)
2013年6月 (3)
2013年5月 (3)
2013年4月 (2)
2013年3月 (4)
2013年2月 (3)
2013年1月 (2)
2012年11月 (3)
2012年10月 (3)
2012年9月 (12)
2012年8月 (8)
2012年7月 (47)
2012年6月 (3)
2012年5月 (4)
2012年3月 (4)
2012年2月 (5)
2012年1月 (2)
2011年12月 (5)
2011年11月 (4)
2011年10月 (3)
2011年9月 (5)
2011年8月 (2)
2011年7月 (2)
2011年6月 (7)
2011年5月 (13)
2011年4月 (9)
2011年3月 (17)
2011年2月 (9)
2011年1月 (25)
2010年12月 (10)
2010年11月 (24)
2010年10月 (2)
相冊(cè)
blog
游戲
搜索
積分與排名
積分 - 468104
排名 - 45
最新評(píng)論
国产高潮国产高潮久久久91
|
亚洲精品美女久久久久99
|
久久艹国产
|
久久久久国产日韩精品网站
|
久久综合狠狠综合久久综合88
|
国产成年无码久久久免费
|
亚洲人成精品久久久久
|
久久亚洲中文字幕精品有坂深雪
|
亚洲人成网亚洲欧洲无码久久
|
久久亚洲精品国产亚洲老地址
|
久久久久国产一区二区三区
|
久久精品国产亚洲av麻豆图片
|
亚洲AV日韩AV天堂久久
|
91超碰碰碰碰久久久久久综合
|
久久久久久亚洲精品无码
|
亚洲va久久久噜噜噜久久
|
国产精品免费看久久久香蕉
|
99精品国产在热久久
|
欧美久久天天综合香蕉伊
|
久久无码人妻一区二区三区午夜
|
亚洲国产成人久久综合碰碰动漫3d
|
久久99久久成人免费播放
|
久久久一本精品99久久精品66
|
精品久久综合1区2区3区激情
|
久久香综合精品久久伊人
|
久久亚洲AV成人无码软件
|
久久久久久久综合狠狠综合
|
91久久香蕉国产熟女线看
|
久久久久久狠狠丁香
|
亚洲国产成人久久综合一
|
国内精品伊人久久久久AV影院
|
国产美女亚洲精品久久久综合
|
久久精品无码一区二区无码
|
中文无码久久精品
|
亚洲va久久久噜噜噜久久狠狠
|
蜜臀久久99精品久久久久久小说
|
尹人香蕉久久99天天拍
|
99久久国产精品免费一区二区
|
亚洲AV无码久久精品狠狠爱浪潮
|
婷婷久久久亚洲欧洲日产国码AV
|
国产亚洲婷婷香蕉久久精品
|