Unity3D插件 Doozy UI 学习(一):打开一个面板

前言:

Doozy UI是一款很不错的UI插件,里面有一整套UI视图层的框架,非常好用。而且他还有很多现成的炫酷动效,比起自己造轮子自然是方便了很多。

之前在买Unity Plus的时候官方送了一套,所以抱着“既然送了就学来用反正也不亏”的心态来学习一下DoozyUI。

其实DoozyUI的使用还是比较简单,看看Demo自己在倒弄倒弄就可以差不多知道个大概了。

 

正文:

1、建立UI元素

UI最基础的功能之一就是实现功能之间的跳转:打开一个面板/关闭一个面板。考虑到Doozy UI的打开个关闭都差不多是一样的方法,所以这里就只介绍一下打开就OK了。

首先建立一个Button:在Hierarchy视图右键:DoozyUI/UICanvas ,然后在这个Canvas下分别建立一个DoozyUI的UIButton和UIElement 。

Unity3D插件 Doozy UI 学习(一):打开一个面板_第1张图片

 

2、UI 元素的分类与命名

之后打开控制面板:Tools/DoozyUI/Control Panel (Alt + D),选中UI Elements 子目录,然后给你的新的UI 元素分个组、取个名字。

Unity3D插件 Doozy UI 学习(一):打开一个面板_第2张图片

当然,也可以给刚刚建立的UI Button取这个名字,不过这里暂时用不上就没必要了。

 

3、设置UI元素的名字

点击刚才建立的 UI Element,然后把刚刚取好的名字赋值给上面的UI Element类,并且设置成一开始就隐藏。

Unity3D插件 Doozy UI 学习(一):打开一个面板_第3张图片

 

4、设置按钮事件

选中刚才建立的UI Button,设置他的UI Button类。作为演示,先设置一个OnClick事件就可以了,其他的几个事件都是一样的。将OnClick那一栏点成Enable,然后进行如下设置:

Unity3D插件 Doozy UI 学习(一):打开一个面板_第4张图片

当然这里有的是点击动画和声效,这些都是可选项,我反正是随便选了几个。然后我们点开Navigation,在Show里面设置一下我们刚才建立的UIElement。

这样就完成了一个简单的UI操作:点击某个按钮,弹出某个界面。

运行游戏试一下吧!

 

后记:

这篇只是最简单的DoozyUI操作,显然DoozyUI作为一个成熟的商业插件,其体系肯定是非常复杂的。作为一个开源插件,其实还有很多代码需要阅读。不过就我个人的学习习惯,是喜欢用一点学一点的,如果等把Doozy UI的体系全搞懂了,也不知道到什么时候去了,总之先上手就对了。

之后肯定会有各种各样自己需要的需求,到时候再加上就OK了。

你可能感兴趣的:(Unity)