はじめに
今回はTextMeshProの下線部の色を変える記事になります!
テキストを綺麗に表示してくれるアセットのTextMeshPro
ですが、下線部をとても簡単に引くことができます。
この下線部について少し掘り下げてみましょう。
部分的に下線を引く
部分的に下線を引くためにはRich Text
という機能を使います。
方法は簡単で、下線を引ひきたいテキストを<u></u>で囲います。
下線部の色はVertex Colorに依存する
このようにVertex Color
を変更すると下線部の色も変化します。
前までは下線部の色だけ変えたい場合、Vertex Color
を下線部の色にしたい色にして、テキストの色をRich Text
で変更をしていました。
ただ、どうやら数年前にTextMeshPro
のアップグレードで下線部の色だけをRich Text
で変更できるようになったみたいです。
下線部の色だけを変える
下線部の色だけ変えるには<u color=#e74c3c>Text</u>のようにすることでできます。
さいごに
これで下線部に別の色を付けることができました!
ただTextMeshPro
では<u>タグを利用できますが、普通のText
はないことに注意してください。