本期我们继续为大家进行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 | 免费资源 | 游戏开发日记
下方我们添加微信获取教程源代码