以前、「デザインが出来ないエンジニアのAndroid-Bootstrap利用方法」という記事を読んで以来 Android開発でも Bootstrap を活用しています。
なんといっても Font-Awesome の多様なアイコンが簡単に利用できるとあっていつも助けられているのですが、今回は Font-Awesome にはないアイコンが使いたくなったため、この「Android-Bootstrap」を拡張して「Stackicons」でも利用できるようにしてみましたのでGitHubにて公開したいと思います。
(※拡張、と言ってもほぼ全てAndroid-Bootstrap からのコピーですが。。^^)
[作業手順(3ステップ)]
手順としては Android-Bootstrap の FontAwesomeText とほとんど同じです。
1.Stackicons からファイルをダウンロードし、中に入っている「Stackicons-Social.ttf」をStackicons を使いたいプロジェクト内にある assets にコピーします。
2.Android-Bootstrap-Stackicons(GitHub) からZIPファイルをダウンロード&解凍。今度は AndroidBootstrap の中に「Stackicons.java」と「StackiconsText.java」を以下のように設置。
3.後は、以下のように xml にアイコン名を記述すればOKです。
<com.beardedhen.androidbootstrap.StackiconsText
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:textSize="18sp"
android:textColor="#000000"
bootstrap:fa_icon="st-icon-amazon" />
※xmlns:bootstrap="http://schemas.android.com/apk/res-auto" の記述を忘れないでくださいね。
できました!
ちなみに上記の一覧は、ZIPファイル内に入っている 「MainActivity.java」と「activity_main.xml」を使えば見ることができます。
お疲れ様でした。
Parker Bennett, Bearded Hen and Dave Gandy, I appreciate you guys!!!
0 件のコメント:
コメントを投稿