DoTween关于文本动画的使用方法

标签: Unity3D DoTween
33人阅读 评论(0) 收藏 举报
分类:

一、创建一个场景,搭建好对应的UI界面,放置一个按钮,一个Text文本
二、编写关于文本动画的脚本
/***
*	Title:"SimpleUIFrame" UI框架项目
*		主题:文本的动画测试
*	Description:
*		功能:XXX
*	Date:2017
*	Version:0.1版本
*	Author:Coffee
*	Modify Recoder:
*/

using System.Collections;
using System.Collections.Generic;
using UnityEngine;
using DG.Tweening;
using UnityEngine.UI;


namespace SimpleUIFrame
{
	public class Move_Text : MonoBehaviour
	{
        //需要测试的动画文本
        public Transform MyText;
        //文本组件
        private Text _Text;
        //文本内容
        private string _TextContent;

        //物体移动或返回指定位置的标识
        private bool IsMove = false;

        //文本内容改变时间
        public float TextContentChangeTime = 0.5F;

        //自定义颜色
        Color32 newColor1;
        Color32 newColor2;

        void Start()
        {

            newColor1 = new Color32(38, 184, 152, 255);
            newColor2 = new Color32(38, 60, 152, 100);

            _Text = MyText.gameObject.GetComponent<Text>();
            _Text.text = "文本动画的测试";
            _TextContent = _Text.text;
            //将控制物体从当前位置移动到指定位置
            Tweener tweener = MyText.DOLocalMoveX(0, 1.5F);
            //设置动画曲线
            tweener.SetEase(Ease.InOutBack);
            //设置动画结束事件
            tweener.OnComplete(GoForward);
            //设置动画的返回起点事件
            tweener.OnRewind(GoBack);
            //设置动画的自动销毁为False
            tweener.SetAutoKill(false);
            //设置动画暂停
            tweener.Pause();
        }

        public void Move()
        {

            if (IsMove == false)
            {
                MyText.DOPlayForward();
                _Text.DOText("文本移动到指定位置过程中文本内容改变", TextContentChangeTime);
                _Text.DOColor(Color.red,2);
                IsMove = true;
            }
            else
            {
                MyText.DOPlayBackwards();
                _Text.DOText("文本返回到起始位置过程中文本内容还原", TextContentChangeTime);
                _Text.DOColor(Color.black, 2);
                IsMove = false;
            }
           
        }

        private void GoForward()
        {
            _Text.DOText("动画结束,开始文本内容测试", TextContentChangeTime);
            _Text.DOColor(newColor1, 2);
        }

        private void GoBack()
        {
            _Text.DOText("文本的原始内容为:"+_TextContent, TextContentChangeTime);
            _Text.DOColor(newColor2, 2);
            //隐藏该文本(0表示隐藏,1表示显示)
            _Text.DOFade(0, 3);
        }


    }//class_end
}


三、将脚本挂载给脚本管理器(新创建一个空物体改名为_ScriptMgr)上,然后给该脚本指定对应的文本,给按钮指定Move()方法

四、运行场景,然后点击按钮即文本移动到指定位置同时现文本内容改变,文本移动到指定位置后文本内容也改变,在点击一下按钮文本返回起始位置同时文本内容改变,回到起始位置后文本内容还原。
查看评论

细讲DOTween

1.DOTween插件是常配合Unity的UGUI图形系统使用的第三方插件,不仅可以实现UI的运动,也可以用于实现物体的补间动画; 2.插件封装了大量的API提供开发者进行调用,只需要简单的传递参数就可以实现不同的动画表现. 3.在动画的生命周期,这也就是动画开始播放到结束这个过程,我们总需要加入一些特殊的交互.利用DOTween就可以很好的控制动画的整个生命过程.
  • 2018年01月23日 20:09

UGUI 实现文本打字效果

孙广东 2015.6.17熟悉NGUI的人可定知道了。但是NGUI弄的有些繁琐, 感兴趣的人可以将NGUI的TypewriterEffect类转成 UGUI特定的,因为有些以来的其他脚本,不爱弄。我这...
  • u010019717
  • u010019717
  • 2015-06-19 08:53:01
  • 7570

DoTween全解析(入门篇)

DoTween全解析(一) 概述: DoTween,Itween,这些名字作为一个Unity开发人员听起来并不陌生,它们在动画方面表现出了令人折服的能力,今天我带着大家来一起认识一下这款插件。...
  • penchaoo
  • penchaoo
  • 2016-12-19 18:39:44
  • 13822

Unity 动画插件 DOTween 的简单使用

找来找去,居然找不到一个比较适合的 DOTween例子,就自己写一点来熟悉熟悉。首先当然得导入 dotween 的插件包。先说一下,dotween 的动画效果对于2D 和 3D 都是适用的。 场景中...
  • u014230923
  • u014230923
  • 2016-05-21 14:23:06
  • 14861

[Unity插件]DOTween基础

官方文档链接:http://dotween.demigiant.com/documentation.php#globalSettings DOTween真的比iTween好很多: 1.编写方面更...
  • lyh916
  • lyh916
  • 2015-05-21 10:14:56
  • 39348

如何实现 对输入框的文本内容进行限制的功能

如何实现 对输入框的文本内容进行限制的功能
  • tangaowen
  • tangaowen
  • 2011-05-22 10:54:00
  • 27967

项目记录17--DoTween回顾记录基础使用

周末,看这不想多写代码。就把之前的东西复习下。为了以后公司加入的新人能快点进行开发,把DoTween基础用法做了个小代码。 using UnityEngine; using System.Coll...
  • u010665359
  • u010665359
  • 2016-01-17 16:09:23
  • 1191

DoTween的使用与详解

转载请注明出处
  • xiaoguomumu
  • xiaoguomumu
  • 2017-07-17 15:14:16
  • 9378

DoTween的基本用法

DoTween的基本用法 1 Change Variate - - - - 改变变量 2 Transform - - - - 位置信息 3 Taskbar - - - - 前进-回退 4 Fr...
  • ChinarCSDN
  • ChinarCSDN
  • 2018-01-02 18:52:32
  • 194

DoTween关于文本动画的使用方法

一、创建一个场景,搭建好对应的UI界面,放置一个按钮,一个Text文本二、编写关于文本动画的脚本/*** * Title:&quot;SimpleUIFrame&quot; UI框架项目 * 主题:...
  • xiaochenXIHUA
  • xiaochenXIHUA
  • 2018-04-16 10:40:23
  • 33
    个人资料
    等级:
    访问量: 383
    积分: 154
    排名: 110万+
    文章分类
    文章存档