当前位置: 首页 > news >正文

Unity UI坐标说明

测试代码如下

 	public GameObject node; var rect = node.GetComponent<RectTransform>();Debug.Log($"anchoredPosition----{rect.anchoredPosition}");Debug.Log($"offsetMin.x--{rect.offsetMin}");Debug.Log($"offsetMax.x--{rect.offsetMax}");Debug.Log($"rect.sizeDelta----{rect.sizeDelta}");Debug.Log($"rect.rect----{rect.rect}");Debug.Log($"rect.anchorMax----{rect.anchorMax}");Debug.Log($"rect.anchorMin----{rect.anchorMin}");

场景结构如下
在这里插入图片描述
Parent对齐方式
在这里插入图片描述

一、X轴有拉伸的情况

1.向上对齐

1.参数面板

在这里插入图片描述

Left 表示Parent左边(AD)到Child左边(EH)的距离偏移,向右为正,向左为负

Right 表示Parent右边(BC)到Child右边(FG)的距离偏移,向左为正,向右为负

PosY表示CD边到Child的中心点(M)的距离偏移,向上为正,向下为负

Height表示Child的高度,EH或者FG的边长在这里插入图片描述

日志输出如下
在这里插入图片描述

2 anchoredPosition

anchoredPosition----(0.00, -20.00)

anchoredPosition表原点O到Child中心点M的偏移
原点O为AB的中点
在这里插入图片描述

3 offsetMin and offsetMax

offsetMin--(68.00, -70.00)
offsetMax--(-68.00, 30.00)

offsetMin表示左下角锚点(A)到Child左下角(B)的偏移

offsetMin表示右上角锚点(D)到Child右上角(C)的偏移
在这里插入图片描述

4 sizeDelta

rect.sizeDelta----(-136.00, 100.00)

sizeDelta.x 为 Child的宽度相对Parent的宽度 ,即AB + sizeDelta.x = CD,所以sizeDelta.x = -(68x2) = -136

因为对齐方式Y轴没有被拉伸,所以sizeDelta.y = Child的Height = 100;
在这里插入图片描述

5 rect

rect.rect----(x:-32.00, y:-50.00, width:64.00, height:100.00)

rect表示Child自身中心(A)到自身左下角(B)的偏移
在这里插入图片描述

6 anchorMax and anchorMin

rect.anchorMax----(1.00, 1.00)
rect.anchorMin----(0.00, 1.00)

anchorMin代表Child左下角锚点坐标 ,anchorMax代表右上角锚点坐标
在这里插入图片描述
当如下情况时
在这里插入图片描述
在这里插入图片描述

其他拉伸的方式同理,只是锚点不同

2、居中对齐

1.参数面板

在这里插入图片描述

在这里插入图片描述
日志输出如下
在这里插入图片描述
其他参数原理同理

3、向下对齐

1.参数面板

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

其他参数同理

二、Y轴有拉伸的情况

1.向左对齐

1.参数面板

在这里插入图片描述

  • PosX 表示Parent的左边(AD)到Child中心点(M)的水平距离偏移,向右为正,向左为负

  • Top表示Parent的上边(DC)到Child的上边(HG)到的垂直偏移,向下为正向上为负

  • Width 表示Child的宽度(HG)的长度

  • Bottom表示Parent的下边(AB)Child的下边(EF)的垂直偏移,向上为正向下为负

在这里插入图片描述
日志如下
在这里插入图片描述

2 anchoredPosition

anchoredPosition----(100.00, 30.00)

其中O为原点,是AB的中点,M为Child的中点
在这里插入图片描述

3 offsetMin and offsetMax

offsetMin--(68.00, 30.00)
offsetMax--(132.00, 30.00)

offsetMin表示左下角锚点(A)到Child左下角(C)的偏移

offsetMin表示右上角锚点(B)到Child右上角(B)的偏移
在这里插入图片描述

4 sizeDelta

rect.sizeDelta----(64.00, 0.00)

因为对齐方式X轴没有被拉伸,所以sizeDelta.x = Child的width = 64;

sizeDelta.y 为 Child的高度相对Parent的高度 ,即AB + sizeDelta.y = CE,所以sizeDelta.y = 0;

在这里插入图片描述

5 rect

rect.rect----(x:-32.00, y:-50.00, width:64.00, height:100.00)

和之前的对齐方式相同,没有变化

6 anchorMax and anchorMin

rect.anchorMax----(1.00, 1.00)
rect.anchorMin----(0.00, 1.00)

和之前的对齐方式相同,没有变化

2.居中对齐

1.参数面板

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

其他参数同理

3、向右对齐

1.参数面板

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

三、XY轴有拉伸的情况

1.参数面板

在这里插入图片描述
在这里插入图片描述
Left 表示Parent左边(AD)到Child左边(EH)的距离偏移,向右为正,向左为负

Right 表示Parent右边(BC)到Child右边(FG)的距离偏移,向左为正,向右为负

Top表示Parent的上边(DC)到Child的上边(HG)到的垂直偏移,向下为正向上为负

Bottom表示Parent的下边(AB)Child的下边(EF)的垂直偏移,向上为正向下为负

日志如下
在这里插入图片描述

其他参数和之前的对齐方式同理

四、无拉伸的情况

以左下角对齐方式为例

1.参数面板

在这里插入图片描述
在这里插入图片描述
输出日志
在这里插入图片描述
无拉伸的情况下

sizeDelta.x = width

sizeDelta.y = height

其他参数原理和之前的对齐方式相同


文章转载自:

http://ETaiU2Zs.bxmbj.cn
http://6q0HC6Ed.bxmbj.cn
http://gxFZP2ow.bxmbj.cn
http://5zCSeDvH.bxmbj.cn
http://Y4w4CjBD.bxmbj.cn
http://AGHjoO1c.bxmbj.cn
http://icVplIeV.bxmbj.cn
http://EPQJPtjK.bxmbj.cn
http://gymx9MV1.bxmbj.cn
http://GQNbGWsy.bxmbj.cn
http://ll3d7D51.bxmbj.cn
http://JZ7Ig5iK.bxmbj.cn
http://ysDWhrfD.bxmbj.cn
http://9AI0cyhp.bxmbj.cn
http://xVpP1yFb.bxmbj.cn
http://77yj6uuA.bxmbj.cn
http://Dr3eimGL.bxmbj.cn
http://YgLKTr3C.bxmbj.cn
http://8jHq60SV.bxmbj.cn
http://GFYxKu4V.bxmbj.cn
http://jWkaPkQh.bxmbj.cn
http://pQWZ3TYN.bxmbj.cn
http://7Bqcliif.bxmbj.cn
http://ndORQQtP.bxmbj.cn
http://DHsB7uxG.bxmbj.cn
http://crbeKg6r.bxmbj.cn
http://QwQSeRM2.bxmbj.cn
http://iTBAuFoh.bxmbj.cn
http://D6v6yf6L.bxmbj.cn
http://4kqdDx3L.bxmbj.cn
http://www.dtcms.com/a/384504.html

相关文章:

  • 微美全息(NASDAQ:WIMI)以声誉混合多层共识,开启区块链共识算法创新篇章
  • LAN9253通过CHIP_MODE改变链路顺序
  • 矩阵运算_矩阵A和向量a的转置T相关
  • C++异步任务处理与消息可靠性保障指南:从基础到实战
  • 总结-十大管理输入输出
  • 【Vue3】09-编写vue时,reactive的使用
  • Transformer原理学习(2)位置编码
  • C++编程语言:标准库:第38章——输入输出流(Bjarne Stroustrup)
  • 北理工提出仅依赖机载传感器针对IAP的控制与状态估计框架
  • JVM 垃圾收集算法详解!
  • pycharm选择conda的interpreter
  • 为什么要将OpenCV帧转换为PIL图像
  • Apache ShardingSphere 实战:自定义 SQL 拦截插件开发指南
  • 【langchain】加载、处理和分割源数据文件
  • cmake .. -G “Visual Studio 12“
  • i.MX6ULL 外设初始化
  • Node.js如何实现一个WebSocket服务
  • 机器学习shap分析案例
  • Shebang:Node.js 脚本的魔法开头
  • [vue3] 使用reactive声明数组如何正确赋值
  • 微硕MOS管WSF12N15助力汽车电动转向系统
  • SpringBoot快速上手:基础+进阶+项目+源码
  • winscp连接虚拟机centos要求要密码,可是虚拟机登录不需要密码,怎么解决
  • NumPy全面学习笔记
  • Java 轻松实现 Markdown 转 Word、PDF、HTML
  • 时序数据库选型指南:Apache IoTDB企业级解决方案深度解析
  • Java 中 ArrayList 扩容机制的深度解析
  • PowerBI与Excel的区别及实时数据报表开发
  • 【无人机】自检arming参数调整选项
  • Apache Paimon 官方文档