前言

之前写过一些关于DoozyUI的开发介绍，比较基础。后面用DoozyUI开发了一段时间，现在已经有了更深入的一些了解。这篇主要讲一下UI Elemenet这个脚本的使用。

正文

1、关于UI Element：

如下图所示，Doozy UI的UI Element主要有以下内容。

UI Element顾名思义，就是一个UI的最小元素。是作为打开、关闭的单位。通俗来讲，就是我们说的一个面板。

2、面板属性

hide @START ：勾上后便在脚本Start时进行隐藏（移出屏幕外，并非Setactive false);

animate @START ：如果没有在开始时不隐藏，勾选这个则会播放进入动画；

disable when hidden ：在隐藏时是否设置active 为 false ;

don't disable Canvas when hidden : 在隐藏时，不关闭Canvas。（不知道有啥用，一般都会让他关闭吧）

disable the Graphic Raycaster : 不启用 Graphic Raycaster组件，也就是取消点击事件。特殊面板可以选用。

auto hide : 自动隐藏，勾选后会让你填一个时间（秒）。在此时间后自动Hide；

custom start position : 设定开始位置。这个很重要！在Unity 2018 + ，由于新改了Prefab的框架，编辑Prefab是在一个单独的Scene中进行的。在使用代码实例化UI Element，打开Prefab时，极容易发生面打开后的初始位置并不是0点，因此会造成动画的各种错位（发生这种情况的根本原因我还没有定位到）！此时就要用这个属性来修改初始位置，将其调整至正确地情况。

execute layout fix : 执行缩放适应？表示从来没用过。

auto selected button after show : 在展示时自动选个物体。注意，这个并不会触发点击事件。

3、动画

这里先看一个通常的动画设置：

一般来讲，用DoozyUI做UI动画的时候，可以先从模板中选一个接近的。通过Preset Category 和 Preset Name来选择，不过这个貌似无法在编辑模式下进行预览，只有运行的时候看。

当你选择了其中一个之后，点击Load Preset就会导入一个预设。（你也可以通过New Preset 和 Delete Preset来维护你的动画预设仓库）

然后这下面的Move 、Rotate、Scale、Fade分别代表移动、选择、缩放、渐变。里面的一些参数可以根据自己的需求进行调整。

最下面可以选择声音，这个就可以在编辑器下预览了。声音仓库在Doozy UI 的 Control Panel里（Alt + D）的UI Sounds子才菜单下：

4、关于层级

从目前看来，DoozyUI并没有有效的层级管理，尤其是在用代码进行控制的时候。

我们一般都调整Canvas的属性，但是DoozyUI并没有自动修改这个Order In Layer 的方法，似乎还要自己写代码来维护。一般在预制上就要调整好层级，或者写好代码来辅助修改。否则很容易出现某个面板打开了，但是被其他面板挡住了。

后记

我感觉Doozy UI是设计给那些不会写代码的的人使用的插件，可视化操作近乎完美，但是设计到和代码进行联动的部分就充满了尴尬……

不过好在开源还能救一下。

故障排除：

1、关于面板声音，点击后报错，不播放声音的问题。

我的问题是出在QUtils.CS 的38行的问题，提示的是他Method获取报空。看了一下，他应该是旧的获取Method的方法失败了导致的，我把这一段代码修改一下就可以用了：

        /// <summary>/// Plays an audioClip in the editor. This is useful for previewing a sound in the inspector./// </summary>/// <param name="clip">The AudioClip you want to play</param>public static void PlayAudioClip(AudioClip clip){if (clip == null) { return; }Assembly unityEditorAssembly = typeof(AudioImporter).Assembly;Type audioUtilClass = unityEditorAssembly.GetType("UnityEditor.AudioUtil");MethodInfo method = audioUtilClass.GetMethod("PlayClip", BindingFlags.Public | BindingFlags.Static);//MethodInfo method = audioUtilClass.GetMethod("PlayClip", BindingFlags.Static | BindingFlags.Public, null, new System.Type[] { typeof(AudioClip) }, null);method.Invoke(null, new object[] { clip, 0, false });}

原方法我我注释了。

同理，按照这个方式反射获取的方法应该都不太行，遇到了都得改一改。

Unity3D插件 Doozy UI 学习（三）：UI Element相关推荐

Unity3D ML-Agent-0.8.1 学习三（多代理学习）
Unity3D ML-Agent-0.8.1 学习三(多代理学习) 写的目的多代理设置创建目录总结写的目的本篇主要接着上一篇,介绍多代理训练,思路就是将训练的环境变成预制,然后在场景中多加几 ...
Unity3D插件 Doozy UI 学习（一）：打开一个面板
前言: Doozy UI是一款很不错的UI插件,里面有一整套UI视图层的框架,非常好用.而且他还有很多现成的炫酷动效,比起自己造轮子自然是方便了很多. 之前在买Unity Plus的时候官方送了一套, ...
Unity3D插件 Doozy UI 学习（二）：与DoozyUI的事件传递
前言为了能让DoozyUI与项目本身可以兼容,至少需要做到以下两点: 1.通过DoozyUI 触发一个自定义的事件(比如通过点击按钮来开始游戏). 2.通过其他模块的事件来触发DoozyUI(比如游 ...
swift UI 学习（一）
swift UI 学习 Swift UI 简介 SwiftUI 的特点是什么 1. 声明式语法 2. 拥有更直观的新设计工具 3. 为所有的苹果设备提供原生体验 SwiftUI 代码实例 Swift ...
UI学习笔记---EasyUI panel插件使用---03
UI学习笔记---EasyUI panel插件使用---03 UI学习笔记---EasyUI panel插件使用---03 1.panel简单小例子 ------------------- 2.可以自 ...
Element UI学习记录之布局
目录 Element UI学习记录之布局一.Layout布局二.Container布局容器 Element UI学习记录之布局一.Layout布局基本概念:一行通过分割为24栅格栏进行布局,如 ...
Unity3D的uniSWF插件动态加载SWF UI资源
uniSWF能把Flash的素材像用AS3编程类似,只不过环境要在C#或者JS中编程.要是想创建一个类似Menu菜单或者像导航一样的菜单,在Unity中首先要选择摄像机,给摄像机添加MovieClip ...
如何使用深度学习识别 UI 界面组件？
导读:智能生成代码平台 imgcook 以 Sketch.PSD.静态图片等形式的视觉稿作为输入,可以一键生成可维护的前端代码,但从设计稿中获取的都是 div.img.span 等元件,而前端大多是组 ...
Ui学习笔记---EasyUI的EasyLoader组件源码分析
Ui学习笔记---EasyUI的EasyLoader组件源码分析技术qq交流群:JavaDream:251572072 1.问题1:为什么只使用了dialog却加载了那么多的js http: ...

Unity3D插件 Doozy UI 学习（三）：UI Element

前言

正文

后记

故障排除：

Unity3D插件 Doozy UI 学习（三）：UI Element相关推荐

最新文章

热门文章