Android HtmlCompatを使ってテキストの一部文字スタイルを変更する

2019年8月26日2019年8月29日

HTMLタグを使ってスタイル付きのテキストにしてみる。

おなじみのHTMLなので一部文字変更やURLリンクにする方法はとても分かりやすいが
エスケープ文字を使わないといけないので、ぱっと見みにくい。。

一部だけ文字スタイルを変更するなどはSpannableも利用できるが、今回は使用しない。

strings.xmlで装飾
HtmlCompatを使う
flagsの指定の違い
改行について
よく使いそうな特殊文字リンク

strings.xmlで装飾

res/values/strings.xml

    
        &lt;p>太字&lt;b> Android &lt;/b>&lt;/p>
        &lt;p>イタリック&lt;i> Android &lt;/i>&lt;/p>
        &lt;p>アンダーライン&lt;u> Android &lt;/u>&lt;/p>
        &lt;p>取り消し&lt;del> Android &lt;/del>&lt;/p>
        &lt;p>リンク&lt;a href="http://www.google.com"> Android &lt;/a> &lt;/p>
        &lt;p>大きく&lt;big> Android &lt;/big>&lt;/p>
        &lt;p>さらに大きく&lt;big>&lt;big> Android &lt;/big>&lt;/big>&lt;/p>
        &lt;p>小さく&lt;small> Android &lt;/small>&lt;/p>
        &lt;p>文字色変更&lt;font color="#11DDFF"> Android &lt;/font>&lt;/p>

「Android」という文字列に対してイタリックにしたり、リンク付けたりしてる。

実際に記述するときはエスケープ処理する必要がある。
太字の例では以下のように記述する

太字 Android

「<」は「<」の特殊文字でエスケープ処理しているのだが
まあ見にくい。ごちゃっとしてて嫌になる。
(これ以外の方法でうまくいくやり方見つけられず…)

HtmlCompatを使う

protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.main_activity);
    
    TextView tv = findViewById(R.id.tv_id);
    
    tv.setText(HtmlCompat.fromHtml(getString(R.string.html_create), HtmlCompat.FROM_HTML_MODE_COMPACT));
    tv.setMovementMethod(LinkMovementMethod.getInstance());
}

HtmlCompat.fromHtml(String source, int flags)
7行目にあるメソッドを利用し TextView に set するだけで
文字スタイルが違う複数行の文字列を表現することができる。

8行目にある TextView の設定は、リンクをタップできるようにしたもの。
tv.setMovementMethod(LinkMovementMethod.getInstance());