文章目录

前言

一、目标

二、使用

1.编辑面板

2.脚本中使用

最后

前言

对于 Unity 中 UI 的动画来说，我们可以使用多种方式去制作，可以使用 Unity 的 Animation 实现，可是单纯手写，不过只有就可复用性就不高了。简单的动画我们使用 Animation 可以快速实现，但是其灵活性就差很多。所以一个好的工具是有必要的，UIAnimeTool 就是这样的理想助手。

一、目标

UI 的动画简单来说就是对于画面中各个元素的变化，可以是位移、缩放、旋转、透明度 等的变化。而这些在 UIAnimeTool 中可以直观表现出来。

二、使用

1.编辑面板

Target RectTrans：动画的目标对象，所有的变换都是针对该目标对象实现的

Enable Animation：是否启用动画效果。如果不启用，则没有动画过渡，直接完成变换

Mask

Enable Mask：是否启用背景 mask 遮罩

Mask CanvasGroup：背景遮罩的目标对象。mask遮罩是使用 CanvasGroup来实现

Enable Mask BlocksRaycasts：对背景遮罩是否启用拦截点击，启用后，则无法点击背景后的其他UI元素

动画变换的属性：Position、Rotation、Scale、Alpha、Mask

Position：位置变换参数选项卡

Rotation：旋转变换参数选项卡

Scale：缩放变换参数选项卡

Alpha：透明度变换参数选项卡

Alpha：背景遮罩变换参数选项卡

各个动画属性均有的参数：Normal、Duration

Normal.from：动画变换开始的值，对应Position动画来说就是，从什么位置开始进入

Normal.stay：动画需要变换的值，对应Position动画来说就是，动画停留在什么位置

Normal.to：动画变换结束的值，对应Position动画来说就是，离开去什么位置

Duration：所有变换的通用动画执行时长

Reset：重置from、stay、to的参数值为默认值

每个动画属性都可以单独开启或关闭，动画的时长也可以独自自定义使用。

Enable Anime：是否启用各自的动画。

From：对应 Normal.from到Normal.stay的动画变换参数

Use Curse：使用自定义的动画曲线，如果不使用，则会使用预定义的动画曲线

Use Local Duration：使用局部动画时长，当启用时，会忽略掉动画的通用时长Duration。

To：对应 Normal.stay到Normal.to的动画变换参数

Use Backward：直接使用From 的参数值来执行To的动画

Use Curse：同 From 的 Use Curse

Use Local Duration：同 From 的 Use Local Duration

2.脚本中使用

UIAnimeTool.cs

/// <summary>
/// 动画显示进入执行，from -> stay
/// </summary>
public void Show(){}/// <summary>
/// 动画隐藏退出执行，stay -> to
/// </summary>
public void Hide(){}public bool isUseAnime = false;//是否使用动画public RectTransform targetRectTrans{get;set}// 设置动画目标public Action OnShowBefore;//动画 显示 前 可以执行的操作
public Action OnShowAfter;//动画 显示 后 可以执行的操作public Action OnHideBefore;//动画 隐藏 前 可以执行的操作
public Action OnHideAfter;//动画 隐藏 后 可以执行的操作

具体使用可参考 demo 示例。

最后

以上就是对 UIAnimeTool 的简单介绍，如果觉得不错，欢迎 star ❤~

Unity UI 动画工具相关推荐

用AE做Unity UI动画
功能需求: 模拟电影里面酷炫吊的各种动态全息界面,如图: 参考教程:(需翻墙) https://www.youtube.com/watch?v=KTBOahrXTBE 电影里面都是后期合成的这些高科技 ...
Unity UI动画通过布尔变量来转换状态机的模板
通过布尔变量来转换状态机的模板适用状态机的基本模式: 使用方法: 脚本代码适用状态机的基本模式: 例如点一下弹出托盘,再点一下托盘收回的事件状态机说明:其中ButtomPanel为收回状态,bo ...
【Unity 工具，简单学习】DoTween，脚本控制动画工具
DOTween:脚本控制动画工具简单介绍安装简单使用 eg.1 简单移动,跳动 eg2. 缓动 Easing(动画插值) eg3. 循环 Looping eg4. 变换颜色,变换大小 eg5. ...
Unity Animator入门：使用Animator和trigger参数做简单的UI动画
Unity中使用Animator和trigger参数做简单的UI动画概述原理 Toast组件构成添加Animator组件创建default状态动画录制hide和show动画设置loopTi ...
Unity序列帧动画——Sprite图片集制作UI动画
分享一个十分简单的在Unity中制作UI序列帧动画的方法.只需要将动画中要显示的图片导入Unity,将所有图片的TextureType设置成Sprite格式,然后全选所有图片,拖到场景中,提示要创建动 ...
unity导出fbx模型_Unity批量合并Animation工具/根据已有的Animation文件批量生成带FBX动画工具...
由于本人现有项目的项目素材大部分都需要继续沿用旧项目的模型与动画,但在接受旧模型动画的时候发现,模型动画由于外包已经丢失了3dmax的源文件,只剩下了一堆AnimationCilp(.anim)文件与 ...
Spine 动画工具
一.文件结构 Spine 导出的资源文件: .atlas:图集数据文件,内部存储了每张纹理的数据信息 .png:图集资源 .skel / .json 二进制文件:骨骼信息图集可以用纹理解包器解包,需 ...
Unity序列帧动画疑难解答
**Unity序列帧动画疑难解答熟悉界面: 界面熟悉很重要,千万不要发生与别人沟通时你说菜单他去找工具栏的情况. **菜单栏:**基础创建设置工具等功能入口 **工具栏:**软件内的基本操作工具,基 ...
Unity Mecanim动画系统之 IK（Inverse Kinematics即反向动力学）的相关说明和简单使用
Unity Mecanim动画系统之 IK(Inverse Kinematics即反向动力学)的相关说明和简单使用目录 Unity Mecanim动画系统之 IK(Inverse Kinemat ...

Unity UI 动画工具

前言

一、目标

二、使用

1.编辑面板

2.脚本中使用

最后

Unity UI 动画工具相关推荐

最新文章

热门文章

Unity UI 动画 工具

前言

一、目标

二、使用

1.编辑面板

2.脚本中使用

最后

Unity UI 动画 工具相关推荐

最新文章

热门文章

Unity UI 动画工具

Unity UI 动画工具相关推荐