📏

背景付き可変テキストをTextmeshProのMarginで伸ばしてみる

に公開

テキスト背景に置くImageをwidth:0にしたいと思った

どういうことかと言いますと。

Hierarchy BG Text

このままでは、文字の間にマージンがありません。

かといって、Horizontal側でこのようにPaddingを設定すると。

文字が入っていない時にPaddingが映ってしまいます。

なのでTextmeshPro側にあるExtraSettingsのMarginsに値を入れてみました。
※TextmeshProでテキストを入力してからMarginsに値を入れないと0で上書きされるので注意

このようにPaddingと同じような効果があり、文字が入力されていないときは背景もwidth:0になってくれます。

何が嬉しいのか

背景のことはコードで書かなくても、これだけで済みます。

public void SetIntaractText(string t)
{
    _intaractText.text = t;
}

こんな具合で使えます。

Discussion