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

posts - 311, comments - 0, trackbacks - 0, articles - 0
  C++博客 :: 首頁 :: 新隨筆 :: 聯系 :: 聚合  :: 管理
NGUI例子制作過程,由筆者參照NGUI的例子重新自己做了一遍,以加深對NGUI用法的理解。(建議先看下官網的基礎教程,對NGUI有初步了解之后,再看這個帖子。)
二、Example2 – Interaction
其最終效果如圖所示,當點擊Show按鈕時,窗口會過度到平躺位置,并出現兩個立方體,這兩個立方體當鼠標位于上面時,會出現按鈕的onHover效果:


1.         新建一個場景,并把該場景中的MainCamera刪除掉,并通過菜單中的NGUI->Create a new UI新建一個UI結構,如圖所示:

刪除AnchorUIRoot3D),只留下Panel,并把Panel命名為Message Root,如圖所示:

MessageRoot下,創建一個空游戲對象,并命名為3D UI,并reset它的所有變換,reset這一步很重要,不然以后的GUI元素可能位置就不對了。如圖所示:

首先先使用Create a widget工具創建一個Sprite,并命名為UISprite-Background,并在編輯窗口中調整它的大小,設置其深度為-5,該Sprite用于作為背景,其參數如圖所示:

3D UI層級中,新建一個空游戲對象,并命名為Window,該對象用于整體調整下面GUI的移動和旋轉等。如圖所示:

下面來制作Window中的各個元素。首先創建背景。使用Create a widget,使用UITiledSprite,該元素可以等你放大它的范圍時,它會以平鋪的方式顯示,這樣可以大大節省資源的體積。該其參數如下:


使用Create a Widget中的Sliced Sprite,創建標題欄,該元素可以在放大范圍時,拉伸其背景。創建好之后在編輯窗口中改變它的位置和大小,使其在窗口的頂端,其參數和效果如下:

再為背景添加一個半透明的SlicedSprite,其參數和效果如下:

創建一個Label,作為該窗口的標題,其參數和效果如下:

 創建一個Label,作為窗口中的文字說明,其參數和效果如下:

  創建一個按鈕,命名為:button-show,設置該按鈕的Label文字描述為Show,設置Background的顏色為深藍色,調整它的位置和大小,最終效果如圖所示:

為該Button創建一個空的子物體,并命名為Animation,最后對該空物體添加一個Animation組件(Component->Miscellaneous->Animation),并在project窗口中找到NGUI->Examples->Animations->Button,把該腳本添加到Animation組件中的Animation中。(這個Button的動畫可以用于實現按鈕在某種狀態下的動畫效果)接著把Button下面的LabelBackground拖到Animation對象上,成為其子對象,如圖所示:

Show按鈕添加三個裝飾圖標,這三個圖標都是Sprite元素,可以制作一個之后,使用Ctrl+D復制出另外兩個,并設置它的位置和顏色,最后可以添加一個空的游戲對象,并命名為ICON,把這三個圖標拖到ICON中,這樣可以方便管理,其最終結果如圖所示:

復制該Button,并把該ButtonLabel文本設置成HIDE,命名為button-hide再把ICON刪除掉,調整它的位置,最終效果如圖所示:

現在,來完成當鼠標放置在按鈕上面時,即onHover狀態時,它的動畫效果。我們以Show按鈕為例子,Hide的設置類同。選擇Button-show,為該按鈕添加一個UIButtonPlayAnimation組件(菜單中Component->NGUI->Interaction->Button Play Animation)。添加之后,把該按鈕下的Animation賦值給該組件中的Target變量,設置TriggerOnHover,點擊播放,當把鼠標放置在該按鈕上時,可以看到已經有動畫效果了,此時可以對比未對Hide按鈕添加UIButtonPlayAnimation組件時的效果。參數如圖所示:

Button-hide按鈕進行相同的操作。
接下來,完成窗口的變換(移動和旋轉),使其當點擊show按鈕時,窗口平躺下來。新建兩個空游戲對象,并命名為WindowActiveWindowInactive,這兩個對象只包含了對象的變換信息(平移、旋轉和縮放)。我們將用這個兩個空游戲對象的變換信息來制作窗口在這兩個位置間的平滑過渡。首先把該兩個游戲對象放置到3D UI對象下,成為它的子物體,然后把這兩個對象reset一下,接著,調整WindowInactive的旋轉角度和位置。而WindowActive保持變換不變。注意,此時當中的scale參數最好跟Window中的縮放一樣,除非你要實現縮放效果,如圖所示:

 選擇Window對象,為其添加一個TweenTransform組件(Compoent->NGUI->Tween-> Transform),該組件可以根據兩個Transform對象來在它們之間進行平滑過渡。添加組件之后,把WindowActiveWindowInactive對象賦值給該組件下的FromTo下,同時把給組件的Enable關掉,我們將使用Show按鈕來控制它的打開,具體參數如下,如圖所示:

 Show按鈕添加UIButtonTween組件(Component->NGUI->Interaction->Button Tween),該組件可以使得Target中的Tween類型的動畫進行開關。把Window對象賦值給該組件下的Target,并設置PlayDirectionForwardTriggerOnClickIf Disabled On Play EnableThenPlay,表示當播放該動畫時,啟動Target中的Tween類型動畫。這個組件是關鍵。點擊播放,可以看到最終的效果,你可以在播放時,在沒按下show按鈕之前選擇Window組件,可以看到此時的TweenTransform組件是關閉的,當你按下show按鈕之后,該組件被打開了,播放完之后,又被關閉。
 
現在來完成當點擊Hide按鈕時,窗口回到原來的位置,同樣給該按鈕添加一個UIButtonTween組件,把Window對象賦值給該組件下的TargetTrigger設置為OnClick,Play Direction設置為Reverse,If Disabled On Play設置為DoNothing。完成之后,點擊播放,查看效果,如圖所示:


 
  以上幾步就實現了官網上的Interaction中窗口位置的平滑變換效果。關鍵是UIButtonTween和其他的Tween類型之間的連接。最后,把攝像機調整到其他的角度
青青草原综合久久大伊人导航_色综合久久天天综合_日日噜噜夜夜狠狠久久丁香五月_热久久这里只有精品
  • <ins id="pjuwb"></ins>
    <blockquote id="pjuwb"><pre id="pjuwb"></pre></blockquote>
    <noscript id="pjuwb"></noscript>
          <sup id="pjuwb"><pre id="pjuwb"></pre></sup>
            <dd id="pjuwb"></dd>
            <abbr id="pjuwb"></abbr>
            午夜精品网站| 狼人社综合社区| 国产偷国产偷亚洲高清97cao | 国内精品久久久久久| 欧美激情精品久久久久久久变态| 久久精品一区蜜桃臀影院| 欧美一区二区精美| 久久久久久久成人| 欧美激情第10页| 国产精品久久999| 国产一区91| 亚洲理论电影网| 亚洲欧美日韩精品久久久久| 久久精品人人做人人综合| 欧美电影电视剧在线观看| 亚洲全黄一级网站| 99综合电影在线视频| 午夜视频在线观看一区二区三区 | 欧美日韩精品三区| 国产婷婷成人久久av免费高清| 亚洲高清123| 午夜宅男欧美| 91久久精品美女| 先锋亚洲精品| 久久一区二区视频| 在线亚洲一区| 亚洲国产精品黑人久久久| 亚洲狼人精品一区二区三区| 亚洲欧美区自拍先锋| 欧美成人亚洲成人| 亚洲午夜久久久久久久久电影院 | 欧美亚洲系列| 欧美理论电影在线观看| 国内精品久久久久久| 欧美激情2020午夜免费观看| 亚洲美女网站| 久久一二三四| 亚洲欧美在线播放| 欧美日韩一区高清| 日韩视频专区| 欧美刺激午夜性久久久久久久| 午夜精彩国产免费不卡不顿大片| 欧美精选一区| 亚洲精品一区二区三区在线观看| 久久爱另类一区二区小说| 99国产精品99久久久久久粉嫩| 欧美99久久| 亚洲高清123| 欧美不卡在线视频| 久久久久久久综合日本| 国产亚洲欧美另类中文 | 亚洲男女自偷自拍| 亚洲人被黑人高潮完整版| 免费亚洲网站| 亚洲欧洲精品一区二区三区波多野1战4 | 日韩视频永久免费观看| 欧美黄色一级视频| 葵司免费一区二区三区四区五区| 国产综合自拍| 另类亚洲自拍| 裸体一区二区| 亚洲精品视频在线看| 亚洲国产精品v| 欧美成ee人免费视频| 日韩一级在线观看| 一区二区三区久久网| 国产精品美女黄网| 久久久久欧美| 免费的成人av| 中文亚洲免费| 亚洲欧美日本视频在线观看| 国产视频精品va久久久久久| 久久久精品视频成人| 久久精品国产免费观看| 在线精品视频一区二区三四| 欧美成人xxx| 欧美私人网站| 久久亚洲精选| 欧美日韩一区二区三区视频| 午夜伦理片一区| 久久精品夜色噜噜亚洲a∨| 在线国产精品一区| 亚洲日本激情| 国产精品久久午夜| 毛片一区二区三区| 欧美精品粉嫩高潮一区二区 | 另类尿喷潮videofree| 亚洲国产成人av| 欧美日韩亚洲不卡| 久久av一区| 男女视频一区二区| 亚洲女与黑人做爰| 久久这里有精品视频| 亚洲深爱激情| 久久久精品动漫| 亚洲在线成人精品| 裸体歌舞表演一区二区| 亚洲在线免费视频| 久久午夜电影| 欧美一区二区三区成人| 模特精品在线| 久久大逼视频| 欧美日韩亚洲视频| 欧美fxxxxxx另类| 国产精品亚洲综合一区在线观看| 亚洲第一天堂无码专区| 国产日韩欧美二区| 一本色道综合亚洲| 亚洲精品国产精品久久清纯直播| 亚洲欧美一区二区三区久久| 99国产精品久久久久久久久久| 久久精品国产成人| 欧美一区二区三区精品电影| 欧美女激情福利| 欧美大片在线影院| 精品二区久久| 欧美中文日韩| 欧美一区二区三区免费观看| 欧美日韩精品一区二区在线播放| 欧美粗暴jizz性欧美20| 国产日韩欧美视频| 亚洲一区二区3| 中日韩高清电影网| 欧美区一区二| 亚洲激情一区| 日韩一二三在线视频播| 老鸭窝91久久精品色噜噜导演| 久久久久国产一区二区| 国产乱子伦一区二区三区国色天香| 日韩视频免费在线观看| 亚洲精品乱码久久久久久日本蜜臀| 久久午夜电影网| 欧美国产视频在线| 亚洲精品一区二区三区蜜桃久| 欧美不卡高清| 亚洲精品视频在线观看网站| 亚洲人成精品久久久久| 欧美高清在线视频观看不卡| 欧美激情第三页| 亚洲美女在线视频| 欧美日韩免费视频| 亚洲午夜视频在线| 欧美在线免费观看| 狠狠色狠狠色综合| 另类天堂av| 日韩视频在线一区二区| 亚洲免费影院| 黄色精品一区| 欧美激情视频一区二区三区不卡| 亚洲理伦电影| 久久se精品一区二区| 极品日韩久久| 欧美精品九九| 日韩写真视频在线观看| 亚洲——在线| 亚洲国产精品小视频| 欧美国产一区二区在线观看| 日韩视频专区| 欧美一级视频免费在线观看| 国产一区导航| 母乳一区在线观看| 亚洲网站在线观看| 久久天堂成人| 一本久道综合久久精品| 国产精品久久7| 久久久国产精品一区二区中文| 欧美激情五月| 午夜在线电影亚洲一区| 亚洲国产1区| 国产精品每日更新| 老司机精品视频一区二区三区| 一区二区三区国产精品| 久久综合九色欧美综合狠狠| 日韩写真视频在线观看| 国产日韩精品入口| 欧美国产1区2区| 欧美一级网站| 亚洲另类自拍| 欧美成va人片在线观看| 性色av香蕉一区二区| 亚洲经典视频在线观看| 国产精品网站一区| 欧美日韩成人在线| 久久久久久夜| 亚洲欧美不卡| 一本久久综合亚洲鲁鲁| 欧美.日韩.国产.一区.二区| 香蕉成人久久| 亚洲一区网站| 性色av一区二区三区红粉影视| 最新中文字幕亚洲| 一区二区三区在线高清| 一区二区久久久久| 欧美 亚欧 日韩视频在线| 欧美一级日韩一级| 中文日韩欧美| 夜夜躁日日躁狠狠久久88av| 国语自产精品视频在线看8查询8 | 亚洲综合三区| 99成人免费视频|