如何删除 Unity3D 中按钮之间的间距？

Question

我正在使用 Unity 设计的游戏中以编程方式创建按钮。我实例化按钮预制件并将它们作为画布上的 Panel 对象的父级。我已将面板设置为具有以下属性的水平布局组：

我已将以下组件添加到按钮预制件中以实现我需要的外观：

做完这一切之后，我得到的结果是：

因此，我的问题是，如何删除每个按钮之间的间距？这些按钮应该彼此相邻（但不重叠）以看起来像一个句子。我有单独按钮的原因是用户需要单击句​​子中正确的 2 个字母字符（在上面的示例中是字母 ar）。我已将属性上的间距设置为 0 并选中/取消选中各种选项，但没有运气！

我在 Panel 和 Button 对象上都取消了 Child Force Expand 的宽度选项，但句子看起来都塞满了....如何确保按钮一个接一个整齐地放置（即不重叠）？

与以下评论相关的代码：

 for (int i = 0; i < letterArray.Length; i++)
        {
            button = (GameObject)Instantiate(buttonPrefab);
            button.transform.SetParent(buttonPanel.transform, false);
            button.GetComponentInChildren<Text>().text = letterArray[i];

            FitButtonWidthToText();
        }
    }

    public void FitButtonWidthToText()
    {
        int widthOfTheText = 0;
        CharacterInfo characterInfo;
        foreach (char c in button.GetComponentInChildren<Text>().text)
        {
            button.GetComponentInChildren<Text>().font.GetCharacterInfo(c, out characterInfo, button.GetComponentInChildren<Text>().fontSize);
            widthOfTheText += characterInfo.advance;
        }
        buttonTransform.sizeDelta = new Vector2(widthOfTheText, buttonTransform.sizeDelta.y);
    }

Answer 1

取消选中子力展开：宽度

来自the docs：

Child Force Expand：是否强制子布局元素展开以填充额外的可用空间。

检查 width (resp. height) 将使元素水平填充可用空间 (resp. vertically)。

---

编辑：不要在 Layout Group 的子级上放置 Content Size Fitter。更多信息：Making UI elements fit the size of their content。

根据我们的讨论：因此上述链接中描述的步骤仅适用于 Unity 的最新版本。如果您坚持使用更成熟的版本，您可以保留 ContentSizeFitter 以达到所需的结果，但如果您更改子元素的大小，布局将不会如您所愿自动更新。为了解决这个问题，您可以强制部分重新布局，就像 Stephan-B 在this thread 中解释的那样：

以下函数LayoutRebuilder.ForceRebuildLayoutImmediate 应该很有用。您可以在层次结构中包含影响相关对象的布局组件的根（顶级父）对象上调用此函数，而不是强制重建所有可能会对性能产生重大影响的画布。

Answer 2

您可以像这样手动计算按钮的宽度。不要使用 LayoutGroup 来控制任何与宽度有关的东西。 您可能想要添加一些额外的空间，按钮非常紧凑，但我将其留给您：D

using UnityEngine;
using UnityEngine.UI;

//Just to make sure its put on a button
[RequireComponent(typeof(Button))]
public class FitButtonSizeToText : MonoBehaviour
{
    RectTransform buttonTransform;
    Text buttonText;

    void Awake() {
        buttonTransform = GetComponent<RectTransform>();
        buttonText = GetComponentInChildren<Text>();
    }

    void Start() {
        FitButtonWidthToText();
    }    

    public void FitButtonWidthToText() {
        int widthOfTheText= 0;
        CharacterInfo characterInfo;
        foreach(char c in buttonText.text) {
            buttonText.font.GetCharacterInfo(c, out characterInfo, buttonText.fontSize);
            widthOfTheText += characterInfo.advance;
        }
        buttonTransform.sizeDelta = new Vector2(widthOfTheText, buttonTransform.sizeDelta.y);
    }
}