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

本期我们开始为大家介绍UI，这个教程分为三大部分，在第一部分中你将熟悉Unity UI，使你能够向游戏添加自定义用户界面。

值得庆幸的是，Unity Technologies听取了社区的反馈并制定了一个新系统

在这个由三部分组成的系列文章中，你将通过向名为Rocket Mouse的游戏中添加交互式UI来探索Unity新的UI系统。 

为了满足你们对UI的渴望，还将学习：

·动画按钮

·创建一个可滑入场景的设置对话框

·使用更多的GUI控件，例如文本，滑块，面板和蒙版

本篇内容

序章

1.入门

2.创建菜单场景

3.导入图像和字体

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

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

1.入门

本教程面向熟悉Unity编辑器的人员。如果这是你的参与的第一个小教程，你在学习的过程中可能会遇到困难，建议先看我们的Unity简介系列。

注意：本教程未涵盖游戏本身的创建，这里的目标是提供对Unity UI系统的介绍，并使你熟悉其组件。

你将需要一些用于背景，按钮和其他UI元素的图像，以及一些用于标签和按钮的字体。不用担心，你不必自己准备任何东西，也不必在网上搜寻合适的资产。我准备了一个特殊的程序包，其中包含你需要的一切，可以尽情使用。

要获取软件包和入门项目文件，请关注本公众号后再在后台回复“源代码”即可。

2.创建菜单场景

在Unity中打开Unity UI简介Part 1 Starter项目。

RocketMouse游戏已经设置好，并且所有资产都在其自己的文件夹中。

你将在RW文件夹中开始项目，该文件夹包含一个Scenes文件夹。现在，你将创建一个可以使用的新场景。在菜单栏中，选择 File ‣ New Scene以创建一个新的空白场景。

建议你立即保存场景，通过选择 File ‣ Save Scenes打开“Save Scenes”对话框。然后，输入MenuScene作为场景名称，并将其保存到RocketMouse场景旁边的RW / Scenes文件夹。

3.导入图像和字体

首先，你要执行的操作是将资产添加到场景中，因此请在文件资源管理器中解压缩UI Assets包。在那里，你将找到两个文件夹：Menu和Fonts.

注意：“ Menu ”文件夹包含背景图像，按钮，图标和其他游戏插图。游戏艺术由Game Art Guppy提供，你可以在其中找到许多其他用于实践游戏的游戏艺术。此外，DaFont还提供了两种字体。在Fonts文件夹中。你可以感谢Rodrigo Fuenzalida的Titan One字体和Draghia Cornel的DCC Dreamer字体。

保持整洁的文件夹结构非常好，因此在Project window中，在RW内部创建一个名为UI的新文件夹。

从文件浏览器中，将“Menu”和“Fonts”文件夹拖到“Project”窗口中的UI文件夹中：

资产进入项目后，检查其导入设置。确保将“UI / Menu”中的所有资产设置为“ Sprite（2D和UI）”纹理设置。

你已完成设置了，准备使用Unity UI系统创建第一个UI元素。

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

Unity架构师之路

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

长按关注我们添加微信获取教程源代码