【Android開発】EditTextの下線（アンダーライン）の色を変更する方法

Androidアプリ開発では、背景色に合わせてEditText（テキスト入力欄）の下線の色を変更したい場面があります。この記事では、backgroundTint属性を使って、EditTextの下線の色を簡単に変更する方法を、手順を追って詳しく解説します。

完成イメージ

今回作成するサンプルアプリでは、EditTextの下線が緑色（holo_green_light）に変更されます。

手順1：新規プロジェクトを作成する

まず、Android Studioで新しいプロジェクトを作成します。メニューから「File」→「New Project」を選択し、必要な項目をすべて入力してプロジェクトを作成しましょう。

手順2：レイアウトファイル（activity_main.xml）を編集する

次に、res/layout/activity_main.xmlに以下のコードを追加します。

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="https://schemas.android.com/apk/res/android"
    android:id="@+id/parent"
    xmlns:tools="https://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".MainActivity"
    android:gravity="center"
    android:orientation="vertical">

    <EditText
        android:id="@+id/editText"
        android:hint="Bottom line color change"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:backgroundTint="@android:color/holo_green_light">
    </EditText>

</LinearLayout>

ポイント：backgroundTint属性で下線の色を指定

下線の色を変更するために重要なのが、以下の1行です。

android:backgroundTint="@android:color/holo_green_light"

backgroundTint属性に任意のカラーリソースやカラーコードを指定するだけで、EditTextの下線の色を自由に変更できます。ここではサンプルとして緑色を使用していますが、プロジェクトの要件に合わせて好きな色に設定してください。

手順3：MainActivity.javaを実装する

続いて、src/MainActivity.javaに以下のコードを記述します。

package com.example.andy.myapplication;

import android.os.Build;
import android.os.Bundle;
import android.support.annotation.RequiresApi;
import android.support.v7.app.AppCompatActivity;

public class MainActivity extends AppCompatActivity {

    int view = R.layout.activity_main;

    @RequiresApi(api = Build.VERSION_CODES.JELLY_BEAN)
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(view);
    }
}

このアクティビティでは、特別な処理は行わず、先ほど作成したレイアウトを表示しているだけです。下線の色の変更は、XMLレイアウト側の設定だけで完結します。

アプリを実行して確認する

それでは、アプリを実行してみましょう。実機のAndroidスマートフォンをパソコンに接続し、Android Studioのツールバーにある「Run」ボタン（再生アイコン）をクリックします。デバイスを選択してアプリを起動すると、以下のようにEditTextの下線の色が変更されて表示されます。

上記の実行結果のように、EditTextの下線が緑色に変わっていることが確認できます。

まとめ

EditTextの下線の色を変更するには、XMLレイアウト内でandroid:backgroundTint属性を指定するだけでOKです。コードを書かずに手軽にデザインを調整できるので、アプリのテーマや背景色に合わせたUIを作りたいときにぜひ活用してください。