大家好!我又回來了,上一篇我們講到了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封裝插件。


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