今回はAndroidアプリのテキストビューにグラデーションをかける方法です。
私が作っているAndroidアプリ『検索の窓口』を使って記載していきます。
一番上の検索の窓口と書かれている緑色のテキストビューを作成します。
(横の顔文字は今回関係ありませんので無視してください。。)
~作成手順~
1. グラデーション生成用XMLを作成
2. テキストビューのbackgroundに1のXMLを設定
1. グラデーション生成用XMLを作成
名前は『design_top.xml』、保存場所は『layout』としておきます。
9行目のgradientでグラデーションの設定を行います。
10行目で開始色、11行目で終了色を設定します。
12行目のangleはグラデーションをかける方向を決めます。
- <?xml version="1.0" encoding="utf-8"?>
- <selector
- xmlns:android="http://schemas.android.com/apk/res/android">
- <item>
- <shape
- xmlns:android="http://schemas.android.com/apk/res/android"
- android:shape="rectangle">
- <gradient
- android:startColor="#00C200"
- android:endColor="#008000"
- android:angle="270" />
- </shape>
- </item>
- </selector>
10行目、11行目の色設定は、以下のアプリを使用すると凄く便利です。
・色見本 - Color Palette -
https://play.google.com/store/apps/details?id=net.uzumaki.android.iromihon
グラデーションにかかわる部分は8行目のみです。
中身を以下のようにします。
- <TextView
- android:id="@+id/title_text"
- android:layout_width="fill_parent"
- android:layout_height="wrap_content"
- android:textSize="18dip"
- android:padding="6dip"
- android:text="検索の窓口"
- android:background="@layout/design_top"
- android:textColor="#ffffff"
- android:textStyle="bold" />
完了!!!
これでグラデーションがかかります。
今回は1で作成したXMLにグラデーションの設定しかしていませんが、文字の大きさや色など別の設定をすることも可能です!
検索の窓口(アンドロイダー)
https://androider.jp/official/app/0f0d4638b01cfd49/
参考ページ
・shapeタグを使ってボタンの背景色をグラデーションにする
http://techbooster.org/android/ui/14993/
0 件のコメント:
コメントを投稿