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

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

本篇内容

9. Anchors

10.定制锚点

11.拆分锚

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

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

9.Anchors

设置锚点是一种控制UI元素相对于其父元素的位置和大小的简单,方便且功能强大的方,当你需要调整父级的大小时,这尤其方便。

设置Anchors时,可以在父级中指定多个位置,通常在父级UI元素Rect的每个角上指定一个。发生这种情况时,你的UI元素将尝试与锚点保持一致的距离,迫使其与其父级一起移动或调整大小。

要查看不同的“ Anchors Presets”,请在“Hierarchy”中选择“ Header”,然后单击“rectangle ”变换组件中“Anchors ”字段上方的矩形。

单击后,你将看到各种“Anchors Presets”。这些是锚的最常见设置,但是你可以自定义它们。你还可以为UI元素选择不同的水平和垂直行为。

一旦使用它,这一切将变得更加有意义。如果你查看下一个禁用了背景图像的图像,你将能够更好地看到Canvas大小的变化。

如你所见,锚点设置控制UI元素如何适应屏幕尺寸更改。

代表锚点的四个三角形手柄像一朵花。这是锚定设置为顶部居中预设的外观:

在开始尝试其他设置之前,请通读下一节。它可以帮助你更好地了解锚点,并且可以从实验中获得更多收益。

10.定制锚点

你可以手动将锚点移动到自定义位置。预设只是为了你的方便。

注意:你可能会发现自己处于翻译Gizmo覆盖锚图标的情况,从而无法选择锚。

这是另一个Unity UI工具派上用场的地方。如果你熟悉Unity,那么你会知道键盘快捷键Q,W,E和R分别切换了Hand,Move,Rotate和Scale工具。使用新的UI系统,在快捷方式T下添加了RectTool。选择了RectTool后,Gizmo更改为2D scale/move box ,其功能与任何图形编辑软件所期望的一样。

现在,你可以抓住锚并将其移动。

调整画布大小时,看图像如何向右移动?它仅相对于Canvas的右边缘移动一点,因为这些锚点设置为Canvas宽度的25%。

11.拆分锚点

你可以拆分锚点,让他其水平、垂直或同时拉伸UI元素。

注意:拖动Canvas的边缘时,实际上并没有调整其大小。实际上,你无法以这种方式调整Canvas的大小。

当你尝试调整其大小时,请在光标旁边寻找“Preview”一词。使用此技术进行实验,看看你的UI元素如何适应不同的屏幕尺寸。

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

Unity架构师之路

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

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

猜你喜欢

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