[Android Studio] Android-Bootstrap 2.xを使う

　ボタンをかっこよくしたいと常々思っていたが、後回しにした挙句、デフォルトボタンで妥協・・・なんてのが今までの流れ。

今回はちょっと違う!!。調べましたよWebデザインでよく用いられてるというBootstrapがAndroidでも使えるというで、導入してみました。色々、躓きそうになったのでメモしておきます。

　最初は、Android Studioの自分のプロジェクトへのライブラリの導入

Android開発・エラー置き場

 

23 Users

25 Pockets

AndroidのボタンデザインにはBootStrapを使おう！(使い方)

http://android.tecc0.com/?p=127

Androidでアプリを作ってる人たちの半数は抱えてるであろう・・・ ボタン デザインだ！！   レイアウトがドラッグ＆ドロップで作れるのは嬉しいが、オリジナルがださいのであんまり作ってもテンションが上がらない。   そんなときにBootStrapだ！！！ Web系の人にはおなじみだが、Androidひとすじな人はあんま知らないかも。 公式はここ。   たとえばボクが作ったこのサイトなんかはBootstrapでできてる。   なんか自分でデザインしなくても、シンプルでかっこいいものを作ってくれるもの だとお...

このサイトの流れで、まずは入れてみる。とりあえず、エラー無しで導入できるが、いざ、xmlを書き換えてみても bootstrap:bb_icon_rightとかbootstrap属性でエラーがでる。どうも、2.xからは、ちょっと違うらしい。

Qiita

 

4 Pockets

Android Bootstrap 2.xでUI改善 - Qiita

http://qiita.com/sugarless_morris/items/b780b6da9edb1f30e773

AndroidアプリのUIを改善したい以前、初めてのAndroidアプリとして、AWSの請求金額を取得するAndroidアプリを作りました。自分しか使わないのでデザインはどうでもいいのですが、さすがに見た目がこれではどうか...

app属性になったのね。appで色々適当に変えてみると・・・レイアウトデザイナーでも、表示されている(アイコンはなんか(?)になってるけど)。だが!!ビルトすると、「githubのReadMeよめや!!」と怒られる。めんどくさがって読まなかったが、全部書いてあった

GitHub

 

512 Pockets

Android-Bootstrap/README.md at master · Bearded-Hen/Android-Bootstrap

https://github.com/Bearded-Hen/Android-Bootstrap/blob/master/README.md

Bootstrap style widgets for Android, with Glyph Icons - Android-Bootstrap/README.md at master · Bearded-Hen/Android-Bootstrap

あると便利なアイコンリスト

fontawesome.io

 

173 Users

23413 Pockets

Font Awesome

http://fontawesome.io/cheatsheet/

The world’s most popular and easiest to use icon set just got an upgrade. More icons. More styles. More Options.

ちゃんとApllicationクラスを拡張したら、綺麗なアイコンとボタンを表示できました。また、色々なボタンの説明も上に書いてありました。今度からちゃんと読みます。ごめんなさい。ちなみに、Applicationの拡張がわかんねーよって人は、下のサイトで確認してくださいな。

Qiita

 

2 Pockets

Applicationクラスを使ってみる - Qiita

http://qiita.com/MuuKojima/items/04081fcd7f82c063fee1

Applicationクラスを継承したクラスを作成MainApplication.javapublic class MainApplication extends Application { @Override ...