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

本篇内容

14.放置标题图像

15.添加开始按钮

16.定位按钮

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

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

14.放置标题图像

这是有关Rect Transform，Anchors和Pivot的大量信息。相信我，你会花费大量时间进行练习，因为这些概念对于在游戏中创建出色的UI至关重要。

展望未来，你将专注于创建菜单场景。本教程的其余部分将在瞬间完成！

所有这些操作耗尽了制作标题，现在是时候将其放置在应有的位置，并让它独自恢复。

在继续之前，如果禁用背景，请重新启用背景以查看“Canvas”边框。

在Hierarchy中选择“Header”，然后在Inspector中按如下所示设置其属性：

·单击“Set Native Size”以重置大小，因为你可能在旋转轴时将其弄乱了。

·将锚点设置为top-center。

·将位置X设置为0并将位置Y设置为-100。

你应该在“Scene”视图中看到以下内容：

现在，将标题图像保留下来

现在你已经了解了锚点和枢轴，回到背景图片。你是否注意到添加纵横比拟合器时，某些地板纹理现在已从屏幕上裁剪掉了？我们可以结合使用Aspect Ratio Fitter和pivot来解决此问题：

·禁用Aspect Ratio Fitter

·将Pivot设置为（X：0.5，Y：0）

·重新启用Aspect Ratio Fitter

现在，不仅背景总是适合手机的大小，地板部分也将始终保持可见！

15.添加开始按钮

现在，你的游戏背景上带有标签，现在该添加一些按钮了。

在顶部栏中，选择GameObject‣UI‣Button。这会将一个Button对象添加到场景中。你应该在 Hierarchy中看到它。如果在“ Hierarchy”中将其展开，你将看到该按钮包含“Text”子项，我们稍后将对其进行了解。

查看Inspector中的按钮，你将看到它具有用于添加背景和标题标签的相同Image组件。

此外，还有一个Button组件。换句话说，按钮只是带有子Text元素和附加的按钮脚本的图像。

注意：Text元素是可选的，因此如果你有一个按钮图像，并且在图像中直接绘制了文本，则可以将其删除。

16.定位按钮

现在，所有关于定位和调整按钮的大小。

按着这些次序：

·在“Hierarchy”视图中选择“Button”，然后将其重命名为StartButton。

·将其“Anchors”设置为“ bottom-stretch”，因为如果屏幕尺寸发生变化，你希望它水平伸展。

提示：选择锚点时，按住Alt / Cmd和Shift键也可以设置位置和枢轴。

·要进一步自定义锚点，请将X设置为（Min：0.2，Max：0.8）

·同时设置 Left和 Right 至123。

·将Pivot 设置为（X：0.5，Y：0）

·将 Height设置为80。

·将位置Y设置为300。

然后选择嵌套的Text元素，将其Text设置为Start Game。将Font Size 改为32，使按钮的文字变大

这是你应该在“Scene”视图中看到的内容：

现在你有了一个按钮，但它需要改头换面！为了让按钮看起来更漂亮，你将设置一张图片作为它的背景，然后使用更漂亮的字体

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

Unity架构师之路

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

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