テキストの長さに合わせてラベルの長さを変える方法

https://twitter.com/i/status/1365602208901853189

これはテスト用にTABキーを押すと変更するようにしていますが、使いたいタイミングでScript内の関数を呼び出す感じで使います。
##やり方

####1.Canvasを追加
ヒエラルキー右クリック>>UI>>Canvas
![2021-02-27 (4).png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/740786/440a871d-0bd9-3bde-9ef9-25cccc34112a.png)

####2.Panelを追加
Canvasを左クリックで選択>>右クリック>>UI>>Panel
![2021-02-27 (5).png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/740786/80c91a06-a61a-9378-e0a0-7ea12eee4b01.png)

####3.Panelを設定
適当でかまいません
![2021-02-27 (24).png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/740786/57e62669-70a0-6dc3-49b3-90e222bc5f15.png)

####4.TEXTを追加
Panelを左クリックで選択>>右クリック>>UI>>テキスト
![2021-02-27 (25).png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/740786/97480c4b-e366-e1d5-4ce7-dd0323019ea0.png)

####5.TEXTを設定
整列の設定だけ同じであれば問題ないです。
そのほかの設定はTEXTがぼやけないようにするための設定です。
参考：https://qiita.com/tyoberiba225/items/3a44d6b2456b61166276
![2021-02-27 (30).png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/740786/88831595-e0e0-a158-fbf9-666aebeb9277.png)

####6.Panel に ContentsSizefitter を追加
Panel>>Inspector>>AddComponent>>Layout>>ContentsSizefitter 
![2021-02-27 (9).png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/740786/905ce574-409a-c43b-dabe-d3a7337e52cd.png)
![2021-02-27 (10).png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/740786/9cfa7ee0-2da5-632d-6e9f-f5cbc71c24f6.png)

####7.Panel に HorizontalLayoutGroup を追加
Panel>>AddComponent>>Layout>>HorizontalLayoutGroup 
![2021-02-27 (11).png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/740786/c4a24834-0b2f-c5d0-7f08-d97d82a507db.png)
![2021-02-27 (12).png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/740786/95e72cd9-df9b-d436-f5d5-aa415b8e8db6.png)

####8.Panelの ContentsSizefitter と HorizontalLayoutGroupを設定
![2021-02-27 (32).png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/740786/2ef9e050-b88c-187e-5455-72348b9037cb.png)

####9.スクリプトを作成
Projectで右クリック>>Create>>Script
名前はFitLabelToTextにする
![2021-02-27 (33).png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/740786/1d153555-d2d4-e06b-c29c-ed2724c9a72e.png)

####10.下記のスクリプトをコピペ

```unity:FitLabelToText.cs
using System.Collections;
using System.Collections.Generic;
using UnityEngine;
using UnityEngine.UI;

public class FitLabelToText : MonoBehaviour
{
    [SerializeField]
    LayoutElement labelLe;

    [SerializeField]
    Text text;

    [SerializeField]
    float padding;

    RectTransform textRect;

    private void Start()
    {
        textRect = text.rectTransform;
        OnTextUpdate();
    }

    private void Update()
    {
        if (Input.GetKeyDown(KeyCode.Tab))
        {

            UpdateLabel();
        }
    }

    //テキストの長さが変わったら呼び出す
    void UpdateLabel()
    {
        labelLe.preferredWidth = text.preferredWidth / (1 / textRect.localScale.x) + padding;
    }
}

```

####11.FitLabelToText スクリプトを Panel に追加して設定
![2021-02-27 (34).png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/740786/ca6dcaad-ebb4-6697-3fd6-7856ea975072.png)

これで終わりです。
再生ボタンを押した後にテキストを変えてTABキーを押して確かめてみてください。
アイテムの個数をスロットの右下に表示したいときなんかに使ってます。
もっといい方法があれば教えてください。