Android:TextView・Button等に角丸や枠をつける
【環境】Android Studio 2.0
基本的な作成の流れ
TextViewやPlain TextView、Buttonなどに
角丸や枠線を付けたい時の基本的な流れは下図の通りです。
[1] drawableディレクトリ直下にxmlファイルを作成。
[2] xmlファイルを編集。
作成したxmlファイルで角丸や枠の設定をします。
[3] レイアウトのxmlファイルを編集。
レイアウトのxmlファイルで、使用したいbackgroundに[2]で作成したdrawableを指定。
今回は、TextViewのbackgroundに指定してみます。
NewStyle/app/src/main/res/layout/activity_main.xml (← 既存ファイルを編集)
[4] 完成!!
色々とサンプルを作ってみる。
さて、上記を基本に色々とサンプルを作ってみます。
① 枠線
TextViewのbackgroundに指定。
② 角丸と枠線
TextViewのbackgroundに指定。
③ グラデーション
TextViewのbackgroundに指定。
④ ボタンを押下時、グラデーションを反転
Buttonのbackgroundに指定。
drawableのxmlファイルにselectorも使用して、
ボタンが押された時にグラデーションが反転するようにしています。
⑤ 丸形
Buttonのbackgroundに指定。
⑥ レイヤースタイル
TextViewのbackgroundに指定。
drawableのxmlファイルにlayer-listも使用して、
itemごとのレイヤーで下画像のように描画。
以上、色々試してみました( ´ ▽ ` )ノ