日落20181125001 - UGUI组件应用之Animation和CanvasGroup制作渐现渐隐效果

环境

系统：Windows 10
引擎：Unity 2017.2.1f1

目的

使用Animation和Canvas Group制作渐隐渐现的效果。

（1）首先把场景布局如此

（2）创建Animator Controller和Animation

（3）然后场景中的空对象root设置如下，加入Animator和Canvas Group。另外，为了之后的渐现动画，先把Alpha值设置为0。

（4）在Animator窗口加入刚创建Animation对象anim。

（5）先在Animation窗口选定Animation对象。然后再选场景对象root，可以激活Add Property按钮。激活后点击，弹出该场景对象及子对象的所有属性。因为要做渐隐渐现效果，所以选择Alpha属性。

（6）在Animation窗口，通过标尺移动选择时间轴定点，也可以直接填写时间点，然后点选添加帧的按钮。然后可以修改该帧该属性的值。而渐变效果只需要调整开始和结束，这里设置三个点是为了显示成先渐现再渐隐的效果。

（7）注意，标尺移动要在有时间值的一栏操作，才真正有效。

（8）若发现警告：Asset ‘ac’: Transition ‘AnyState -> anim’ in state ‘AnyState’ doesn’t have an Exit Time or any condition, transition will be ignored

（9）可以通过勾选Has Exit Time来解决。

（10）实测效果。

以上简单回顾。

参考资料：
谢谢K姐的旅游照

日落20181125001 - UGUI组件应用之Animation和CanvasGroup制作渐现渐隐效果相关推荐

Unity3d中UGUI组件精简复盘（十八）Aspect Ratio Fitter组件
上一节,我们简单概括了Unity3D编辑器中三大 Layout Group组件的简要介绍.具体详情链接为:Unity3d中UGUI组件精简复盘(十七)LayoutElement 话不多说,我们直接进入 ...
Unity3d中UGUI组件精简复盘（十九）ContentSizeFitter组件
上一节,我们简单概括了Unity3D编辑器中 Aspect Ratio Fitte组件的简要介绍.具体详情链接为:Unity3d中UGUI组件精简复盘(十八)Aspect Ratio Fitter 话 ...
Unity3d中UGUI组件精简复盘（十七）LayoutElement组件
上一节,我们简单概括了Unity3D编辑器中三大 Layout Group组件的简要介绍.具体详情链接为:Unity3d中UGUI组件精简复盘(十六)三大 Layout Group组件话不多说,我们 ...
Unity UGUI 之实现按钮 Button 长按和双击的功能效果
Unity UGUI 之实现按钮 Button 长按和双击的功能效果目录 Unity UGUI 之实现按钮 Button 长按和双击的功能效果一.简单介绍二.实现原理三.注意事项四.效果 ...
多图弹出最后变成心形html,【Flutter组件】仿抖音双击点赞弹出爱心效果（可连点）...
效果简介仿抖音点赞手势,单击暂停,双击点赞,可连续点击添加多个爱心,特点如下全部效果为代码绘制(爱心图标来自Material Icon的图标) 套上在目标Widget外即可使用提供单击与点赞的 ...
利用Animation控件制作帧动画过程详解
利用Animation控件制作帧动画过程详解前言通过Animation控件来达到序列图的播放(素材和示例视频在文章末尾) 一.序列图 (此素材为已经分割好的序列图) 如若序列图在一张图片上,请参考 ...
UGUI组件之Canvas 组件简单笔记
Canvas 组件介绍 Canvas 组件的用途是用于 UGUI 系统内的 UI 游戏物体的渲染. 如果没有该组件,所有的 UGUI 游戏物体都将无法显示. 而 Canvas 组件本身又分为三种渲染模 ...
UGUI组件之快速消息提示(飘字)
文章目录[点击展开](?)[+] 效果预览 quickmsg 使用情景几乎每一个游戏都会有这种飘字提示,实现起来并不复杂, 我把它做了一个组件. 开箱即可使用,无需二次开发,如果效果不满意,开放源码 ...
UGUI组件之ScrollRect 组件简单笔记(Scroll View)
======================================================== 1.ScrollRect 介绍 Scroll View 添加ScrollRect组件用 ...

日落20181125001 - UGUI组件应用之Animation和CanvasGroup制作渐现渐隐效果

环境

目的

日落20181125001 - UGUI组件应用之Animation和CanvasGroup制作渐现渐隐效果相关推荐

最新文章

热门文章