UGUI源码解析（二十六）TweenRunner & ColorTween & FloatTween

最新推荐文章于 2024-08-31 09:09:28 发布
原创 最新推荐文章于 2024-08-31 09:09:28 发布 · 731 阅读 · 5 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#TweenRunner #ColorTween #FloatTween

本文深入探讨了Unity中TweenRunner<T>、ColorTween和FloatTween的实现原理，解释了如何通过这些组件实现颜色和透明度的平滑过渡。TweenRunner<T>作为ITweenValue接口的实现，负责动画的执行；ColorTween和FloatTween则分别针对颜色和浮点数实现了TweenValue方法，计算出每一帧的具体变化。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

1、TweenRunner<T>

继承自ITweenValue接口，在Graphic和DropDown里被调用到，分别用于实现颜色和透明度渐变效果。

Init方法

传入MonoBehaviour类型参数，作为m_CoroutineContainer。

StartTween方法

使用m_CoroutineContainer启动协程，执行Start方法

Start方法

如果忽略TimeScale，获得上一帧的完成时间Time.deltaTime除以tweenInfo.duration（动画的持续时间），获得一个百分比，调用tweenInfo.TweenValue方法。

 

2、ColorTween

继承自ITweenValue接口，实现了TweenValue方法

TweenValue方法

根据输入的百分比，计算出色彩或alpha，并发送事件，将新的Color值传给监听方法。

 

3、FloatTween

继承自ITweenValue接口，实现了TweenValue方法

TweenValue方法

根据输入的百分比，计算出一个插值，并发送事件，将新的value值传给监听方法。

 

（十五） TweenRunner
qq_37833413的博客
05-24 394
1.前言 在研究UGUI源码时会有一些好的想法产生或者借鉴，在这里面最大的一点就是Tween。曾经补间动画一致采用DoTween，但是对与简单使用或者少量使用时引入整个插件又不值得，所以都是自己写一个。曾将看到Tween.js实现后一直想自己实现一个轻量级的，一致没有行动，但是unity的CoroutineTween.cs提供了一个比较好的实现。 2.源码 using System.Collections; using UnityEngine.Events; namespace UnityEngine.U
UGUI源码解析（十）ScrollRect
qq826364410的专栏
03-04 3075
ScrollRect ScrollRect继承自UIBehaviour，另外还继承了IInitializePotentialDragHandler, IBeginDragHandler, IEndDragHandler, IDragHandler, IScrollHandler, ICanvasElement, ILayoutElement, ILayoutGroup这些接口。 OnEnabl...
UGUI Tween
12-13
利用DOTween插件，借鉴NGUI插件例子，实现UGUI 的一些互动。仅供大家参照学习，感谢大家的下载，希望大家能够在这基础上优化一下
ugui-Tween-Tool
茶向
12-16 1166
https://github.com/WestHillApps/ugui-Tween-Tool/tree/master/uGUI/Assets/uGUI/Scripts/Tween
探秘UGUI Tween Tool：Unity UI动画制作的得力助手
gitblog_00378的博客
08-30 853
探秘UGUI Tween Tool：Unity UI动画制作的得力助手 在游戏开发领域，Unity引擎以其强大的功能和灵活性广受欢迎。而随着Unity 4.6的到来，全新的UI系统更是为开发者们打开了设计交互界面的新篇章。今天，我们要向大家隆重介绍一款针对Unity 4.6及以上版本设计的UI工具——UGUI Tween Tool，它将带你走进一个更为流畅、生动的UI动画世界。 项目介绍 UGUI...
NGUI-动画Tween
weixin_43730892的博客
11-18 2384
NGUI动画——Tween Unity-UGUI Tween 一、属性表 属性 效果 From 开始状态 To 结束状态 Play Style 播放方式 Animation Curve 运动曲线（插值曲线）调整From 到 To的变化 Duration 播放一次动画的时间 Start Delay 是否延迟 Tween Group 可以控制在同一个GameObject的多个Tween 具体触发那个Tween Ignore TimeScale 忽略时间精度 Tw
Unity UGUI 源码解析1
08-03
二、UGUI Graphic Graphic系统是UGUI中的绘图模块，负责UI元素的渲染。每个可见的UI元素都是一个Graphic组件，如Image、Text或RawImage。Graphic组件继承自CanvasRenderer，它提供了基本的绘制功能，如颜色、Alpha值...
UGUI源码.zip_Ugui_ugui源码_ugui源码下载_unity_unity ugui源码
09-20
UGUI源码的分析对于深入理解其工作原理、优化性能以及自定义扩展功能具有重要意义。 在Unity UGUI系统中，主要由以下几个关键组件构成： 1. **Canvas**：这是UI系统的容器，用于管理所有的UI元素。Canvas可以设置...
UGUI源码-2020.10.07.zip
03-10
这份&quot;UGUI源码-2020.10.07.zip&quot;文件包含了2020年10月7日这一时间点UGUI系统的源代码，对于深入理解UGUI的工作原理、优化性能或进行自定义扩展有着极高的价值。 首先，让我们深入了解UGUI的核心概念。UGUI采用了一种...
unity-UGUI源码分享
08-23
RectTransform是UGUI特有的 RectTransform 组件，用于处理UI元素的二维布局和转换。 在Canvas下，UI Element是构成界面的基本单位，它们可以通过脚本控制，响应用户交互。Event System是UGUI事件传递的关键，它包含...
UGUI轮播功能（基于DoTween）
05-22
UGUI轮播功能 目前只支持左右一位位移，没有自己去写缓动，用的DoTween 暂定1.0版本吧，后面会继续优化 其实就是列表存储，后面根据目标位置信息，去做位移和缩放等行为
DoTween 控制UGUI tween动画
热门推荐
IT你我
06-22 2万+
NGUI有自带的tween动画，但是UGUI却没有，如果需要UGUI实现tween动画效果，需要使用插件DoTween. DoTween使用之前，需要添加引用 using DG.Tweening; 使用方式： 首先获取对象的RectTransform实例rectTransform 基本的移动：rectTransform.DOMove (new Vector2(100,100),1f);
UGUI—事件，iTween插件
m0_63330263的博客
08-09 824
目录 UGUI事件 事件注册： ·通过编辑器绑定方法 ·AddListener ·实现接口 ·自定义框架 iTween动画库 自动布局组控件 Grid Layout Group Horizontal Layout Group Vertical Layout Group
（二十六）unity4.6学习Ugui中文文档-------UGUI的开源Tween工具轻量而强大
游戏路上的小学生
04-21 3844
很多Unity开发者对ＮＧＵＩ很了解，而且发展的真的很完善，从以前的SendMassage 升级到更高效的 事件系统，包括很好的Tween相关，还有很多周边工具。    　　但是随着Unity4.6、5.0的推出，unity更原生专业高效的UGUI问世， 虽然从完善上没有ＮＧＵＩ完善，但是必将是以后的发展方向。　而且现在NGUI在U5中无法运行。ＵＧＵＩ还没有自带Ｔｗｅｅｎ相关，官方的案例都是使用
Unity数字孪生开发笔记——UGUI控件篇
Lcl_huolitianji的博客
12-14 8834
Unity数字孪生开发笔记——GUI控件篇一、常见GUI控件二级目录三级目录 一、常见GUI控件 二级目录 三级目录
UGUI内核大探究（十七）拾遗补缺
凯奥斯的注释
09-19 2370
IndexedSet是UGUI的内部类（internal class），是一个不会存在相同对象的表，如果有需要的话可以直接复制一份到工程里。 ObjectPool是一个对象池，用于回收被释放的对象以达到节省内存的作用。 ListPool是ObjectPool的一个特殊应用，在UGUI里经常被用到，用于回收被释放的List。 CoroutineTween是一个命名空间（namespace UnityEngine.UI.CoroutineTween），其中有ITweenValue
uGUI Tween Tool 使用教程
最新发布
gitblog_00797的博客
08-31 321
uGUI Tween Tool 使用教程 1. 项目的目录结构及介绍 ugui-Tween-Tool/ ├── uGUI/ │ ├── Assets/ │ │ ├── uGUI/ │ │ │ ├── Scripts/ │ │ │ │ ├── Tween/ │ │ │ │ │ ├── TweenAlpha.cs │ │ │ │ ...
Unity Tween 项目使用教程
gitblog_00879的博客
08-27 1202
Unity Tween 项目使用教程 1. 项目的目录结构及介绍 Unity Tween 项目的目录结构如下： unity-tweens/ ├── Assets/ │ ├── Scripts/ │ │ ├── Tween.cs │ │ ├── TweenManager.cs │ │ └── ... │ └── ... ├── README.md ├── LICENS...
Flutter开发之——动画—Tween
我的博客
04-29 1898
一 概述 Tween动画，又叫补间动画 Tween有两个关键帧，begin起始帧，end结束帧，补间动画在begin和end之间插入补帧完成动画效果 常见的Tween动画有：ColorTween、SizeTween、RectTween、IntTween、StepTween、ConstantTween、CurveTween 二 Tween 2.1 说明 Tween是将值变化的过程进行了封装(封装了begin起始值和end结束值) 将之前通过setState刷新获取到的值转换为动画的值来完成显示 2.
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值