引擎入门 | Unity UI简介–第2部分(2)

本期我们继续为大家进行Unity UI简介(第二部分)的后续教程

本篇内容

3.动画按钮滑入

文章末尾可免费获取教程源代码

本篇本篇Unity UI简介(第二部分)篇幅较长,分为八篇,本篇为第二篇。

3.动画按钮滑入

做得很好!你有一个按钮可以滑出屏幕。你有一个从屏幕上滑出的按钮,现在你需要一个反向动画。现在你需要一个反向动画。

你将在两种情况下使用它:

·当场景加载时 你想让按钮滑动到某个位置而不是简单地出现在屏幕上

·当你关闭设置对话框时,按钮应该返回到它们的初始位置

首先,禁用动画循环(animation looping),因为按钮应该向上或向下移动,然后停止,而不是来回移动。

要禁用循环,请在项目窗口中打开 RW ▸ Animations,并选择StartButtonSlideOut动画。在 " Inspector"中,取消选中 "Loop Time"

然后,在Hierarchy中选择StartButton,选择Window ▸ Animation ▸ Animator打开Animator视图。右击StartButtonSlideOut状态并选择copy

然后右击Animator视图内任意空闲空间,选择paste,这样就会复制StartButtonSlideOut状态。

现在,选择这个重复的状态,应该是像(StartButtonSlideOut 0)这样的状态,并在Inspector中重命名为StartButtonSlideIn。另外,将Speed设置为-1

然后,在Animator视图里面,右击StartButtonSlideIn,选择设置为Set as Layer Default State,因为你想让按钮通过滑入屏幕开始它的生命周期,而不是相反。

接下来,你需要一个参数来控制按钮的状态。在Animator窗口的左侧栏中,单击 " Parameters "选项卡。接下来,单击 "+"按钮,并添加一个新的名为isHidden的Bool参数。

最后,在状态之间添加两个过渡。要做到这一点,右键单击StartButtonSlideOut状态,选择Make Transition。点击StartButtonSlideIn进行过渡。

之后,通过右键单击StartButtonSlideIn,选择Make Transition并单击StartButtonSlideOut来创建一个反向过渡。这就是你最后应该得到的东西。

你已经很接近了,但你仍然需要根据发生的转换为isHidden分配一个值。

选择从StartButtonSlideOut到StartButtonSlideIn的过渡。在 "Inspector"中,单击条件面板中的 "+",将isHidden设置为false

然后选择相反方向的过渡,从StartButtonSlideIn到StartButtonSlideOut,并设置其Condition为isHidden等于true

选择File ▸ Save以保存你迄今为止的工作并运行场景。你应该会看到你的按钮滑入。然后手动更改isHidden使按钮滑回。

本期的教程就到这里结束了,我们下期会继续Unity UI简介(第二部分)的后续教程

Unity架构师之路

Unity教程 | 墙外的Unity | 免费资源 | 游戏开发日记

添加下方微信获取教程源代码

猜你喜欢

转载自blog.csdn.net/Richard_shen/article/details/128098798
今日推荐