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

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

本篇内容

7.添加标题图像

8.矩形变换,锚点,枢轴点

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

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

7.添加标题图像

在继续使用按钮和其他UI控件之前,你将添加标题图像。在本练习中,你将使用非全屏图像来演示Unity新UI系统的其他一些重要概念。

打开“Scene”视图,然后从顶部栏中选择GameObject‣UI‣Image。这将添加另一个图像作为Canvas的子级。

注意:如果在“Scene”视图中看不到图像,请将其“位置X”和“位置Y”属性设置为0以将其居中。

现在,按照以下步骤将该白色矩形变成实际图像:

·在“Hierarchy”中选择“Image”,然后将其重命名为“Header”

·在“ Project ”窗口中打开“Menu”文件夹,然后搜索header_label图像。

·将图像拖到Inspector上的“Source Image”字段。

·在Inspector中单击“Set Native Size”

现在,你将使用Rect Transform组件来定位图像。

8.矩形变换,锚点,枢轴点

如果你曾经在本公众号中学习过Unity或已经完成了其他Unity教程,则可能已对Transform组件有所了解。如果没有,那很好,变换是一种可以在场景中定位,旋转和缩放对象的工具。看起来是这样的:

在“Hierarchy ”视图中选择任何类型的非UI GameObject时,都会看到“ Transform”组件。但是,如果选择任何UI元素(例如Header),你将看到一个名为Rect Transform的不同组件。

如你所见,Transform和Rect Transform看起来有所不同。另外,Rect Transform可以根据其锚点设置更改其外观。例如,它可能如下所示:

在这里,你具有“左”,“上”,“右”和“下”,而不是“位置X”,“位置Y”,“宽度”和“高度”。

你是否想知道锚设置会极大地改变Rect Transform的外观?继续阅读!

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

Unity架构师之路

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

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

猜你喜欢

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