Unity3D 虛擬現(xiàn)實(shí)開發(fā)(四)-UI篇

大家好!我又回來了,上一篇我們講到了UI的制作,UI按鈕不僅僅會(huì)是一排靜止不動(dòng)的按鈕,只需要你點(diǎn)擊就可以了。一般的游戲及app開發(fā)中,點(diǎn)擊某一個(gè)按鈕會(huì)彈出一些窗口,窗口可能從左邊彈出,或是淡入淡出效果。例如:下面的圖片,點(diǎn)擊 投資顧問?按鈕,后面頁面按鈕飄入,詳細(xì)信息的淡入出現(xiàn),就是我們今天要講的技能。

好了,我們言歸正傳,開始今天的課程。因?yàn)槲覀兪褂肬GUI,所以,我們要實(shí)現(xiàn)以上的功能,我們就需要使用一個(gè)插件DOTween。

下載地址:http://dotween.demigiant.com/download.php


下載完成后,我們將插件導(dǎo)入到工程中去。導(dǎo)入后,我們首先要設(shè)置一下DoTween,具體的設(shè)置參數(shù)及原因,大家就百度、google嘍。


設(shè)置完畢后,我們來顯示按鈕的移動(dòng),如下圖:

來看一下DOTween給出的API,


根據(jù)API,我們首先要找到一個(gè)組件Transform,正好RectRransform就繼承自Transform,好了,我們就可以寫代碼了。


我們來測(cè)試一下:哇塞,移動(dòng)了。不好意思,好久不用了,移動(dòng)的位置不對(duì)。但是它的確移動(dòng)了。

相信經(jīng)過這次簡(jiǎn)單的介紹,大家對(duì)實(shí)現(xiàn)UGUI位移都有一定的概念了,后面的旋轉(zhuǎn)、縮放、顏色的改變都可以用DOTween來實(shí)現(xiàn),大家動(dòng)氣收來制作吧!

UGUI未出現(xiàn)之前,有一款很好的插件NGUI,大家可以看一下,借鑒一下NGUI的封裝,重新將DOTween進(jìn)行封裝,讓之更適合產(chǎn)品的制作。我們看一下NGUI封裝插件。


TweenScale


PlayTween

大家要學(xué)會(huì)封裝,將重復(fù)性高的東西,封裝成插件,方便使用。封裝一定要學(xué)會(huì),要學(xué)會(huì)借鑒別人的代碼,在他人肩膀上爬向高處。

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • 1、通過CocoaPods安裝項(xiàng)目名稱項(xiàng)目信息 AFNetworking網(wǎng)絡(luò)請(qǐng)求組件 FMDB本地?cái)?shù)據(jù)庫(kù)組件 SD...
    陽明AI閱讀 16,211評(píng)論 3 119
  • 我見過一只眼睛的老鼠 兩個(gè)封面的圖書 這些,在夜里我全都看過 但也有人沒見過 白天的太陽,晚上的月亮 確實(shí),這些我...
    零更一閱讀 241評(píng)論 0 1
  • 作文如練武,一招一式融會(huì)貫通才能行云流水。文章表達(dá)思想,思想體現(xiàn)于每一個(gè)句子之中。不同的思想采用不同的句式去表達(dá),...
    小彧爸爸閱讀 2,691評(píng)論 5 13
  • 我叫劉月亮,25歲的,獨(dú)立自主的,自立自強(qiáng)的新一代女青年。好吧,無依無靠的單身狗一枚。我曾經(jīng)養(yǎng)過一條很不純的柯基,...
    蕪城花開閱讀 1,065評(píng)論 8 18

友情鏈接更多精彩內(nèi)容