unity UGUI系统梳理 - 基本布局
创始人
2024-05-28 23:25:21
0

偷懒了,部分节选unity API
API

1、矩形工具

为了便于布局,每个 UI 元素都表示为矩形。可使用工具栏中的__矩形工具 (Rect Tool)__ 在 Scene 视图中操纵此矩形。矩形工具既可用于 Unity 的 2D 功能,也可用于 UI,实际上甚至还可用于 3D 对象。
在这里插入图片描述

使用矩形工具可对 UI 元素进行移动、大小调整和旋转。选择 UI 元素后,可通过单击矩形内的任意位置并拖动来对元素进行移动。通过单击边或角并拖动,可调整元素大小。若要旋转元素,可在稍微远离角点的位置悬停光标,直到鼠标光标看起来像旋转符号。然后,可单击并向任一方向拖动来进行旋转。

与其他工具一样,矩形工具使用工具栏中设置的当前轴心模式和空间。矩形工具使用工具栏默认设置
在这里插入图片描述

使用 UI 时,通常最好将这些设置保持为 Pivot 和 Local。
在这里插入图片描述

2、RectTransform矩形变换组件

矩形变换是一种用于所有 UI 元素的新型变换组件,而不是常规的变换组件。
在这里插入图片描述

  • Left、Right、Top、Bottom:UI元素每一条边距离锚点矩形每一条边的距离,正值是比锚点矩形小,负值是比锚点矩形大

  • PosX,PosY,PosZ:当前物体轴心点相对于锚点矩形几何中心的位置
    在这里插入图片描述
    PosX、PosY、PosZ代表的是Anchored Position,而不是Local Position
    *Local Position:当前物体轴心点相对于父物体轴心点的位置

  • Width和Height:UI元素的大小,永远不会变

2.1 Anchor

unity中的ui元素是有严格的父子关系的,子物体的位置是根据父物体的变化而变化的,而子物体和父物体联系的桥梁就是Anchor。在RectTransform面板中可以调整锚点的值

  • 绝对布局:
    当Archors的Min和Max相等时,Archors呈现为一个点,称为锚点情况
    在这里插入图片描述

在这里插入图片描述

  • 相对布局:
    当Archors的Min和Max不相等时,Archors呈现为一个框,称为锚框情况
    在这里插入图片描述
    在这里插入图片描述

2.2 Pivot

轴心点,可以理解为物体的原点

它是一个比例值,(0,0)在左下角,(1,1)在右上角 (0.5,0.5)是初始值正中间
在这里插入图片描述
轴心点的位置影响UI元素的旋转和缩放
在这里插入图片描述

2、矩形变换应用

这个API上写的很好
矩形变换API链接
锚点的设置可以使用引擎自己给你搞得常用选项,也可以像上面那样自己改锚点
在这里插入图片描述

相关内容

热门资讯

喜欢穿一身黑的男生性格(喜欢穿... 今天百科达人给各位分享喜欢穿一身黑的男生性格的知识,其中也会对喜欢穿一身黑衣服的男人人好相处吗进行解...
发春是什么意思(思春和发春是什... 本篇文章极速百科给大家谈谈发春是什么意思,以及思春和发春是什么意思对应的知识点,希望对各位有所帮助,...
网络用语zl是什么意思(zl是... 今天给各位分享网络用语zl是什么意思的知识,其中也会对zl是啥意思是什么网络用语进行解释,如果能碰巧...
为什么酷狗音乐自己唱的歌不能下... 本篇文章极速百科小编给大家谈谈为什么酷狗音乐自己唱的歌不能下载到本地?,以及为什么酷狗下载的歌曲不是...
华为下载未安装的文件去哪找(华... 今天百科达人给各位分享华为下载未安装的文件去哪找的知识,其中也会对华为下载未安装的文件去哪找到进行解...
怎么往应用助手里添加应用(应用... 今天百科达人给各位分享怎么往应用助手里添加应用的知识,其中也会对应用助手怎么添加微信进行解释,如果能...
家里可以做假山养金鱼吗(假山能... 今天百科达人给各位分享家里可以做假山养金鱼吗的知识,其中也会对假山能放鱼缸里吗进行解释,如果能碰巧解...
四分五裂是什么生肖什么动物(四... 本篇文章极速百科小编给大家谈谈四分五裂是什么生肖什么动物,以及四分五裂打一生肖是什么对应的知识点,希...
一帆风顺二龙腾飞三阳开泰祝福语... 本篇文章极速百科给大家谈谈一帆风顺二龙腾飞三阳开泰祝福语,以及一帆风顺二龙腾飞三阳开泰祝福语结婚对应...
美团联名卡审核成功待激活(美团... 今天百科达人给各位分享美团联名卡审核成功待激活的知识,其中也会对美团联名卡审核未通过进行解释,如果能...