【Unity3D】UGUI的anchoredPosition锚点坐标

news2025/2/12 4:35:00

本文直接以实战去理解锚点坐标,围绕着将一个UI移动到另一个UI位置的需求进行说明。

(anchoredPosition)UI锚点坐标,它是UI物体的中心点坐标,以UI物体锚点为中心的坐标系得来,UI锚点坐标受锚点(Anchors Min、Max)和 中心点Pivot影响。

针对锚点坐标详细说明

可直接查看RectTransform组件的Pos X和Pos Y得知锚点情况,但是只有这9种锚点分布才允许直接查看。

 其他7种锚点布局情况则是

剩下3个锚点布局情况对锚点的影响一样,都是以父物体的中心点为锚点计算锚点坐标。

上面3个都是和下面这个锚点布局一样,都是能直接拿到PosX PosY是(-133,62)的

实战例子

Debug.Log("btn2.anchoredPosition:" + btn2.anchoredPosition);
Debug.Log("hand.anchoredPosition:" + hand.anchoredPosition);
//不能正常移动,除非2个物体都在相同的父节点以及锚点相同
hand.anchoredPosition = btn2.anchoredPosition;

 需求是将hand物体移动到btn2物体上,如上图实战会失败。

原因:锚点不相同(虽然父物体一样)
解决:保证锚点相同、父物体相同

//1.保证父节点相同
hand.parent = btn2.parent;
//2.保证锚点相同
hand.anchorMin = btn2.anchorMin;
hand.anchorMax = btn2.anchorMax;
//能正常移动
hand.anchoredPosition = btn2.anchoredPosition;

缺点:当存在父物体是一个布局组件时(或父物体需操控子物体位置时),hand的位置会被控制无法正常设置到btn2位置。

当我们继续使用【保证锚点相同、父物体相同】来移动hand物体时,会因为布局组件而改变了hand物体位置。

解决思路1:给hand物体加LayoutElement组件忽略布局组件的影响。

解决思路2:不进行hand物体转到btn1物体的父物体下,hand物体始终在Canvas根节点下,然后去获取btn1物体在Canvas根节点下的锚点坐标(反过来理解就是逻辑上将btn1物体放到了Canvas根节点然后取锚点坐标,并且锚点坐标是相对Canvas坐标系中心点的坐标)

//1.关键点btn1.position已经正确赋值后才进行如下
//比如 btn1在布局组件之下,需要先进行一次强制刷新来保证btn1位置正常
//LayoutRebuilder.ForceRebuildLayoutImmediate(layoutRectTransform);

//2.保证hand物体的锚点布局是以父物体中心点为坐标系(因为下面转锚点的空间是以父物体中心点的)
hand.anchorMin = new Vector2(0.5f, 0.5f);
hand.anchorMax = new Vector2(0.5f, 0.5f);

//3.将btn1世界坐标转屏幕坐标
Vector2 screenPos = RectTransformUtility.WorldToScreenPoint(Camera.main, btn1.position);

//4.屏幕坐标转相对于localRect(即Canvas)中心点的锚点坐标
Vector2 localPos = Vector2.zero;
RectTransform handParentRectTransform = hand.parent.GetComponent<RectTransform>();
RectTransformUtility.ScreenPointToLocalPointInRectangle(handParentRectTransform, screenPos, Camera.main, out localPos);

hand.anchoredPosition = localPos;

这步操作很关键:LayoutRebuilder.ForceRebuildLayoutImmediate(layoutRectTransform);
需要将所有父节点的布局组件强制刷新一遍来保证UI的世界坐标正常

public void ForceRebuildLayoutImmediate(Transform transform)
{
    LayoutGroup[] layoutGroups = transform.GetComponentsInParent<LayoutGroup>();
    if (layoutGroups != null && layoutGroups.Length > 0)
    {
        foreach (var v in layoutGroups)
        {
            LayoutRebuilder.ForceRebuildLayoutImmediate(v.GetComponent<RectTransform>());
        }
    }
}

其次就是RectTransformUtility.ScreenPointToLocalPointInRectangle是将屏幕坐标转到以第一个参数RectTransform为中心的锚点坐标,实战则是获取到btn1的屏幕坐标后将其转到以hand物体的父物体(Canvas) 为中心的锚点坐标,然后我们就能直接用该坐标赋值给hand物体,实现将hand物体移动到btn1物体位置效果。

题外:

世界坐标,能实现需求将hand移动到btn1的位置,但如果要加偏移量之类的世界坐标不直观理解

//此前还需保证布局组件相关的刷新,与锚点坐标情况是一样的

hand.position = btn1.position;

注意事项

为什么UGUI获取布局组件下的UI坐标(无论是锚点坐标还是世界坐标等等)都可能出现非常大的误差,甚至说是完全不正确。
因为布局组件有延迟性, 你必须使用LayoutRebuilder.ForceRebuildLayoutImmediate(layoutRectTransform); 在获取坐标之前进行强制刷新布局组件,保证布局组件下的UI坐标是正常的。

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.coloradmin.cn/o/2296642.html

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!

相关文章

C++多态性之包含多态(一)—学习记录

一、C的包含多态 面向对象程序设计的四大特点为抽象、封装、继承和多态&#xff0c;其中&#xff0c;多态性可以提高代码的可拓展性和可维护性。 多态是指同样的消息被不同类型的对象接收时导致不同的行为。所谓消息是指对类的成员函数的调用&#xff0c;不同的行为是指不同的实…

KERL文献阅读分享:知识图谱与预训练语言模型赋能会话推荐系统

标题期刊年份Knowledge Graphs and Pre-trained Language Models enhanced Representation Learning for Conversational Recommender SystemsJournal of LaTeX Class Files2021 &#x1f4c8;研究背景 在数字时代&#xff0c;个性化推荐系统已经成为了我们生活的一部分。从电…

从零开始:使用Jenkins实现高效自动化部署

在这篇文章中我们将深入探讨如何通过Jenkins构建高效的自动化部署流水线&#xff0c;帮助团队实现从代码提交到生产环境部署的全流程自动化。无论你是Jenkins新手还是有一定经验的开发者&#xff0c;这篇文章都会为你提供实用的技巧和最佳实践&#xff0c;助你在项目部署中走得…

hive的几种复杂数据类型

Hive的几种复杂数据类型 Hive 提供了几种复杂数据类型&#xff0c;能够支持更灵活和多样的数据存储。这些复杂数据类型对于处理嵌套数据或不规则数据特别有用。主要包括以下几种&#xff1a; 文章目录 Hive的几种复杂数据类型1. 数组&#xff08;ARRAY&#xff09;2. 结构体&a…

序列化/反序列化与TCP通信协议

深入理解序列化/反序列化与TCP通信协议 一、序列化与反序列化 1.1 基本概念 序列化&#xff08;Serialization&#xff09;: 将数据结构或对象状态转换为可存储/传输格式的过程反序列化&#xff08;Deserialization&#xff09;: 将序列化后的数据恢复为原始数据结构的过程 …

Ollama 本地部署 体验 deepseek

下载安装ollama,选择模型 进行部署 # 管理员命令行 执行 ollama run deepseek-r1:70b浏览器访问http://ip:11434/ 返回 Ollama is runninghttp://ip:11434/v1/models 返回当前部署的模型数据 下载安装CherryStudio&#xff0c;本地对话UI 客户端 在设置中 修改API地址&#x…

Linux探秘坊-------4.进度条小程序

1.缓冲区 #include <stdio.h> int main() {printf("hello bite!");sleep(2);return 0; }执行此代码后&#xff0c;会 先停顿两秒&#xff0c;再打印出hello bite&#xff0c;但是明明打印在sleep前面&#xff0c;为什么会后打印呢&#xff1f; 因为&#xff…

postgreSQL16.6源码安装

1.获取源码 从PostgreSQL: File Browser获取tar.bz2或者tar.gz源码 2.解压 tar xf postgresql-version.tar.bz2 roothwz-VMware-Virtual-Platform:/usr/local# tar xf postgresql-16.6.tar.bz2 roothwz-VMware-Virtual-Platform:/usr/local# ll 总计 24324 drwxr-xr-x 12 ro…

树莓派上 基于Opencv 实现人脸检测与人脸识别

一&#xff0c;需求 基于树莓派4b&#xff0c;usb1080p摄像头&#xff0c;实现人脸检测与人脸识别。尝试了海陵科的模组和百度的sdk。海陵科的模组无法录入人脸&#xff0c;浪费了100多块钱。百度的sdk 在树莓派上也无法录入人脸&#xff0c;官方解决不了。最后只能用opencv自…

mac下dify+deepseek部署,实现私人知识库

目前deepseek 十分火爆&#xff0c;本地部署实现私有知识库&#xff0c;帮助自己日常工作&#xff0c;上一篇使用工具cherry studio可以做到私人知识库。今天学习了一下&#xff0c;使用Dify链接deepseek&#xff0c;实现私人知识库&#xff0c;也非常不错&#xff0c;这里分享…

CSS 实现下拉菜单效果实例解析

1. 引言 在 Web 开发过程中&#xff0c;下拉菜单是一种常见且十分实用的交互组件。很多前端教程都提供过简单的下拉菜单示例&#xff0c;本文将以一个简洁的实例为出发点&#xff0c;从 HTML 结构、CSS 样式以及整体交互逻辑三个层面进行详细解析&#xff0c;帮助大家理解纯 C…

x64、aarch64、arm与RISC-V64:详解四种处理器架构

x64、aarch64、arm与RISC-V64:详解四种处理器架构 x64架构aarch64架构ARM架构RISC-V64架构总结与展望在计算机科学领域,处理器架构是构建计算机系统的基石,它决定了计算机如何执行指令、管理内存和处理数据。x64、aarch64、arm与RISC-V64是当前主流的四种处理器架构,它们在…

Java使用aspose实现pdf转word

Java使用aspose实现pdf转word 一、下载aspose-pdf-21.6.jar包【下载地址】&#xff0c;存放目录结构如图&#xff1b;配置pom.xml。 <!--pdf to word--> <dependency><groupId>com.aspose</groupId><artifactId>aspose-pdf</artifactId>…

国产编辑器EverEdit - 迷你查找

1 迷你查找 1.1 应用场景 某些场景下&#xff0c;用户不希望调出复杂的查找对话框&#xff0c;此时可以使用迷你查找窗口。 1.2 使用方法 选择主菜单查找 -> 迷你查找&#xff0c;或使用快捷键Ctrl Alt F&#xff0c;会在右上角弹出迷你查找窗口&#xff0c;如下图所示…

嵌入式音视频开发(一)ffmpeg框架及内核解析

系列文章目录 嵌入式音视频开发&#xff08;零&#xff09;移植ffmpeg及推流测试 嵌入式音视频开发&#xff08;一&#xff09;ffmpeg框架及内核解析 文章目录 系列文章目录前言一、ffmpeg的内核1.1 框架解析1.2 内核解析1.3 FFmpeg内部数据流1.3.1 典型的解码流程1.3.2 典型的…

javaEE-11.javaScript入门

目录 一.什么是javaScript 二.快速实现 三.JS引入方式 1.行内引入: 2.内部引入: 3.外部引入: 四.基础语法 1.变量 变量命名规则: 2.数据类型 3.运算符 五.JS对象 1.数组 创建数组: 2.操作数组 3.函数 函数注意事项: 函数参数: 4.对象 1.使用字面量 创建对象:…

畅游Diffusion数字人(16):由音乐驱动跳舞视频生成

畅游Diffusion数字人(0):专栏文章导航 前言:从Pose到跳舞视频生成的工作非常多,但是还没有直接从音乐驱动生成的工作。最近字节跳动提出了MuseDance,无需复杂的动作引导输入(如姿势或深度序列),从而使不同专业水平的用户都能轻松进行灵活且富有创意的视频生成。 目录 贡…

DeepSeek 助力 Vue 开发:打造丝滑的步骤条

前言&#xff1a;哈喽&#xff0c;大家好&#xff0c;今天给大家分享一篇文章&#xff01;并提供具体代码帮助大家深入理解&#xff0c;彻底掌握&#xff01;创作不易&#xff0c;如果能帮助到大家或者给大家一些灵感和启发&#xff0c;欢迎收藏关注哦 &#x1f495; 目录 Deep…

领略算法真谛:差分

嘿&#xff0c;各位技术潮人&#xff01;好久不见甚是想念。生活就像一场奇妙冒险&#xff0c;而编程就是那把超酷的万能钥匙。此刻&#xff0c;阳光洒在键盘上&#xff0c;灵感在指尖跳跃&#xff0c;让我们抛开一切束缚&#xff0c;给平淡日子加点料&#xff0c;注入满满的pa…

【图片转换PDF】多个文件夹里图片逐个批量转换成多个pdf软件,子文件夹单独合并转换,子文件夹单独批量转换,基于Py的解决方案

建筑设计公司在项目执行过程中&#xff0c;会产生大量的设计图纸、效果图、实景照片等图片资料。这些资料按照项目名称、阶段、专业等维度存放在多个文件夹和子文件夹中。 操作需求&#xff1a;为了方便内部管理和向客户交付完整的设计方案&#xff0c;公司需要将每个项目文件…