UGUI坐标与世界坐标的转换

2023-10-21 18:10

本文主要是介绍UGUI坐标与世界坐标的转换,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

UGUI坐标的转换网上网友说的很多,有正确的也有误导的,这里我通过实验来总结了一下正确的转换方式(假设你充分了解RectTransform坐标系和本地坐标、世界坐标的关系):

一、将UGUI坐标转化为世界坐标,比如说我想把一个3D模型A放在我的一个按钮B上面,B是在一个Canvas下的层层子节点(不一定是在Canvas的根目录哦)

         转换之前先明确几个问题:

          1、 B的层级无论多复杂都是无关的,B的transform.position就是世界坐标

           2、模型A与B所属的主相机决定两者的坐标系

           转换方法:

           第一种情况:B所在的Canvas的主相机就是模型A所在场景的主相机,那问题简单了,直接设置模型A的坐标为B的世界坐标即可

        

     A.transform.position = B.transform.position

          第二种情况:B和A的相机不一致,这里需要进坐标系间的转化,他们共同的坐标系->屏幕坐标系是一致的,所以他们两者中间需要从屏幕坐标系下过渡,这里还有一个特殊情况:如果B的canvas模式是Overlay(实际上这种情况不多,因为canvas都是Overlay了,你还折腾3D模型到UI上干嘛...)B的世界坐标系就是屏幕坐标系,这种情况就更简单了,暂且不提,我们还是假设canvas的模式为camera,转化如下:

        

Vector3 worldPoint
RectTransformUtility.ScreenPointToWorldPointInRectangle(canvas.transform as RectTransform,canvas.worldCamera.WorldToScreenPoint(cube.transform.position),mainCamera,out worldpoint)
        

        二、将世界坐标系转化成UGUI坐标,比如说我想将按钮B放在一个模型A上面,我要将A的世界坐标转化为B所在的Canvas坐标下

        转化之前先明确几个问题:

         1、B的层级关系,如果B就是Canvas根目录下,问题比较简单,但是如果它层级复杂并且它父系节点中的轴心点是自定义的(锚点无所谓,锚点只影响父节点的坐标),那么转化就有些麻烦

          我们先考虑最简单的情况,B就是在Canvas的根目录下,或者B所在父节点的轴心点是默认的,那么转化很简单:

          

Transform parent = canvas or parent;(伪代码)
RectTransformUtility.ScreenPointToLocalPointInRectangle(parent.transform as RectTransform,canvas.worldCamera.WorldToScreenPoint(A.transform.position),canvas.worldCamera,out pos);

          上面得到的pos就是B的本地坐标,如果B的锚点是(0.5,0.5),那么B的坐标可以这么写:B.rectTransform.anchoredPosition = pos 如果锚点是自定义的,需要进一步转化(具体怎么做我没尝试过,不过无非是把rectTransform中的锚点、轴心点取出来运算罢了)。

           如果B的父节点轴心点是自定义的,上面的结果算出来是有偏差的,如图:

           

            B的父节点轴心点是(0.5,0),通过上面的函数计算出来得到的B坐标不能跟模型A位置重叠,如果将B的父节点(上图的BottomUI)轴心点改为(0.5,0.5) ,那么计算结果正确。

           很遗憾,针对这种情况我还是没有找到合适的编码方法解决,所以通过代码转换UGUI从世界坐标到其父节点下的本地坐标的时候,请不要设置其父节点的轴心点,期待有其他同学解决并分享。

这篇关于UGUI坐标与世界坐标的转换的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/256062

相关文章

C#实现将Excel表格转换为图片(JPG/ PNG)

《C#实现将Excel表格转换为图片(JPG/PNG)》Excel表格可能会因为不同设备或字体缺失等问题,导致格式错乱或数据显示异常,转换为图片后,能确保数据的排版等保持一致,下面我们看看如何使用C... 目录通过C# 转换Excel工作表到图片通过C# 转换指定单元格区域到图片知识扩展C# 将 Excel

C++使用printf语句实现进制转换的示例代码

《C++使用printf语句实现进制转换的示例代码》在C语言中,printf函数可以直接实现部分进制转换功能,通过格式说明符(formatspecifier)快速输出不同进制的数值,下面给大家分享C+... 目录一、printf 原生支持的进制转换1. 十进制、八进制、十六进制转换2. 显示进制前缀3. 指

使用Python开发一个带EPUB转换功能的Markdown编辑器

《使用Python开发一个带EPUB转换功能的Markdown编辑器》Markdown因其简单易用和强大的格式支持,成为了写作者、开发者及内容创作者的首选格式,本文将通过Python开发一个Markd... 目录应用概览代码结构与核心组件1. 初始化与布局 (__init__)2. 工具栏 (setup_t

Java中Date、LocalDate、LocalDateTime、LocalTime、时间戳之间的相互转换代码

《Java中Date、LocalDate、LocalDateTime、LocalTime、时间戳之间的相互转换代码》:本文主要介绍Java中日期时间转换的多种方法,包括将Date转换为LocalD... 目录一、Date转LocalDateTime二、Date转LocalDate三、LocalDateTim

Python实现AVIF图片与其他图片格式间的批量转换

《Python实现AVIF图片与其他图片格式间的批量转换》这篇文章主要为大家详细介绍了如何使用Pillow库实现AVIF与其他格式的相互转换,即将AVIF转换为常见的格式,比如JPG或PNG,需要的小... 目录环境配置1.将单个 AVIF 图片转换为 JPG 和 PNG2.批量转换目录下所有 AVIF 图

详解如何通过Python批量转换图片为PDF

《详解如何通过Python批量转换图片为PDF》:本文主要介绍如何基于Python+Tkinter开发的图片批量转PDF工具,可以支持批量添加图片,拖拽等操作,感兴趣的小伙伴可以参考一下... 目录1. 概述2. 功能亮点2.1 主要功能2.2 界面设计3. 使用指南3.1 运行环境3.2 使用步骤4. 核

Java实现时间与字符串互相转换详解

《Java实现时间与字符串互相转换详解》这篇文章主要为大家详细介绍了Java中实现时间与字符串互相转换的相关方法,文中的示例代码讲解详细,感兴趣的小伙伴可以跟随小编一起学习一下... 目录一、日期格式化为字符串(一)使用预定义格式(二)自定义格式二、字符串解析为日期(一)解析ISO格式字符串(二)解析自定义

在java中如何将inputStream对象转换为File对象(不生成本地文件)

《在java中如何将inputStream对象转换为File对象(不生成本地文件)》:本文主要介绍在java中如何将inputStream对象转换为File对象(不生成本地文件),具有很好的参考价... 目录需求说明问题解决总结需求说明在后端中通过POI生成Excel文件流,将输出流(outputStre

python+opencv处理颜色之将目标颜色转换实例代码

《python+opencv处理颜色之将目标颜色转换实例代码》OpenCV是一个的跨平台计算机视觉库,可以运行在Linux、Windows和MacOS操作系统上,:本文主要介绍python+ope... 目录下面是代码+ 效果 + 解释转HSV: 关于颜色总是要转HSV的掩膜再标注总结 目标:将红色的部分滤

利用Python开发Markdown表格结构转换为Excel工具

《利用Python开发Markdown表格结构转换为Excel工具》在数据管理和文档编写过程中,我们经常使用Markdown来记录表格数据,但它没有Excel使用方便,所以本文将使用Python编写一... 目录1.完整代码2. 项目概述3. 代码解析3.1 依赖库3.2 GUI 设计3.3 解析 Mark