引擎入门 | Unity UI简介–第3部分（3）

本期我们继续为大家进行Unity UI简介（第三部分）的后续教程

本篇内容

7.使面板上下滑动

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

本篇本篇Unity UI简介（第三部分）篇幅较长，分为八篇，本篇为第三篇。

7.使面板上下滑动

为了使面板上下滑动，你将使用你已经在按钮和设置对话框中使用过的相同技术。

这将是很简单的，只需按照以下步骤操作即可。

·在 " Hierarchy "中选择 "Pnl_Content"，打开 "Animation"视图

·点击 " Create "按钮，创建一个新的素材

·将动画命名为sliding_menu_down，并保存在Animations文件夹中

·点击时间轴上的1:00标记，这也应该可以在动画视图中进行录制。按红色圆圈按钮打开，然后看回放控件是否变成红色。

·在 " Inspector "中把 " Top "设置为192，然后停止录制。

·在Project窗口中打开Animations文件夹，选择sliding_menu_down，在 Inspector中取消勾选Loop Time.

·在Hierarchy中选择Pnl_Content，打开Animator视图。复制并粘贴sliding_menu_down状态，创建一个副本。

·在Inspector中，将副本重命名为sliding_menu_up，并将其速度设置为-1。

·创建两个过渡：从sliding_menu_up到sliding_menu_down和从sliding_menu_down到sliding_menu_up。

·添加一个名为isHidden的新Bool参数，并将其默认值设置为true

·选择从sliding_menu_up到sliding_menu_down的过渡，在条件列表中设置isHidden为true

·选择从sliding_menu_down过渡到sliding_menu_up，这次设置Condition为isHidden等于false

·接下来，在Animator中右击，选择Create State，然后选择Empty.

·在 " Inspector"中，将状态命名为 "idle"，接下来，右键单击该状态，选择Set as Layer Default State，在空闲状态和滑动菜单之间创建一个过渡，设置条件为isHidden等于false.

·在 " Hierarchy"中选择Pnl_Content，打开动画视图，创建一个新的动画片段，并将其称为 idle.

·在第一个关键帧中，将Top设置为192。然后停止录音。

就这样，16个简单的步骤! 选择 "Save Scenes"来保存你目前的工作，可惜的是，当你运行游戏时，什么都没有发生。

本期的教程就到这里结束了，我们下期会继续Unity UI简介（第三部分）的后续教程

Unity架构师之路

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

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