Unity UGUI技巧 之 Button按键动画的快速复用

 时间:2024-10-14 01:43:57

Unity UGUI技巧 之 Button按键动画的快速复用。本文介绍UGU诔罨租磊I开发中如何复用一个Button的动画到另一个按钮上的简单案例,具体如下

工具/原料

Unity

UGUI

一、知识要点

1、Transition.Animation:1)功能简述Use an animation transition.

二、UGUI技巧 之 Button按键动画的快速复用

1、打开Unity,新建一个工程,具体如下图

Unity UGUI技巧 之 Button按键动画的快速复用

2、在场景中,新建一个“Button”,调整大小及布局,具体如下图

Unity UGUI技巧 之 Button按键动画的快速复用

3、选中“Button”,把“Button”的“Transition”设置为“Animation”,具体如下图

Unity UGUI技巧 之 Button按键动画的快速复用

4、点击下面的“Auto Generate Animation”,命名保存即可在工程中看到新建的动画控制器,具体如下图

Unity UGUI技巧 之 Button按键动画的快速复用
Unity UGUI技巧 之 Button按键动画的快速复用
Unity UGUI技巧 之 Button按键动画的快速复用

5、在“Window”下打开“Animation”,编辑刚才的生成的动画为了演示仅修改“Highlighted”动画,作鼠标进入图标变大的修改,具体如下图

Unity UGUI技巧 之 Button按键动画的快速复用
Unity UGUI技巧 之 Button按键动画的快速复用

6、回到场景,运行场景,把鼠标放入按钮图标上,按钮图标变大,具体如下图

Unity UGUI技巧 之 Button按键动画的快速复用

7、在场景中,再新建一个“Button2”,调整大小与布局,具体如下图

Unity UGUI技巧 之 Button按键动画的快速复用

8、给“Button2”添加一个“Animator”,并凸鹣沮北把工程中的“Button”赋给“Button2”的“Animator”,然后把“Button2”的“Transition”改为“Animation”,具体如下图

Unity UGUI技巧 之 Button按键动画的快速复用
Unity UGUI技巧 之 Button按键动画的快速复用

9、运行场景,可以看到,把鼠标放到任意一个按钮上,图标都会变大,这样就实现了按钮动画的复用,具体如下图

Unity UGUI技巧 之 Button按键动画的快速复用

10、到此,《Unity UGUI技巧 之 Button按键动画的快速复用》讲解结束,谢谢

  • 如何使用3Dmax软件光度学web选项
  • CAD三维建模——葫芦瓶制作教程
  • 2014西塘旅游攻略(超详细)
  • 斗兽战棋怎么搭配卡牌阵容?
  • iPhone/iPad版《村庄日记》收获食物和矿石
  • 热门搜索
    诚信手抄报版面设计图 关于数学知识的手抄报 小学生健康手抄报 放飞梦想手抄报素材 手抄报装饰简单又漂亮 防火手抄报图片 足球手抄报 正月十五元宵节手抄报 平安手抄报 阳光心理手抄报