如何在圖像底部自動添加帶有空格的 ui 文本以避免腳本重疊？

Question

我有一個畫布 > 面板。 在面板下有一個圖像。 在 Image 下面有另一個 Image 和一個 Text 都是第一個 Image 的孩子：

正在加載...位於 Y 位置 -81 Y 上的 vica 圖像位置為 0 我還有一些其他帶有類似文本的圖像。 Y 上 -34 或 -20 或 -40 位置的一些文本。 Y 位置 0（或 0.3）處的所有 vicas 圖像

我的問題是，是否有一種方法可以定位或更好地創建 ui 文本，然后在 vica/s 圖像下自動定位，並且有一些空間而不重疊？ 而是自己拖動每個文本以找到合適的空間。

Answer 1

您可以使用Vertical Layout Group ，它使用起來有點棘手，但它可以在很多方面簡化您的工作。

在您的具體示例中，您可以有一個父游戲對象，帶有 VerticalLayoutGroup 組件，以及作為其子對象的圖像和文本游戲對象。 然后您可以使用 LayoutGroup 來處理兩個孩子之間的間距。

這將是結果：

如果您需要對 UI 元素的排列和大小進行更高級的控制，有許多組件值得研究，您可以在此處找到它們。