Android開発・エラー置き場

Android開発のメモやエラーなんかおいてく

*

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

      2015/11/25

Pocket

Androidでアプリを作ってる人たちの半数は抱えてるであろう・・・

ボタン デザインだ!!

 

レイアウトがドラッグ&ドロップで作れるのは嬉しいが、オリジナルがださいのであんまり作ってもテンションが上がらない。

 

そんなときにBootStrapだ!!!

Web系の人にはおなじみだが、Androidひとすじな人はあんま知らないかも。

公式はここ

 

たとえばボクが作ったこのサイトなんかはBootstrapでできてる。

 

なんか自分でデザインしなくても、シンプルでかっこいいものを作ってくれるもの

だとおもってくれればいいと思う。

 

BootStrapをAndroidにも導入しよう!

使い方はカンタンだよー。

ちなみにソース元はGithubにあるよ

(https://github.com/Bearded-Hen/Android-Bootstrap)

 

これを落としてうんやらかんやらとかネットを調べると書いてあるけど

そんなことをしなくても導入できるし、そっちのやり方でやるとエラーになったりするよ!

(もちろんボクが経験済みだよ!はっはっは)

 

Android BootStrapの使い方

今回はAndroid Studioを使っている人前提だよ。

まだ、eclipseを使っている人はそろそろ入れ替えないと置いてかれると思うよ、うん。

 

まずは、導入したいプロジェクトを開いて、そのプロジェクトで右クリックして、下から2番目の『Open Module Settings』をクリックするよ。

AndroidBootStrapの使い方1

下にある+マークを押して『1 Library dependency』をクリック。

AndroidBootStrapの使い方2

ここで『androidbootstrap』と入力すると3つの候補が出てくるので、一番上の『com.beardedhen:androidbootstrap:1.2.1』にチェックを入れ、OKを押す!

AndroidBootStrapの使い方3

 

 

これで準備完了!!

 

実際のレイアウトの書き方

 

上記のコードみたいに書いてやると…

Android BootStrapスクリーンショット

 

おしゃれ〜〜〜

 

もちろんカンタンにカスタマイズもできるから

androidbootstrap

 

角丸ボタンや、font awesomeのアイコンなんかも使えるよ!

 

Androidのボタンデザインで困ったときは、ぜひぜひ活用してみよう!

Pocket

Amazonの90%OFF検索しまくるアプリつくったよ。役に立ったらDLお願い。
https://play.google.com/store/apps/details?id=jp.tecco.amazondiscount

 - library

フリーエンジニア5日以内に案件決定!【ギークスジョブ】
ITベンチャーに特化したエンジニア向け転職サイト
「ワークタンク」に今すぐ登録を!

  関連記事

no image
対処法: Android StudioでLibraryをimportするには?

TweetPocket自動でなぜかimportされなくて悲しいことがあります。 …

no image
対処法: Could not find ****.apk!

TweetPocketこれは他のライブラリなんかを読み込んでいるときにでるはず。 …

no image
appcompat v7 とはなにか?

TweetPocketappcompat v7とはなんぞや? って人はいますか? …

no image
対処法: AndroidBootStrapでレイアウトプレビューが表示されない時

TweetPocketAndroidBootStrapでのプレビュー画面 こんな …

no image
対処法: bootstrapbutton:bb_roundedCorners=”true”が効かない

TweetPocketなぜか効かない!! 自動ではいるURLは xmlns:bo …