Unity3D之利用新动画状态机设计的UI框架

原创 2017年08月13日 21:47:58

笔者介绍:姜雪伟,IT公司技术合伙人,IT高级讲师,CSDN社区专家,特邀编辑,畅销书作者,已出版书籍:《手把手教你架构3D游戏引擎》电子工业出版社和《Unity3D实战核心技术详解》电子工业出版社等。

CSDN视频网址:http://edu.csdn.net/lecturer/144

利用Unity3D引擎开发游戏,经常会使用各种架构设计,网上关于这方面的架构设计也很多,比如MVC,FSM等,架构设计没有好坏之分,使用方便就可以。这里给读者介绍一种新的设计方式,在这里给读者介绍一种利用新动画状态机对UI进行的架构设计,UI之间的切换是通过新动画状态机实现的,新动画状态机的实现效果如图所示:


对应的实现代码如下所示:

public abstract class BaseView : MonoBehaviour
    {

        public virtual void OnEnter(BaseContext context)
        {

        }

        public virtual void OnExit(BaseContext context)
        {

        }

        public virtual void OnPause(BaseContext context)
        {

        }

        public virtual void OnResume(BaseContext context)
        {

        }

        public void DestroySelf()
        {
            Destroy(gameObject);
        }
	}
    这个是作为基类使用的,具体实现类是在它们的子类中实现的,代码如下所示:

  public abstract class AnimateView : BaseView 
    {
        [SerializeField]
        protected Animator _animator;

        public override void OnEnter(BaseContext context)
        {
            _animator.SetTrigger("OnEnter");
        }

        public override void OnExit(BaseContext context)
        {
            _animator.SetTrigger("OnExit");
        }

        public override void OnPause(BaseContext context)
        {
            _animator.SetTrigger("OnPause");
        }

        public override void OnResume(BaseContext context)
        {
            _animator.SetTrigger("OnResume");
        }

	}
在参数中使用了BaseContext类,该类是承接上下文的,具体的UI类动作设计如下所示:

public class OptionMenuView : AnimateView
    {

        public override void OnEnter(BaseContext context)
        {
            base.OnEnter(context);
        }

        public override void OnExit(BaseContext context)
        {
            base.OnExit(context);
        }

        public override void OnPause(BaseContext context)
        {
            base.OnPause(context);
        }

        public override void OnResume(BaseContext context)
        {
            base.OnResume(context);
        }

		public void BackCallBack()
        {
            Singleton<ContextManager>.Instance.Pop();
        }

        public void NextCallBack()
        {
            Singleton<ContextManager>.Instance.Push(new NextMenuContext());
        }
    }
在此调用了两个接口,BackCallBack函数和NextCallBack函数,目的是将显示的类放到堆栈中便于统一管理,函数实现如下所示:

   public class ContextManager
    {
        private Stack<BaseContext> _contextStack = new Stack<BaseContext>();

        private ContextManager()
        {
            Push(new MainMenuContext());
        }

        public void Push(BaseContext nextContext)
        {

            if (_contextStack.Count != 0)
            {
                BaseContext curContext = _contextStack.Peek();
                BaseView curView = Singleton<UIManager>.Instance.GetSingleUI(curContext.ViewType).GetComponent<BaseView>();
                curView.OnPause(curContext);
            }

            _contextStack.Push(nextContext);
            BaseView nextView = Singleton<UIManager>.Instance.GetSingleUI(nextContext.ViewType).GetComponent<BaseView>();
            nextView.OnEnter(nextContext);
        }

        public void Pop()
        {
            if (_contextStack.Count != 0)
            {
                BaseContext curContext = _contextStack.Peek();
                _contextStack.Pop();

                BaseView curView = Singleton<UIManager>.Instance.GetSingleUI(curContext.ViewType).GetComponent<BaseView>();
                curView.OnExit(curContext);
            }

            if (_contextStack.Count != 0)
            {
                BaseContext lastContext = _contextStack.Peek();
                BaseView curView = Singleton<UIManager>.Instance.GetSingleUI(lastContext.ViewType).GetComponent<BaseView>();
                curView.OnResume(lastContext);
            }
        }

        public BaseContext PeekOrNull()
        {
            if (_contextStack.Count != 0)
            {
                return _contextStack.Peek();
            }
            return null;
        }
    }
将该脚本挂接到对象上的效果如下所示:



在这里只是给读者提供一种思路,代码下载地址:链接:http://pan.baidu.com/s/1pLLoUKF 密码:xxy0



版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/jxw167/article/details/77149777

如何添加UI动画效果

项目中有功能需要在代码中动态创建UGUI对象,但是在网上搜索了很久都没有找到类似的教程,最后终于在官方文档中找到了方法,趁着记忆犹新,写下动态创建UGUI的方法,供需要的朋友参考 一、新建一...
  • qq_26270779
  • qq_26270779
  • 2017年04月20日 17:39
  • 3565

【Unity3d】UGUI 之 Animator, Animation 动画系统学习笔记

这几天体验了一把UGUI,用起来感觉棒棒哒。直接进入正题吧,如果要写一个全面的教程,估计还是要花点精 力,如果要写好,就更不容易。那么,我还是以给自己做笔记为目的来写这篇文章吧,还是比较适合我这...
  • sunnywei_yiyi
  • sunnywei_yiyi
  • 2016年08月17日 13:56
  • 7115

UGUI之Selectable功能详解(UI动画制作与实现)

Selectable这个东西是什么呢?先来看看他的属性:   之后看看他在哪里会出现?既然看到了有是否允许交互的属性大致可断定他是在有交互的UI部件上的吧。。。没错,例如我们的Button还有...
  • juan_bo
  • juan_bo
  • 2016年08月24日 09:02
  • 2201

unity3D游戏开发十八之NGUI动画

我们先来看下帧动画,顾名思义,就是一帧帧的图片组成的
  • kuloveyouwei
  • kuloveyouwei
  • 2014年04月23日 16:52
  • 18249

Unity UI系统–动画整合

Animation Integration UI元素中每一个transition属性的Animation选项,可以使用Unity的animation系统创建状态切换,这是一个非常酷的功能, ...
  • azurecell
  • azurecell
  • 2015年01月10日 21:33
  • 1535

关于UGUI实现UI动画

问题描述: 我们在做游戏的时候,如果背包能动态的滑出,会有更好的体验。 实现物体的隐藏和显示,方法一可以用SetActice(true/false)的方式;方法二可以在物体需要隐藏的时候,放在可视范围...
  • linyujie0927
  • linyujie0927
  • 2017年09月04日 18:49
  • 1339

Unity中实现UI序列帧动画

以前做动画都是使用Animation来制作的。但是当遇到美术给到序列帧动画的时候应该如何直接把序列帧动画放到UI上来实现呢?一定会有人说,直接转换Sprite然后把所有的序列帧选中拖到Hierarch...
  • m0_37679113
  • m0_37679113
  • 2017年05月31日 11:04
  • 1644

unity3d_ugui_uitweening,缓动动画包

  • 2015年11月12日 10:23
  • 8KB
  • 下载

Unity3d之Animation(动画系统)

1,动画系统配置 创建游戏对象并添加Animation组件,然后将动画文件拖入组件。 2,代码控制动画 Play("ation 1" );,播放动画,传入参数为动画名字 Stop("ation 1")...
  • dingkun520wy
  • dingkun520wy
  • 2016年04月30日 18:15
  • 31193

如何中断Unity动画状态机的转换过程?

本文将由Unity工程师Catherine Proulx,为大家深入讲解状态机的转换和中断相关的细节。 最近处理了一个用户报告的很棘手的Bug,这个Bug涉及到空状态、覆盖层和转换中断的组合。当进一...
  • su9257
  • su9257
  • 2016年12月15日 22:41
  • 1917
收藏助手
不良信息举报
您举报文章:Unity3D之利用新动画状态机设计的UI框架
举报原因:
原因补充:

(最多只允许输入30个字)