Unity3D 虚拟现实开发(四)-UI篇

大家好!我又回来了,上一篇我们讲到了UI的制作,UI按钮不仅仅会是一排静止不动的按钮,只需要你点击就可以了。一般的游戏及app开发中,点击某一个按钮会弹出一些窗口,窗口可能从左边弹出,或是淡入淡出效果。例如:下面的图片,点击 投资顾问 按钮,后面页面按钮飘入,详细信息的淡入出现,就是我们今天要讲的技能。

好了,我们言归正传,开始今天的课程。因为我们使用UGUI,所以,我们要实现以上的功能,我们就需要使用一个插件DOTween。

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


Unity3D 虚拟现实开发(四)-UI篇_第1张图片

下载完成后,我们将插件导入到工程中去。导入后,我们首先要设置一下DoTween,具体的设置参数及原因,大家就百度、google喽。


Unity3D 虚拟现实开发(四)-UI篇_第2张图片

设置完毕后,我们来显示按钮的移动,如下图:

Unity3D 虚拟现实开发(四)-UI篇_第3张图片

来看一下DOTween给出的API,


Unity3D 虚拟现实开发(四)-UI篇_第4张图片

根据API,我们首先要找到一个组件Transform,正好RectRransform就继承自Transform,好了,我们就可以写代码了。

Unity3D 虚拟现实开发(四)-UI篇_第5张图片


Unity3D 虚拟现实开发(四)-UI篇_第6张图片

我们来测试一下:哇塞,移动了。不好意思,好久不用了,移动的位置不对。但是它的确移动了。

Unity3D 虚拟现实开发(四)-UI篇_第7张图片

相信经过这次简单的介绍,大家对实现UGUI位移都有一定的概念了,后面的旋转、缩放、颜色的改变都可以用DOTween来实现,大家动气收来制作吧!

UGUI未出现之前,有一款很好的插件NGUI,大家可以看一下,借鉴一下NGUI的封装,重新将DOTween进行封装,让之更适合产品的制作。我们看一下NGUI封装插件。


Unity3D 虚拟现实开发(四)-UI篇_第8张图片
TweenScale


Unity3D 虚拟现实开发(四)-UI篇_第9张图片
PlayTween

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

你可能感兴趣的:(Unity3D 虚拟现实开发(四)-UI篇)