UGUI RectTransform详解

UGUI RectTransform.Unity RectTransform详解

The first:look look API.

http://docs.unity3d.com/ScriptReference/RectTransform.html

在新的UI系统中,无论Button,Text,Image,Toggle等组件,都是基于RectTransform进行布局的。

你可以不知Button为何物,不知Text为何物,不知Image为何物,但是一定要知道RectTransform。

自Unity4.6引入的新的UI坐标系,它在新的UI系统中扮演了极其重要的角色。

它的属性有anchoredPosition,anchorMax,anchorMin,offsetMax,offsetMin,pivot等。

干说是比较难以理解RectTransform的表面与内在联系的。那么我们就用最直接的图文代码方式来解释它各个属性之间的联系。

新建一个场景,其UI关系如下图,这个场景中我们要实验的对象就是参考按钮。

父容器是BaseBox,子对象是白色的Button。

首先 我们来验证按钮的anchorMax,代码如下:

        if (isTween)

        {

            Vector2 value = btnRect.anchorMax;

            value += new Vector2(0.01f, 0.01f);

            btnRect.anchorMax = value;

            btnText.text = btnRect.anchorMax.ToString();

        }

它的作用很明显当isTween为true时候,请注意下图中的anchorMax值将会不断叠加。而anchorMin却不动丝毫。

所以我们可以理解为,图中白色按钮的左下角表示anchorMin,而变化的右上角自然就是anchorMax

通过这两个点各自的XY值,我们可以确定这个UI对象在整个父容器当中的尺寸比例。

记住,是比例,当你切换回Scene场景就可以看到!

//////////////////////////

同样的方式再看anchorMin

当isTween为true时候,我们的anchorMin值将会不断减小。

        if (isTween)
        {
            Vector2 value = btnRect.anchorMin;
            value += new Vector2(0.001f, 0.001f);
            btnRect.anchorMin = value;
            btnText.text = btnRect.anchorMin.ToString();
        }

请注意下图中Anchors Min的值和按钮的变化。原理同上面的anchorMax.不再重复表述。

/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////

接下来,我们再看anchoredPosition。

        if (isTween)
        {
            Vector2 value = btnRect.anchoredPosition;
            value += new Vector2(1, 1);
            btnRect.anchoredPosition = value;
            btnText.text = btnRect.anchoredPosition.ToString();
        }

请注意下图中按钮的最低点【Left-Bottom】和最高点的【Right-Top】参数进行等比例变化。

但是却不会影响anchorMax,anchorMin的锚点比例变化。所以修改他是不会影响UI对象在父容器中定义的占比尺寸。

通过这个例子,我们知道了anchoredPosition的作用就是修改UI对象的2维坐标位置。

我们再往下看看offsetMax,演示代码如下下:

        if (isTween)
        {
            Vector2 value = btnRect.offsetMax;
            value += new Vector2(0.1f, 0.1f);
            btnRect.offsetMax = value;
            btnText.text = btnRect.offsetMax.ToString();
        }

通过下图的结果,我们确定了offsetMax起作用就是改变按钮的最高点【Top-Right】的值。

而相应的最低点却没有同比例调整,那么必然导致UI对象尺寸的改变。

但是对UI对象的anchorMax,anchorMin锚点确实没有任何影响的。

通俗的理解就是通过溢出自身的anchorMax,anchorMin定义的占比边界来改变尺寸。

为了说明offsetMax的改变对anchorMax,anchorMin是否有影响,我们在看一下Scene中当时的情况。

没错,UI对象确实变了尺寸,但是对anchorMax,anchorMin半毛钱的影响都没有。

下面顺便再配上offsetMin的演示:

        if (isTween)
        {
            Vector2 value = btnRect.offsetMin;
            value += new Vector2(0.1f, 0.1f);
            btnRect.offsetMin = value;
            btnText.text = btnRect.offsetMin.ToString();
        }

结果如下图 我们确定了offsetMin起作用就是改变按钮的最低点【Bottom-Left】的值。

//////////////////////////////////////////////////////////////////////////////////////////////////////////////////

通过上面的演示,我们可以确定锚点的变化是会影响按钮尺寸的,而按钮的尺寸变化却不会影响锚点。

anchoredPosition的变化是需要offsetMax,offsetMin共同配合实现。

//////////////////////////////////////////////////////////////////////////////////////////////////////////////////

往下再看pivot :

        if (isTween)
        {
            Vector2 value = new Vector2(Random.Range(0.1f, 0.9f), Random.Range(0.1f, 0.9f));
            btnRect.pivot = value;
        }

这个概念很简单就是UI元素的轴心点,UI元素想怎么Rotation都要围绕轴心点来运动。直接看演示图:

我们把pivot 的值进行了随机,在Scene场景中的pivot圆圈圈就是这么疯狂了。此处略过3千字。

最后我们要说的就是sizeDelta:

        if (isTween)
        {
            Vector2 value = btnRect.sizeDelta;
            value += new Vector2(0.1f, 0.1f);
            btnRect.sizeDelta = value;
            btnText.text = btnRect.sizeDelta.ToString();
        }

这是个什么东东,我们看演示图吧。

那么他在Scene场景中真实的状态是什么样的呢?看下图

你没有看错,Anchors没有任何变化,他只是改变了自己的尺寸而已,

他的变化依然要通过修改offsetMax,offsetMin实现。所以大家应该明白,sizeDelta和offsetMax,offsetMin是存在必然联系的。

关系就是:btnRect.sizeDelta=btnRect.offsetMax-btnRect.offsetMin;

////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////

小小的一个RectTransform,这里面的关系还是有点意思。大家多多思考。

本篇完结,纯属个人理解,如有错误,欢迎大家指出修正。

时间: 2024-10-11 06:15:14

UGUI RectTransform详解的相关文章

RectTransform详解

乾坤那个大挪移 ----------------------------------------------------------------- 我是分割线 ---------------------------------------------------------------------- 挪移地址:http://www.jianshu.com/p/dbefa746e50d RectTransform属性一览 前言 最近要做UI,有时候需要在代码中调整改变UI控件的属性,比如位置.大小

Spring事务管理(详解+实例)

写这篇博客之前我首先读了<Spring in action>,之后在网上看了一些关于Spring事务管理的文章,感觉都没有讲全,这里就将书上的和网上关于事务的知识总结一下,参考的文章如下: Spring事务机制详解 Spring事务配置的五种方式 Spring中的事务管理实例详解 1 初步理解 理解事务之前,先讲一个你日常生活中最常干的事:取钱. 比如你去ATM机取1000块钱,大体有两个步骤:首先输入密码金额,银行卡扣掉1000元钱:然后ATM出1000元钱.这两个步骤必须是要么都执行要么都

转载:DenseNet算法详解

原文连接:http://blog.csdn.net/u014380165/article/details/75142664 参考连接:http://blog.csdn.net/u012938704/article/details/53468483 本文这里仅当学习笔记使用,具体细节建议前往原文细度. 论文:Densely Connected Convolutional Networks 论文链接:https://arxiv.org/pdf/1608.06993.pdf 代码的github链接:h

MariaDB(MySQL)创建、删除、选择及数据类型使用详解

一.MariaDB简介(MySQL简介略过) MariaDB数据库管理系统是MySQL的一个分支,主要由开源社区在维护,采用GPL授权许可 MariaDB的目的是完全兼容MySQL,包括API和命令行,使之能轻松成为MySQL的代替品.在存储引擎方面,使用XtraDB(英语:XtraDB)来代替MySQL的InnoDB. MariaDB由MySQL的创始人Michael Widenius(英语:Michael Widenius)主导开发,他早前曾以10亿美元的价格,将自己创建的公司MySQL A

HttpServletResponse和HttpServletRequest详解

HttpServletResponse,HttpServletRequest详解 1.相关的接口 HttpServletRequest HttpServletRequest接口最常用的方法就是获得请求中的参数,这些参数一般是客户端表单中的数据.同时,HttpServletRequest接口可以获取由客户端传送的名称,也可以获取产生请求并且接收请求的服务器端主机名及IP地址,还可以获取客户端正在使用的通信协议等信息.下表是接口HttpServletRequest的常用方法. 说明:HttpServ

POSIX 线程详解(经典必看)

总共三部分: 第一部分:POSIX 线程详解                                   Daniel Robbins ([email protected]), 总裁/CEO, Gentoo Technologies, Inc.  2000 年 7 月 01 日 第二部分:通用线程:POSIX 线程详解,第 2部分       Daniel Robbins ([email protected]), 总裁/CEO, Gentoo Technologies, Inc.  20

.NET深入解析LINQ框架(五:IQueryable、IQueryProvider接口详解)

阅读目录: 1.环路执行对象模型.碎片化执行模型(假递归式调用) 2.N层对象执行模型(纵横向对比链式扩展方法) 3.LINQ查询表达式和链式查询方法其实都是空壳子 4.详细的对象结构图(对象的执行原理) 5.IQueryable<T>与IQueryProvider一对一的关系能否改成一对多的关系 6.完整的自定义查询 1]. 环路执行对象模型.碎片化执行模型(假递归式调用) 这个主题扯的可能有点远,但是它关系着整个LINQ框架的设计结构,至少在我还没有搞懂LINQ的本意之前,在我脑海里一直频

netstat状态详解

一.生产服务器netstat tcp连接状态................................................................................ 2 1.1生产服务器某个业务LVS负载均衡上连接状态数量............................................... 2 1.2生产服务器某个业务web上连接状态数量...............................................

详解go语言的array和slice 【二】

上一篇  详解go语言的array和slice [一]已经讲解过,array和slice的一些基本用法,使用array和slice时需要注意的地方,特别是slice需要注意的地方比较多.上一篇的最后讲解到创建新的slice时使用第三个索引来限制slice的容量,在操作新slice时,如果新slice的容量大于长度时,添加新元素依然后使源的相应元素改变.这一篇里我会讲解到如何避免这些问题,以及迭代.和做为方法参数方面的知识点. slice的长度和容量设置为同一个值 如果在创建新的slice时我们把