Unity学习笔记(08)：Rect Transform组件及实现不同尺寸分辨率的UI屏幕适配

最新推荐文章于 2024-09-15 12:40:09 发布
最新推荐文章于 2024-09-15 12:40:09 发布
阅读量1.9k 收藏 2
点赞数
分类专栏： Unity 文章标签： canvas unity unity3d
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/piconjo/article/details/106889101
版权
本文介绍了Unity中Rect Transform组件的使用，包括缩放、位置、旋转和中心点设置。讲解了如何利用Rect Transform实现UI屏幕适配，通过设置停靠点和百分比显示来确保不同尺寸分辨率的屏幕都能正确显示UI元素。
摘要由CSDN通过智能技术生成

Canvas节点的宽高是和屏幕一致的 中心点在xy轴的中间
在这里插入图片描述

Rect Transform介绍

UGUI的Image节点有RectTransform组件
在这里插入图片描述

  • scale 缩放
  • position 位置(注：相对于其父节点 即Canvas)
    以父节点为(0,0)
    在这里插入图片描述
    (相对点)
    相对点可以拖动 与此同时position的值也会相应改变
  • pivot 图片的中心点的位置 (0,0)是左下角 (1,1)是右上角 默认(0.5,0.5)中央
    若中心点设为(0,0) 那么位置为(0,0)的时候 Canvas的中心会在图片的左下角位置
    在这里插入图片描述
最低0.47元/天 解锁文章
Piconjo_Official
关注
专栏目录
Unity开发-深入理解RectTransform
微不足道
06-03 3762
工作以后自己的时间被狠狠的压缩，回家以后有时候也不太想思考技术性问题，思考了也不一定写总结，所以呢，博客更新起来比较慢，不过最近钻研了很多问题，准备好好总结一下，陆续会把相关的内容发出来分享。。。言归正传，这篇主要说说RectTransform这个在处理UI位置，形变绕不过的组件。 新手在制作UI界面的时候经常会有这样疑惑？ 为什么ui设置了相对位置以后ins面板上的...
unity3D学习笔记之七 RectTransform与屏幕适配
yhhwatl的专栏
07-03 2940
市面上的移动游戏UI布局分为两种： 1.全屏铺满 2.小屏居中 两种布局引出两种布局方式 相对布局和绝对布局 相对： Image相对Panel顶部距离20 即Image尺寸跟随Panel尺寸改变 唯一固定的是距离顶部的距离20不变 此种对应全屏铺满的UI，比如返回按钮始终在右上角20像素出。 绝对： Image位置不随Panel变化 此种布局对应小屏居中 在不同的分辨率上 屏幕变
Unity RectTransform 组件
明明明的博客
11-24 4979
Unity RectTransform 锚点 中心点 自适应布局
Unity 在代码中 动态改变RectTransform位置及宽高 的方法整理
qq_37524903的博客
06-07 6344
RectTransform官网API地址：https://docs.unity3d.com/2020.3/Documentation/ScriptReference/RectTransform.html。今天来讲一下代码中动态改变RectTransform大小及宽高的方法，关于RectTransform的参数和方法还有很多，这里不多做介绍。有时候我们希望可以使用代码来调节RectTransform的各项参数，包括位置及大小，所以来整理了几种常用的API方法。三、改变RectTransform的top。
Unity3D中UGUI的RectTransform对齐方式详解
linuxheik的专栏
03-06 3448
https://www.jianshu.com/p/831e2dd7c546 https://www.jianshu.com/p/4592bf809c8b 在Unity自带的UGUI中，RectTransform扮演了极其重要的角色，可以说基本上所有UI控件的对齐方式都是基于RectTransform的。 通常情况下，我们可以很方便的使用Unity编辑器对各种UI控件进行可视化的编辑...
Unity3D中RectTransform的参数设置
lcy的博客
07-07 839
RectTransform参数设置
unity学习笔记之不通过路径通过拖拽获取lua脚本里定义的UI组件
雏鹰起灰
06-24 1373
先简述一下这是个啥功能，就是我们项目之前在lua里获取UI组件都是通过路径来获取，类似这种，定义的时候需要每个组件都复制路径不方便而且容易出错就不说了，这几天美术在重新设计原有的一些UI界面，各种调整物体父节点或者更换预制体，每次美术那边动一次都需要程序这边更改路径名字，真的挺烦，于是在大佬提示下，我这边就实现了一个可以读取lua里定义的组件，然后像C#一样直接把组件拖拽进框框里就可以了的脚本...
Unity3D中的Rect Transform总结
十豆三展的博客
12-11 3559
Unity3D中的Rect Transform总结：Unity3D专门为UI组件设计的Rect Transform组件。Rect Transform和Canvas Renderer是UI控件必须携带的组件。位置是以像素为单位，其具体的值则以锚点所在的位置为基准，表示与锚点的距离。1、重点学习参考两个学习文档：感谢这两篇作者的技术文档，无私奉献，高风亮节。（1）Unity3D之UGUI学习笔记（二）...
unity 课堂学习源码，学习笔记
09-13
源码可能涉及Canvas（画布）、RectTransform（矩形变换）和各种UI组件的脚本交互。 5. **资源管理和加载**：Unity支持资源预加载和动态加载，这对于优化游戏性能至关重要。源码可能包含AssetBundle的使用，用于在...
Unity学习笔记：使用ScrollView（ScrollRect）实现滑动切换页面的功能
mumu6200的博客
06-14 8285
写在文章开头：我的unity版本是2018.3，写这个的目的是为了刚刚接触unity的小白（就是我），因为项目中使用Cocos的PageView做了公告系统，最近在自学unity，所以想着用unity怎么实现。翻了很多博客，感觉对我这样的小白很不友好，自己边参考边摸索着实现了这个功能，就想写下来，希望能帮助到其他小白。 模仿大佬放一下github地址：https://github.com/liu...
【Unity】UGUI中RectTransform中Top和Bottom的设置，宽和高的设置，以及postion和锚点的设置
热门推荐
Zok93
09-29 1万+
UGUI中RectTransform中Top和Bottom的设置，宽和高的设置，以及postion和锚点的设置 using UnityEngine; using System.Collections; using UnityEngine.UI; /// /// 脚本位置：UGUI的图片 /// public class test : MonoBehaviour { // 你的图片 pr
Unity UGUI 的RectTransform用代码设置参数
qq258456qq的博客
11-18 1431
1.改变RectTransform的top GetComponent<RectTransform>().offsetMax = new Vector2(GetComponent<RectTransform>().offsetMax.x, top); 2.改变RectTransform的bottom GetComponent<RectTransform>().o...
unity Canvas,Rect Transform,自动烘焙和手动烘焙,四种光源和两种发光系统
qq_19661085的博客
03-06 4317
UGUI Canvas 画布，是用来把UI元素组合在一起的组件，所有UI元素必须是Canvas的子节点；场景中可以有多个Canvas，若没有则会在创建UI元素的时候自动创建Canvas； Sorting Layer 通过Layer增加UI层次，当有很多Sorting Layer时会忽略他们距离摄像机的具体，他们通过Sorting Layer的次序渲染 在Canvas中，也是有次序的，最下面的层级最高，能够遮挡住它上面的元素 Render Mode ​ Screen Space-Overlay ​
Unity3D RectTransform中文教程详细用法分析
ChinarCSDN的博客
01-31 3897
Chinar blog ：www.chinar.xin TexturePacker 本文提供全流程，中文翻译。 Chinar 的初衷是将一种简单的生活方式带给世人 使有限时间 具备无限可能 Chinar —— 心分享、心创新！助力快速理解 Unity UGUI RectTransform 组件用法详解为新手节省宝贵的时间，避免采坑！ Chinar 教程效果： 文章目录...
unity recttransform,transform缩放(scale) 对 动态批处理的影响
bread's code
05-30 969
缩放对动态合批影响
Unity UI大小动态设置(Resize Unity UI RectTransform)
逆袭的博客
12-15 3893
//改变RectTransform的top GetComponent<RectTransform>().offsetMax = new Vector2(GetComponent<RectTransform>().offsetMax.x, top); //改变RectTransform的bottom GetComponent<RectTransform>().offsetMin = new Vector2(GetComponent<RectTransform&..
Unity组件大全之 Layout 组件 |（19）Rect Transform
最新发布
Unity打怪升级
09-15 1076
在Unity的UI系统中，RectTransform组件是控制UI元素位置、尺寸和锚点的关键。它是所有UI组件的基础，无论是Text、Image还是Button，都依赖于RectTransform来确定其在画布（Canvas）上的具体表现。本文将详细介绍RectTransform组件的功能、属性以及如何通过编辑器和脚本进行操作。
不同分辨率下页面的控件大小调整（待完善）
gxatwp的专栏
04-17 746
Retina: 960×640的分辨率压缩到一个3.5英寸的显示屏内。 ios4/ios4s 2010/2011 Screen Res 960×640 Screen Size (inches) 3.5 ios5 2012 Screen Res 1136×640 Screen Size (inches) 4 像素定义：像素是指基本原色素及其灰度的基本编码。 分辨率（resol
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值