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

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

本篇内容

21.增加设置按钮

22.添加场景构建

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

本篇Unity UI简介(第一部分)篇幅较长,分为十篇,本篇为第九篇。

21.增加设置按钮

还有几件事要做,首先,添加设置按钮。

你也许能自己自己实现这个,所以你只需要得到开始按钮的大小和位置。其余的部分与你创建开始游戏按钮的方式几乎相同。

注意:最简单的方法是复制按钮并调整一些属性,但这次尝试从头开始创建按钮。

这些设置按钮的属性是不同的。

·名称:SettingsButton

·矩形变换:左右是400,高度是70,位置Y是180。

·文本:Settings

·字体大小:24

如果你不能完全做到这一点,就按照以下步骤来做。

·从顶部栏选择GameObject ► UI ► Button。这将在场景中创建一个Button对象。

·在Hierarchy视图中选择Button,并将其重命名为SettingsButton。

·将Button Anchors设置为 bottom-stretch。然后将X更新为(Min:0.2, Max:0.8)

·将Pivot设置为(X:0.5,Y:0)

·将 Rect Transform 中的Left 和Right都设置为173。

·设置Height为70,Pos Y为180。

·在Button组件中设置Transition为Sprite Swap。

·确保在Image组件中设置Image Type为Sliced。

·在项目浏览器中打开Menu文件夹,将btn_9slice_normal拖到Source Image中。

·然后拖动btn_9slice_highlighted到Highlighted Sprite。

·最后,拖动btn_9slice_pressed到Pressed Sprite。

·双击Image组件里面的Color,检查A是否设置为255,以去除任何透明度。

·选择嵌套的 "Text"标签。

·将 "Text"改为 "Settings"。

·将Font Size设置为24。

·将 Color改为White

·在 "Project"窗口中打开 "Fonts"文件夹,并将 "TitanOne-Regular "字体拖入 " Inspector"视图中的 "Font"字段。

这是添加设置按钮后,你应该在场景视图中看到的。

现在保存你的场景,然后开始游戏。

这一部分的最后任务是点击开始游戏按钮,在游戏中自己运行第二个场景。

22.添加场景构建

在运行不同的场景之前,你需要将它们添加到 "Project Settings"中的 "Build"列表中的场景。

要做到这一点,在菜单上选择 File ‣ Build Settings,这将打开 "Build Settings"对话框。然后在项目浏览器中打开 "Scenes "文件夹。首先,拖动MenuScene,然后拖动RocketMouse场景到Build列表中的场景。

最后,关闭构建设置对话框。

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

Unity架构师之路

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

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

猜你喜欢

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