Unity进阶技巧 - RectTransform详解

一、Pivot属性详解
首先为了让大家更好的理解内容，我在Unity中创建了两个UI控件，一个Plane控件，作为父对象，一个Image控件，作为子对象。

然后我们选中子对象，来看看它的RectTransform组件的属性，会看到有一堆的数据，那么这些数据是如何最终决定UI在屏幕中的位置和大小的呢？我们首先来看第一个重要的属性Pivot，因为它理解RectTransform这套UI布局方案的第一个关键。

Pivot我们可以暂且称它为中心轴（这个翻译不太准确，但为了便于理解，先这么叫着），它是一个X,Y值范围是0到1的点，这个点的会在Anchor（锚点）计算位置的时候会使用到。

二、Anchor属性详解
关于Anchor锚点可能接触过UI的朋友都了解一些，但是Unity中Anchor应该称它为锚框更为合理，因为它是由两个锚点(Min，Max)组成的一个矩形，当然也可以组成一个点（两个点重合）。而Unity为了方便我们调整锚框，在编辑视图给出了锚框的标示。

三、Pivot和Anchor的结合
在了解了Pivot和Anchor分别是什么后，我们就来看看Unity是如何使用这个两个东西来控制UI的布局

当两个锚点重合时，这种情况是我们最常用也是最容易理解的方式，我们将Anchor锚点放在黑框的正中间，然后将Pivot中心轴放在红框的正中间，然后我们改变黑框的大小和位置，看看红框会有什么变化

不管我们怎么拖动黑框，改变他大小和位置，红框的Pivot点到Anchor点的距离是始终不变的，也就是说红框物体会参照锚点来实时调整自己的位置，使自己的Pivot点到锚点的距离始终保持一致，而且值得一提的是，在这种情况下，红框物体的RectTransform组件中的属性是Width和Height，这个属性在后面的情况中会发生变化，大家需要注意下

更多unity2018的功能介绍请到paws3d爪爪学院查找。

Unity进阶技巧 - RectTransform详解相关推荐

Unity：锚点详解
锚点时基于父对象让子对象定位用的.所以我们移动锚点时候的范围就是父对象的宽和高. 锚点在一起时这四个三角形在一起时意味着锚点在一起当锚点在一起的时候,图片的大小不会随着父对象的大小改变而改变:图片 ...
Unity——RectTransform详解
Unity--RectTransform详解目录 1.Anchor(Min,Max) 2.绝对与相对布局 3.Pivot 4.Offset(Min,Max) 5.SizeDelta 6.rect 7 ...
【原创-更新完毕】|日历拼图游戏的解决方案（C语言-进阶应用）-详解连载2
[原创]|日历拼图游戏的解决方案(C语言-进阶应用)-详解连载1_zhuyi8120的博客-CSDN博客 [原创]|日历拼图游戏的解决方案(C语言-进阶应用)-详解连载3_zhuyi8120的博客-C ...
转载雨松mono Unity获取游戏对象详解（来自我的长微博）
Unity获取游戏对象详解(来自我的长微博) 转载自雨松mono 本文固定链接: http://www.xuanyusong.com/archives/2768 转载请注明: 雨松MOMO 201 ...
python 拼音库_python有没有拼音库python进阶之socket详解
Socket的英文原义是"孔"或"插座".作为BSD UNIX的进程通信机制,通常也称作"套接字",用于描述IP地址和端口,是一个通信链的句 ...
攻防世界web进阶区Web_php_wrong_nginx_config详解
攻防世界web进阶区Web_php_wrong_nginx_config详解题目详解题目打开发现无论我们输入什么他都会弹出网站建设不完全那么我们使用御剑进行扫描,扫描到了admin和robo ...
攻防世界web进阶区ics-05详解
攻防世界web进阶区ics-05详解题目解法 preg_replace ctype_alnum strpos X-Forwarded-For 题目我们只能点击一个地方解法御剑扫描有一个css ...
「翻译」Unity中的AssetBundle详解（一）
AssetBundles AssetBundle是一个存档文件,其中包含平台在运行时加载的特定资产(模型,纹理,预制,音频剪辑,甚至整个场景).AssetBundles可以表示彼此之间的依赖关系;例如 ...
【原创-更新完毕】|日历拼图游戏的解决方案（C语言-进阶应用）-详解连载1
[原创]|日历拼图游戏的解决方案(C语言-进阶应用)-详解连载2_zhuyi8120的博客-CSDN博客 [原创]|日历拼图游戏的解决方案(C语言-进阶应用)-详解连载3_zhuyi8120的博客-C ...

Unity进阶技巧 - RectTransform详解

Unity进阶技巧 - RectTransform详解相关推荐

最新文章

热门文章