【Android】Android TwitterBootstrapのBootstrapTextにテキストとFontAwesomeIconの両方を設定する方法

はじめに


デザインができないエンジニアが「ほぼ、間違いではないだろう」デザインを簡単に実装できるTwitterBootstrapという仕組みがあるんですが、Webだけだと思いきやAndroidのネイティブでもあるので普段から使わせていただいてます。

Bearded-Hen/Android-Bootstrap

今回は導入などは割愛させて頂き、FontAwesomeのアイコンとテキストを同時に設定する方法を紹介します。
知らなくてちょっとハマりました。

Javaからテキストとfont awesome iconを設定する





BootstrapText.Builderに対してaddFontAwesomeIconとaddTextの両方を続けて実行しなければいけないのがポイントです。

layoutのxmlでテキストとfont awesome iconを設定する方法



Javaで設定する方法よりは直感的です。



このようにapp:bootstrapTextにfont-awsomeを指定しつつテキストを指定するだけです。

おわりに


TwitterBootstrapはデザイナーが居ないチームにとってはかなり有り難い仕組みだと思うのでうまく使っていけるといいですね。こういった細かいTipsも気が付き次第残せていければと思います。

ちなみにFontAwsomeのアイコンは以下のリンクにありますのでご参考まで。
Font Awesome Icons

役に立ったと思ったら下記をクリックお願いします。

今後の更新の励みになります。

にほんブログ村 IT技術ブログ IT技術メモへ

にほんブログ村 IT技術ブログへ

不定期ですが技術ネタを共有して行きますのでもしよろしければ購読いただければと思います

follow us in feedly

スポンサーリンク

スポンサーサイト
テーマ : プログラミング
ジャンル : コンピュータ

Tag:Android  Trackback:0 comment:0 

プロフィール

6rats

Author:6rats
こんにちは、ITベンチャーで働くエンジニアです
主に自分の周りで起きた技術的なことをメモとして書き残して行きます。
Android以外にもRuby/Ruby on RailsやFuelPHPなどなどたまにやります。基本的なスタンスとしては興味があるもしくは必要になったらいろんなことにチャレンジします。
最近はiOSアプリ開発を始めています。

購読
follow us in feedly
個人プロダクト

Androidアプリ

Twitterクライアント

Webアプリケーション

EcPriceWatch(Amazon価格の推移を計測、最安値を知らせるサービス)
Google AdSense
ブログ村
にほんブログ村 IT技術ブログへ
にほんブログ村
ブロとも申請フォーム

この人とブロともになる