Unity 3D之UI设置父子关系Instantiate 和 setParent坑

阳光穿透心脏的1/2处 2022-12-16 13:09 220阅读 0赞

把一个对象挂到另一个对象时，大小比例的对应：

GameObject **obj = UICommon.Instance.LoadReward(reward);**  
       ** obj.transform.localScale = new Vector3(0.5f, 0.5f, 0f);**  
        **obj.transform.SetParent(Img\_RewardIcon.transform, false);**

instantiate实例化时坐标错误示范：(坐标会乱掉)

<table> 
 <tbody> 
  <tr> 
   <td> <p>1</p> <p>2</p> <p>3</p> <p>4</p> <p>5</p> <p>6</p> <p>7</p> </td> 
   <td>public static CardBase Create(Transform parent) { <br> &nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;GameObject go = (GameObject)Instantiate (Resources.Load("Prefabs/normal/CardBase"));<br> &nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;go.transform.parent = parent;<br> &nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;go.transform.localPosition = parent.localPosition;<br> &nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;go.transform.localScale = parent.localScale;<br> &nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;return go.GetComponent&lt;CardBase&gt; ();<br> &nbsp;&nbsp; &nbsp;}</td> 
  </tr> 
 </tbody> 
</table>

正确示范：

<table> 
 <tbody> 
  <tr> 
   <td> <p>1</p> <p>2</p> <p>3</p> <p>4</p> <p>5</p> <p>6</p> <p>7</p> </td> 
   <td>public static CardBase Create(Transform parent) { <br> &nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;GameObject go = (GameObject)Instantiate (Resources.Load("Prefabs/normal/CardBase"));<br> &nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;go.transform.parent = parent;<br><strong>&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;go.transform.localPosition = Vector3.zero;<br> &nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;go.transform.localScale = Vector3.one;</strong><br> &nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;return go.GetComponent&lt;CardBase&gt; ();<br> &nbsp;&nbsp; &nbsp;}</td> 
  </tr> 
 </tbody> 
</table>

通常我们所用的SetParent是不带第二个参数的。

但是世界坐标系中的物体在与UGUI相结合使用时，往往会出现问题，这个问题基本上都出自于SetParent()的第二个参数。

最核心的是理解什么是**Transform, 他标记的位置是相对父物体的！**参考：[https://blog.csdn.net/qq\_42672770/article/details/106219792][https_blog.csdn.net_qq_42672770_article_details_106219792]

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQyNjcyNzcw_size_16_color_FFFFFF_t_70][]

首先看一个基础列子：

一个空的GameObject的Transform值：

![70][]

一个Cube的Transform值：

![70 1][]

他们的关系：

![70 2][]

Game视图：

![70 3][]

我们直接在Hierarchy面板中拖动Cube到空物体下，让t他成为空物体的子物体。

然后在Game视图中可以发现，Cube基本没有变化，而Transform值改变。

![70 4][]

Cube的transform值：

![70 5][]

刚才在面板中的操作相当于在代码中的操作Cube.SetParent(GameObject.transform)。（可以去试试）

所以，通俗一点来讲当**SetParent方法只有第一个参数，或者第二个参数为true**时，

**物体的transform值会根据父物体的transform值做相应的改变**，使物体在没有设置父物体前在世界坐标系中的大小旋转位置和设置父物体后在世界坐标系中的位置旋转大小一致。

当我们将cube拖出来，添加脚本

1.  `using System.Collections;`
2.  `using System.Collections.Generic;`
3.  `using UnityEngine;`
4.   
5.  `public class NewBehaviourScript1 : MonoBehaviour {`
6.   
7.  `public Transform parentTransform;`
8.   
9.  `void Start () {`
10. `transform.SetParent(parentTransform, false);`
11. `}`
12.  
13. `/*private void Start()`
14. `{`
15. `transform.SetParent(parentTransform, true);`
16. `}*/`
17.  
18. `}`

然后在Unity中发现：

Game视图：

![70 6][]

Cube的transform值：

![70 7][]

所以通俗一点来讲，当第二个参数为false的时候。

物体的transform不会根据当前设置的父物体的transform的值所改变，也就是transform值不变。

这样Cube在设置父物体前后就会有所改变了。

** 写在前面：**

在做项目的时候，难免会碰到UI很多的情况，而动态加载UI就是一个很重要的问题。而动态加载UI就需要考虑到设置UI的父子关系。通常我们会使用transform.setparent(transform)来设置父子关系。到这里都还是没毛病。但是偏偏UI在设置父子关系的时候需要考虑到第二个参数。对于初学者往往会遇到UI加载出来，设置子物体后发现UI不见了，但是明明直接拖到UI层次中又是对的。这个问题就和第二个参数相关。

**worldPositionStays**。所以这也是一个需要思考的问题。

**UI设置父物体的原因分析**

在加载UI中，这个加载步骤其实是首先将UI实例加载到场景的根路径中，然后再设置到父物体中。这个过程可以用手工实现，先加UI拖到场景根路径中，然后在拖到父物体下，此时显示的效果就是最后的效果。

原因：在从根路径拖到父物体这个过程中，就发生了坐标的转化。具体分析和解决方法看下文。

**setparent()**

这里首先对这个函数进行分析。这个函数有两个重载：

public void  SetParent(Transform parent);

public void  SetParent(Transform parent, bool worldPositionStays);

第一个是我们常用的只有一个参数的函数，第二个是加了一个是否保持世界坐标系的布尔型变量。

API中对于第二个参数的定义如下：

<table> 
 <tbody> 
  <tr> 
   <td><strong>worldPositionStays</strong></td> 
   <td>If true, the parent-relative position, scale and rotation are modified such that the object keeps the same world space position, rotation and scale as before.</td> 
  </tr> 
 </tbody> 
</table>

官方解释大意是：如果为真，那么就保持之前的位置、旋转量、缩放值。而为否，的时候则保持局部坐标的位置、旋转、缩放。

直接可能不太能理解这个参数的意思，所以就往后看。

**由此引发的问题**

通常我们在设置父子关系的时候，我们希望设置完后，子物体要保持原来的样子。如果变了样，那么就会对游戏的交互产生较为严重的影响。3D物体相对还好，UI在设置父物体如果没有设置好会出现很严重的变形。

worldPositionStays

下面对这个参数带来的影响做了对比试验：

![485e1f9bc42c66c04974089fea7ae1c4.png][]

测试场景：

球体作为父物体，方块作为子物体，分别的参数：

![c7ae4375fc3c145a7fb7fc3206a14cbb.png][]     ![6b80dc0db4e21a01c03c5890bbf395b1.png][]

选择方块作为子物体能够看出变化。

**首先参数为true。**

![5abd188e9ed09a3b5102c8fa45f4ea90.png][]

效果保持不变。球体和方块的局部坐标值分别为：

![f94f9e794b55dec9815ee778712450b2.png][]  ![a0158c8b71f86acda5006d896f35510a.png][]

可以看到在效果上保证了方块不随球体的变化而变化，但是其局部坐标值发生了变化，以球体为中心，但在效果上仍然是之前的相对位置。

其次参数为false

![577755e7eb6b66b99ec1587d696eda8d.png][]

从效果上，可以看出方块的旋转和缩放值已经发生了变化，不在保存原来的世界坐标系中的位置。球体和方块的局部坐标值分别为：

![b51d85e9ec4d0794a866505710226e78.png][]   ![d7e55fe460184c9ef58a685155a10119.png][]

从参数上可以看出，方块在局部数值上保证了和之前全局坐标系中的数值相同。

可以看出产生的影响还是较大的。

**对于UI**

对于UI来说，我们是希望保留这种位置关系还是不保留呢？答案很明显，我们在做UI预设时是在UI的父物体下完成，保存到预设中的值也是UI局部坐标系中的值。

首先加载到场景根路径时，此时UI将之前局部坐标系的值换成全局坐标系。

要保证和之前UI一样，我们需要将这种位置关系带到UI父物体中。

于是应该设置为false。

**测试效果：//UI来源蛮牛教程**

设为true：

![1df12481b1c24dba9c4b3dc13808489d.png][]

设为false：

![4d7d2f42bd19fd226baa647ddc381e47.png][]

THISSKY出品，原文链接：http://www.cnblogs.com/zhuhongjongy/p/7226386.html

[https_blog.csdn.net_qq_42672770_article_details_106219792]: https://blog.csdn.net/qq_42672770/article/details/106219792
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQyNjcyNzcw_size_16_color_FFFFFF_t_70]: /images/20221123/200779e718604ef0b07631248f95fd24.png
[70]: /images/20221123/520216be5d9244788731471355487ed7.png
[70 1]: /images/20221123/0790bf902f904c7fb574eb00810e2597.png
[70 2]: /images/20221123/a26359a4b54b4a66a202587539050736.png
[70 3]: /images/20221123/67bdc2f90d084039bf3a675c52597d3e.png
[70 4]: /images/20221123/f3d2584ae9134143b04be0b52a88f1a9.png
[70 5]: /images/20221123/cddba5a12c13457c8f3bf1c07205cfe9.png
[70 6]: /images/20221123/31ae4d8983354bf4840a5d1839ec3de9.png
[70 7]: /images/20221123/dbb9d234a02d4c52b6976311c5377cd5.png
[485e1f9bc42c66c04974089fea7ae1c4.png]: /images/20221123/f0a4edef73b44f8587917d62c8df0331.png
[c7ae4375fc3c145a7fb7fc3206a14cbb.png]: https://img-blog.csdnimg.cn/img_convert/c7ae4375fc3c145a7fb7fc3206a14cbb.png
[6b80dc0db4e21a01c03c5890bbf395b1.png]: /images/20221123/3ad606430259430a8f2d5b16d36a4533.png
[5abd188e9ed09a3b5102c8fa45f4ea90.png]: /images/20221123/c80eb04b53ef4c599c8a971f6ac9db90.png
[f94f9e794b55dec9815ee778712450b2.png]: https://img-blog.csdnimg.cn/img_convert/f94f9e794b55dec9815ee778712450b2.png
[a0158c8b71f86acda5006d896f35510a.png]: /images/20221123/b91fcc97962c421db78dffdc208594a9.png
[577755e7eb6b66b99ec1587d696eda8d.png]: /images/20221123/0a1b1066092b4eb08111dcdc63e47824.png
[b51d85e9ec4d0794a866505710226e78.png]: https://img-blog.csdnimg.cn/img_convert/b51d85e9ec4d0794a866505710226e78.png
[d7e55fe460184c9ef58a685155a10119.png]: /images/20221123/d589824364e34088b50e5f8642c645c4.png
[1df12481b1c24dba9c4b3dc13808489d.png]: /images/20221123/0209c0ac6a32445fad78dbbdaaf7daee.png
[4d7d2f42bd19fd226baa647ddc381e47.png]: /images/20221123/a7e018e673f44908b4bff54e166ff191.png