はなちるのマイノート

Unityをメインとした技術ブログ。自分らしくまったりやっていきたいと思いますー!

【Unity】TextMeshProの下線部<u>の色を変える方法

はじめに

今回はTextMeshProの下線部の色を変える記事になります!

テキストを綺麗に表示してくれるアセットのTextMeshProですが、下線部をとても簡単に引くことができます。

f:id:hanaaaaaachiru:20190516185843p:plain

f:id:hanaaaaaachiru:20190516190030p:plain

この下線部について少し掘り下げてみましょう。

部分的に下線を引く

部分的に下線を引くためにはRich Textという機能を使います。

方法は簡単で、下線を引ひきたいテキストを<u></u>で囲います。

f:id:hanaaaaaachiru:20190516190524p:plain

f:id:hanaaaaaachiru:20190516190612p:plain

下線部の色はVertex Colorに依存する

このようにVertex Colorを変更すると下線部の色も変化します。

f:id:hanaaaaaachiru:20190516190901p:plain

f:id:hanaaaaaachiru:20190516191003p:plain

前までは下線部の色だけ変えたい場合、Vertex Colorを下線部の色にしたい色にして、テキストの色をRich Textで変更をしていました。

ただ、どうやら数年前にTextMeshProのアップグレードで下線部の色だけをRich Textで変更できるようになったみたいです。

下線部の色だけを変える

下線部の色だけ変えるには<u color=#e74c3c>Text</u>のようにすることでできます。

f:id:hanaaaaaachiru:20190516191627p:plain

f:id:hanaaaaaachiru:20190516191718p:plain

さいごに

これで下線部に別の色を付けることができました!
ただTextMeshProでは<u>タグを利用できますが、普通のTextはないことに注意してください。