【Android】テキストの横にアイコンをつける方法

#テキストの横にアイコンをつけるには
UIを変更する際に、テキストの横にアイコンを表示したい場合の記述方法について調べてみました。小さいアイコンであれば、下記を追加すれば表示できる

.xml

<TextView 
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:drawableLeft="@drawable/icon_hoge"
    android:text="hoge"/>

android:drawableLeft="@drawable/icon_hoge"　

該当ファイルのTextViewに上記一行を追加し、
@drawable/の後ろにアイコン名をつける。

参照元：https://qiita.com/tmf16/items/b96ecf2284a7d0b4f997

#アイコンの保存場所

• res
  • drawable-hdpi
  • drawable-mdpi
  • drawable-xhdpi
  • drawable-xxhdpi
  • drawable-xxxhdpi

アイコン画像は5種類書き出しをし、
resディレクトリ内の各フォルダにそれぞれ保存する。

#アイコンが表示されたかをbuildして確認する
buildして画面でテキストの横にアイコン画像が表示されているか確認する

テキストとアイコンが近すぎて気になる場合は、先程の行の下に下記を追記する
android:drawablePadding="Ndp"

.xml

<TextView 
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:drawableLeft="@drawable/icon_hoge"
    android:drawablePadding="2dp"
    android:text="hoge"/>

参照元：https://stackoverflow.com/questions/3337371/androiddrawableleft-margin-and-or-padding

##memo
・アイコンのファイル名はサイズ５種類に対して１つだけ定義すれば良い

--以上