UGUI UI元素的position和localPosition

已于 2025-04-08 18:19:38 修改
阅读量280 收藏
点赞数 1
分类专栏： # RectTransform 文章标签： unity
于 2025-02-12 01:46:17 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/qq_22626987/article/details/145582914
版权

Transform有position和localPosition属性，这两个分别代表在世界空间的绝对位置和相对于父级物体的相对位置，RectTransform也一样，对于下图中的红色Image，Canvas的分辨率为1125x2436

1. 锚点聚拢且和轴点都在中心点

在这里插入图片描述
在这里插入图片描述

打印其position和localPosition属性
在这里插入图片描述
输出
在这里插入图片描述
分析其原因
因为在当前Canvas为overlay模式的情况下，position就是屏幕坐标，所以坐标系原点在Canvas左下角
而对于localPosition，是相对于父亲的坐标，当前这张Image的父亲是Canvas，而Canvas的中心点和Image重合，所以是（0,0,0）

2. 锚点聚拢在中心，轴点不在

在这里插入图片描述

在这里插入图片描述
输出
在这里插入图片描述

从这里可以看出，X，Y都减去了50，即Image的宽度的一半，说明 这两个坐标的最终计算看的是元素Pivot所在的位置

3. 锚点分开，轴点在中心

在这里插入图片描述
在这里插入图片描述

输出
在这里插入图片描述
和锚点聚拢时的情况一样

4. 锚点分开，轴点不在中心

在这里插入图片描述
在这里插入图片描述

输出
在这里插入图片描述

发现此时的输出和锚点聚拢时不一样，原因在于当在锚点切换面板将锚点从聚拢在中心切换到四角分散时，Image的宽度被改变成了101，即1125 - 512(Left) - 512(Right)=101，打印此时的rect.width也可以发现
在这里插入图片描述
在这里插入图片描述
说明此时Image被自动拉伸了
将Left和Right改回正确的值
在这里插入图片描述
输出
在这里插入图片描述
依旧保持一致

5. 父物体是其他UI元素的情况下

在这里插入图片描述
在这里插入图片描述
此时白色的是父物体，且其Pivot在左下角
在这里插入图片描述
在这里插入图片描述
子物体的Pivot依旧在中心
切换到Debug模式下查看
在这里插入图片描述
发现子物体的localposition是（250, 250），刚好是父物体的宽 + 子物体宽的一半，即200 + 50
将父物体的Pivot移动到中心
在这里插入图片描述
在这里插入图片描述
发现此时子物体的localposition变成了（150, 150），说明此时子物体的localposition是以父物体的Pivot为原点的

5. 总结

综上所述，在Canvas为Overlay模式（在其他模式下也一样）下，position是以屏幕左下角为原点，到元素Pivot的向量
在这里插入图片描述

localposition是以父物体的中心为原点，（如果父物体是另外一个UI元素，那么中心就是父物体的Pivot）到元素Pivot的向量
在这里插入图片描述

Unity position和localposition
weixin_30727835的博客
01-11 1334
1. position是根据世界原点为中心 2. localPosition是根据父节点为中心,如果没有父节点,localpositon和position是没有区别的 3.选中一个物体左上角Global和Local切换看物体世界坐标轴和本地坐标轴 代码: using UnityEngine; using System.Collections; public class TestP...
Unity中的UI系统之UGUI
K_CRACKING的博客
04-22 6887
UGUI是什么UGUI是Unity引擎内自带的UI系统官方称之为:Unity UI是目前Unity商业游戏开发中使用最广泛的UI系统开发解决方案它是基于Unity游戏对象的UI系统,只能用来做游戏UI功能不能用于开发Unity编辑器中内置的用户界面如何在Unity中使用UGUI直接在Hierarchy窗口中右键选择UIUI中所有内容都是UGUI相关控件六大基础组件1、Canvas对象上依附的:①Canvas:画布组件,主要用于渲染UI控件②。
Unity position和localposition的关系
m0_38060976的博客
02-11 634
Unity position和localposition的关系
unity ugui 坐标位置总结
悟石的博客
11-16 1万+
Ugui中的transform下有两个位置一个是position，一个是localposition   可以简单理解position是世界坐标（位于空间下的某个位置） Localposition是相对位置是相对与父节点的偏移位置 这些和模型是一个道理   白色图片对应Image 红色图片对应Image3   两张图片的宽高都是100，两个图片的x距离是100个单位（只用x距离
unity position、localPosition、anchoredPosition
jyy_99的博客
02-10 6023
因为工作内容的变动，好长时间没有做unity的项目了，很多基础都忘记了，趁现在学习清楚了，记录一下 position：是物体在场景的具体位置信息。 localPosition：是本物体相对于父物体位置的偏移信息，localPosition为自身矩形中心点(Pivot)与其父节点矩形中心点(Pivot)的相对位置坐标，与自身锚点(Anchors)无关。 anchoredPosition：此值与本物体的矩形中心(Pivot)的和本物体的锚点中心点(Anchors)有关，anchoredPosition为矩
＜Unity＞局部坐标(localPosition) && 世界坐标(Position)
m0_37763682的博客
08-30 9728
局部坐标 && 世界坐标 的区别
Unity的UGUI在SetParent后修改UI的localposition问题
avatar110110的博客
09-01 1152
正常情况下，UGUI设置UI的localposition可以直接赋值 UIxxx.rectTransform.localPosition = new Vector3(lineLenght[0] / 2f, 0, 0); 运行后在Unity的Inspector面板可以得到正确的()。但如果 UIxxx.rectTransform.SetParent(GameObx]); ...
UGUI/拖拽UI对象限制在画布(Canvas)内部
04-19
5. **Update UI位置**：更新后的UI位置应反映在RectTransform的anchoredPosition或localPosition属性上，取决于你选择的坐标系统。 "DragMe.cs"脚本示例代码可能如下： ```csharp using UnityEngine; using ...
UGUI-- 屏幕坐标转UI相对坐标
Go_Accepted的博客
05-03 1308
1、RectTransformUtility类 RectTransformUtility公共类是一个RectTransform的辅助类，主要用于进行一些坐标的转换等等操作，其中对于我们目前来说，最重要的函数是：将屏幕空间上的点转换成UI本地坐标下的点 2、将屏幕坐标转换为UI本地坐标系下的点 方法：RectTransformUtility.ScreenPointToLocalPointInRectangle 参数一：相对父对象 参数二：屏幕点 参数三：摄像机 参数四：最终得到的点 ...
基于UGUI和xLua的一个简单的UI框架
OneWord233的博客
06-20 969
基于UGUI和xLua的一个简单的UI框架
Unity UGUI 效果 之 鼠标拖拽UI实现放大缩小，实时调整UI大小（上）
ForKnowledgeMe的博客
08-02 2341
项目中想自定义编辑一个图片进行编辑展示，涉及到需要放大缩小的功能，看了一些资料很多都是拖拽的时候整体的放大缩小，所以自己在方法思路上进行改进功能。本节使用 UGUI 通过代码实现鼠标点击拖拽UI实现动态调整图片大小的功能，方法不唯一，欢迎指正。通过以上这些设置已经能够对图片的拖拽方向和拖拽缩放功能有了一个基本的设置，下面我们对拖拽时的整体变化做一些限制，使之能够在单个方向上进行拖动。
UGUI组件localPosition、 anchoredPosition、 anchoredPosition3D
weixin_42935398的博客
08-30 2020
Debug.Log("localPosition——" + transform.localPosition); Debug.Log("anchoredPosition——" + transform.GetComponent<RectTransform>().anchoredPosition); Debug.Log("anchoredPosition3D——" + transform.GetComponent<RectTransform>().anchoredPosition3D.
unity3 学习localPosition, Position区别，itween插件，计算距离
moonlightpeng的博客
02-07 1619
1，localPosition, Position如果没有子物体则它的localPosition, Position值一样，有子物体则Position是父物体的坐标，localPosition是自己的局部坐标。即可以简单理解为Position是它的世界坐标，localPosition是局部坐标。this.Transform.localPosition/Position2, unity itween...
unity中position和localposition的区别
Ving_x的博客
11-17 3608
localPosition是指相对于父物体位置的偏移值 worldPosition是在整个场景中的真实位置 在没有父物体时，localPostion就是worldPositon
从具体游戏KitchenChaos的开发中理解Unity物体transform组件的position属性和localPosition属性的区别
最新发布
qq_64875189的博客
03-06 866
position表示游戏对象在世界坐标系中的位置。世界坐标系是整个游戏场景的全局坐标系，所有游戏对象的位置最终都可以通过世界坐标系来描述。无论游戏对象的父对象如何移动、旋转或缩放，position始终反映的是该对象相对于世界原点的绝对位置。表示游戏对象在其父对象坐标系中的位置。父对象坐标系是以父对象的位置、旋转和缩放为基础建立的局部坐标系。如果一个游戏对象没有父对象，那么它的就等同于position，因为此时它的父对象坐标系就是世界坐标系。position。
unity transform的position和localPosition属性的区别
热门推荐
u013720726的博客
06-03 3万+
position是世界坐标中的位置，可以理解为绝对坐标 　　localPosition是相对于父对象的位置，是相对坐标，我们在transform栏看到的是相对坐标 　　如果对象是一级对象，position和localPosition是相同的
unity知识点 专项一 localPosition与anchoredPosition(3D)的区别
m0_61164038的博客
04-27 3275
1、RectTransform继承自Transform，用于描述矩形的坐标(Position)，尺寸(Size)，锚点(anchor)和中心点(pivot)等信息，每个2D布局下的元素都会自动生成该组件。2、当我们在处理UI组件时，往往容易混淆localPosition与anchoredPosition(3D)的概念和用法，以下对上述两个概念做一些解析和说明。注：只在2D布局下进行说明，即只体现x轴与y轴的坐标，z轴坐标忽略。
Unity学习之localPosition
qq_34123138的博客
06-22 994
Unity学习之localPosition
Unity——Transform类
第7维度 - 日常笔记
09-10 4457
transform.position 基础知识： Transform作为Unity中游戏对象最为重要的组件，“位置”作为Transfrom组件的一个属性，具有同等重要的地位。 Transform组件下有两个“位置”属性： position:指的是游戏对象中心点在世界空间的位置（世界空间就是Unity最大的空间，可以创建一个无任何父节点的空对象，其position,rotation分量都是0...
unity使用Dotween插件在UGUI中将一个UI图片缓慢移动到另外一张UI图片上怎么做
10-12
3. 获取目标元素：找到你想移动的两个UI图片，例如，假设它们分别是`startImage`和`endImage`。 ```csharp RectTransform startRect = startImage.GetComponent(); RectTransform endRect = endImage.GetComponent...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值