Unity TextMesh Pro富文本添加图片细节

一、图片添加方法

        1.场景中右键添加Canvas,子物体添加Text-TMP

Unity TextMesh Pro富文本添加图片细节_第1张图片

        2. 准备图片。设置精灵2d

Unity TextMesh Pro富文本添加图片细节_第2张图片

 

        3.选中图片,右键创建TMP

Unity TextMesh Pro富文本添加图片细节_第3张图片

        4.得到S标文件,拖放到指定位置(PS,图片要一开始就放到对应文件夹,S文件生成后拖放到对应文件夹)。此后图片随意更改删除都无所谓,已经切断联系。因为S文件已经独立出去,TMP中只用S文件。

Unity TextMesh Pro富文本添加图片细节_第4张图片

         5.在场景中的TMP组件中,找到Extra Setting,单击打开它。将生成的S拖放到这个位置赋值。

Unity TextMesh Pro富文本添加图片细节_第5张图片

 

         6.文本Text中,添加一行字。调节一下垂直水平居中属性:Alignment。

Unity TextMesh Pro富文本添加图片细节_第6张图片

         7.图片添加成功。

Unity TextMesh Pro富文本添加图片细节_第7张图片

二、图片位置调节

        一般而言,添加进去图片都是歪的,不会对齐文字,所以需要调节图片的轴。

需要重新制作S文件,编辑精灵。

Unity TextMesh Pro富文本添加图片细节_第8张图片

 Unity TextMesh Pro富文本添加图片细节_第9张图片

 选择Custom,Pixels,拖动边界找到相交点,在输入框拖动数字,到达相交点,最后apply即可。

重新右键生成S文件,放到对应文件夹即可使用,位置也对了。

Unity TextMesh Pro富文本添加图片细节_第10张图片

你可能感兴趣的:(unity,TextMesh,Pro,TMP,textmeshpro)