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 。

 

2、UI 元素的分类与命名

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

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

 

3、设置UI元素的名字

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

 

4、设置按钮事件

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

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

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

运行游戏试一下吧!

 

后记:

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

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

  • 5
    点赞
  • 15
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
Doozy UI是一个成熟的商业件,它的体系相对来说是非常复杂的,需要阅读很多代码来理解。但作为一个开源件,也可以逐步学习,不需要一次性全部掌握。可以先上手使用,逐渐学习其中的功能和操作。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* [Unity3DDoozy UI 学习(一):打开一个面板](https://blog.csdn.net/cyf649669121/article/details/86028170)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v92^chatsearchT3_1"}}] [.reference_item style="max-width: 33.333333333333336%"] - *2* [Unity3DDoozy UI 学习(二):与DoozyUI的事件传递](https://blog.csdn.net/cyf649669121/article/details/86239288)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v92^chatsearchT3_1"}}] [.reference_item style="max-width: 33.333333333333336%"] - *3* [Unity3DDoozy UI 学习(三):UI Element](https://blog.csdn.net/cyf649669121/article/details/102517286)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v92^chatsearchT3_1"}}] [.reference_item style="max-width: 33.333333333333336%"] [ .reference_list ]
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值