AndroidアプリでFont Awesomeを使う

投稿日:

こんにちは、okuzawatsです。

Android標準で使えるアイコンがショボイので、いつもアイコン素材を探しながら開発しておりました。

WebだとFont Awesomeという素晴らしいWebフォントでアイコンを表示できます。

Font Awesome gives you scalable vector icons that can instantly be customized — size, color, drop shadow, and anything that can be done with the power of CSS.

出典:Font Awesome, the iconic font and CSS toolkit

AndroidアプリでもFont Awesomeを使えないかなーと思ってましたが、AndroidアプリでもFont Awesomeが使えました。
以下、AndroidアプリでFont Awesomeを使う方法をメモしていきます。

Font Awesomeをダウンロードする

fontawesome-in-android

まずはFont AwesomeのWebサイトからフォントファイルをダウンロードします。
上の画像赤丸のダウンロードリンクから、無料版をダウンロードしましょう。

Font Awesome, the iconic font and CSS toolkit

Font Awesomeは、本日現在無料で使えます。
ライセンスはゆるく、商用のプロジェクトにも使うことができます。

Font Awesome is fully open source and is GPL friendly. You can use it for commercial projects, open source projects, or really just about whatever you want.

出典:Font Awesome License

fontawesome-in-android

ダウンロードしたらzipファイルを解凍し、fontsディレクトリ内にあるfontawesome-webfont.ttfを探します。
このファイルをAndroidのプロジェクトに追加して、Font Awesomeのアイコンフォントを使えるようにしていきます。

Font AwesomeをAndroid Studioに追加する

fontawesome-webfont.ttfを/app/src/main/assets/ディレクトリ内に保存します。
assetsディレクトリはデフォルトで作成されないので、無ければ自分で作ります。
assetsディレクトリは、フォントなどのアセットファイルを保存するためのディレクトリです。
普通のディレクトリとして作成すれば大丈夫です。

Macの場合、assetsディレクトリの場所は以下のようなフルパスの位置になります。

/Users/username/AndroidStudioProjects/SampleProject/app/src/main/assets

Font AwesomeのアイコンフォントをAndroid Studioに追加したら、Androidのプロジェクト内でFont Awesomeを使っていきます。

AndroidでFont Awesomeを使う

まずはFont Awesomeのチートシートを見ながら、使いたいアイコンを探します。

fontawesome チートシート

Font Awesome Cheatsheet

使いたいアイコンが見つかったら、Unicodeをコピーしてきます。
'&'と';'の文字も必要なので、'&'から';'までをコピーしましょう。
使いたいアイコンのUnicodeをstring.xmlに貼り付けておきます。

次に、string.xmlに設定した文字をTextViewに適用します。
Typefaceでフォントを指定できるViewならなんでもいいですね。
コードの方からTypefaceを設定するので、idもきちんと書いておきましょう。

最後に、コードの方でTypefaceを設定します。
assetsディレクトリの下に保存した、fontawesome-webfont.ttfを使います。

うまくFont Awesomeのアイコンフォントを設定できていれば、こんな感じでアイコンが表示されます。

fontawesome-android

以上で、AndroidでFont Awesomeを使えるようになりました。
デザイナーじゃなくても、簡単におしゃれなアイコンが作れるFont Awesome。
ありがたいですね!

茨城県つくば市在住のAndroidアプリエンジニアです。

-Android

Copyright© Androidアプリ開発@つくば , 2017 AllRights Reserved Powered by AFFINGER4.