大家好！我又回來了，上一篇我們講到了UI的製作，UI按鈕不僅僅會是一排靜止不動的按鈕，只需要你點選就可以了。一般的遊戲及app開發中，點選某一個按鈕會彈出一些視窗，視窗可能從左邊彈出，或是淡入淡出效果。例如：下面的圖片，點選 投資顧問 按鈕，後面頁面按鈕飄入，詳細資訊的淡入出現，就是我們今天要講的技能。

好了，我們言歸正傳，開始今天的課程。因為我們使用UGUI，所以，我們要實現以上的功能，我們就需要使用一個外掛DOTween。

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

下載完成後，我們將外掛匯入到工程中去。匯入後，我們首先要設定一下DoTween,具體的設定引數及原因，大家就百度、google嘍。

設定完畢後，我們來顯示按鈕的移動，如下圖：

來看一下DOTween給出的API，

根據API，我們首先要找到一個元件Transform，正好RectRransform就繼承自Transform，好了，我們就可以寫程式碼了。

我們來測試一下：哇塞，移動了。不好意思，好久不用了，移動的位置不對。但是它的確移動了。

相信經過這次簡單的介紹，大家對實現UGUI位移都有一定的概念了，後面的旋轉、縮放、顏色的改變都可以用DOTween來實現，大家動氣收來製作吧！

UGUI未出現之前，有一款很好的外掛NGUI，大家可以看一下，借鑑一下NGUI的封裝，重新將DOTween進行封裝，讓之更適合產品的製作。我們看一下NGUI封裝外掛。

TweenScale

PlayTween

大家要學會封裝，將重複性高的東西，封裝成外掛，方便使用。封裝一定要學會，要學會借鑑別人的程式碼，在他人肩膀上爬向高處。