概要

Unity6(6000.0.23f1) にて、なぜか Image が UiBuilder の Library に入ってなかったので追加してみました
注意: 独自の VisualElement を追加するコードの書き方が Unity6 以前のものだと Obsolated になっているので、以前のバージョンとの互換性はありません
UI Toolkit よくわからないまま対応してみたものなので、もっといいやり方あるよとか、これだとこういう問題があるよ等のご指摘があると嬉しいです

作ったもの

コード全文

Image.cs

using UnityEngine;
using UnityEngine.UIElements;

namespace Example.UIElement
{
    [UxmlElement]
    public partial class Image : VisualElement
    {
        [UxmlAttribute]
        public Sprite ImageSprite
        {
            get => _image.sprite;
            set
            {
                _image.sprite = value;
            }
        }

        private readonly UnityEngine.UIElements.Image _image;

        public Image()
        {
            _image = new UnityEngine.UIElements.Image();

            Add(_image);
        }
    }
}

解説

UIElements.Image をラップしておいて、画像更新の窓口だけ Inspector に公開できるようにしてみました。
使うにあたって違和感がないように、同名の Image クラス名を採用していますが、干渉しないように名前空間を切りました。

[UxmlElement]
public partial class Image : VisualElement

UxmlElement アトリビュートを partial クラスに追記することによって、UiBuilder の Library に追加できます。

[UxmlAttribute]
public Sprite ImageSprite

[UxmlAttribute] を付与することで、Inspector に追加することができます。

参考

https://light11.hatenadiary.com/entry/2020/04/26/124956
https://technote.qualiarts.jp/article/19/
https://www.hanachiru-blog.com/entry/2024/04/04/120000