[C#] 「Unity」「游戏开发」如何在Canvas下的Button控件下实例化Image元素

在开发过程中，经常需要在UI上动态添加元素。特别是在Unity中，Canvas控件通常用来作为UI元素的容器，而Button控件则常用于交互。而在某些情况下，我们可能需要在一个Button下实例化一个Image元素，并确保它的位置与Button的位置保持一致。然而，简单地使用Button的坐标值往往无法达到预期的效果。

本篇文章将通过实例化Image元素并使其位置与Button一致的过程来详细讲解为什么会出现这种问题，并给出解决方案。

问题描述

假设我们在一个Canvas中有一个Button元素，我们希望动态地在该Button下实例化一个Image元素，并且希望这个Image与Button的坐标系统保持一致。尽管我们将坐标与Button一致设置，实例化后的Image却无法正确显示。

原因

问题的根本原因在于，Unity中的坐标系统是分为局部坐标（Local Position）和世界坐标（World Position）的。Button的坐标是局部坐标，而在实例化Image时，它的位置默认使用的是世界坐标。

所以，即使你在实例化时使用了与Button相同的坐标值，这个坐标实际上是相对于世界坐标系的，而不是相对于Button所在的Canvas或父物体。<