根据 TextMesh Pro 文本大小的 RectTransform 坐标

Question

我正在尝试创建一个带有动态（其文本内容可能会有所不同）前缀的 InputField (TextMesh Pro)。 这张壮观的图片应该可以解释目标。

https://imgur.com/a/qx1eXOa

所以我设置了一个 TextMeshPro 文本用作前缀，并通过脚本尝试相应地“移动”TextArea。 事实上，TextArea 是一个 RectTransform，我在 ScreenSpace 渲染模式下操作。

我是这样尝试的：

private TextMeshProGUI prefix;
private RecTransform textArea;


public void ChangePrefixTo(string newPrefix)
{
    float oldWidth = prefix.preferredWidth;

    prefix.text = newPrefix;
    float newWidth = prefix.preferredWidth;

    Vector2 newPos = new Vector2();
    newPos.x = textArea.position.x + (newWidth - oldWidth);
    newPos.y = textArea.position.y;

    textArea.position = newPos;
}

，但 textArea 被射入星星。 如何根据 TextMeshPro 文本的大小映射 RectTransform 位置？

感谢您的帮助，鲸鱼万岁

Answer 1

您可以将两个元素分组到一个水平布局组中，而不是使用脚本来调整前缀大小，只检查 Width 的子控件大小。

添加布局元素并设置首选宽度以定义 TextArea 的大小。

前缀会根据他的内容进行缩放，它会随着文本区域的增长而推动你的文本区域。