大家好！我又回来了，上一篇我们讲到了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

大家要学会封装，将重复性高的东西，封装成插件，方便使用。封装一定要学会，要学会借鉴别人的代码，在他人肩膀上爬向高处。