大家好呛踊！我又回來了砾淌，上一篇我們講到了UI的制作，UI按鈕不僅僅會是一排靜止不動的按鈕谭网，只需要你點(diǎn)擊就可以了汪厨。一般的游戲及app開發(fā)中，點(diǎn)擊某一個(gè)按鈕會彈出一些窗口愉择，窗口可能從左邊彈出劫乱，或是淡入淡出效果。例如：下面的圖片锥涕，點(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è)置完畢后挫以，我們來顯示按鈕的移動者蠕，如下圖：
來看一下DOTween給出的API，
根據(jù)API掐松，我們首先要找到一個(gè)組件Transform踱侣，正好RectRransform就繼承自Transform，好了大磺，我們就可以寫代碼了抡句。
我們來測試一下：哇塞，移動了杠愧。不好意思待榔，好久不用了，移動的位置不對流济。但是它的確移動了锐锣。
相信經(jīng)過這次簡單的介紹腌闯，大家對實(shí)現(xiàn)UGUI位移都有一定的概念了，后面的旋轉(zhuǎn)雕憔、縮放绑嘹、顏色的改變都可以用DOTween來實(shí)現(xiàn)，大家動氣收來制作吧橘茉！
UGUI未出現(xiàn)之前，有一款很好的插件NGUI姨丈，大家可以看一下畅卓，借鑒一下NGUI的封裝，重新將DOTween進(jìn)行封裝蟋恬，讓之更適合產(chǎn)品的制作翁潘。我們看一下NGUI封裝插件。
大家要學(xué)會封裝歼争，將重復(fù)性高的東西拜马，封裝成插件，方便使用沐绒。封裝一定要學(xué)會俩莽，要學(xué)會借鑒別人的代碼，在他人肩膀上爬向高處乔遮。
