ボタン状態によってtextを変更させる方法はちょっと分かりません。
背景色の場合は、文字色と同じようにselector
のxmlを作成し、background
に設定します。
res/drawable/bg_button.xml
<selector xmlns:android="http://schemas.android.com/apk/res/android">
<item android:state_enabled="true" android:state_window_focused="false">
<color android:color="#ff8888"/>
</item>
・・・省略
</selector>
res/layout/example.xml
<Button
android:background="@drawable/bg_button"/>
ただし、色だけを指定した場合、単にベタ塗りとなってしまい、ボタンっぽくないです。
ボタンっぽくした上で色を指定する場合、お好みの色や形で画像を用意するか、shape
を利用すると綺麗に表示されると思います。
画像を指定する例(sdkのbtn_default.xmlなどを参考にするといいと思います)
<selector xmlns:android="http://schemas.android.com/apk/res/android">
<item android:state_window_focused="false" android:state_enabled="true"
android:drawable="@drawable/btn_default_normal" />
・・・省略
</selector>
shape
で指定する例
<selector xmlns:android="http://schemas.android.com/apk/res/android">
<item android:state_window_focused="false" android:state_enabled="true">
<shape android:shape="rectangle">
<solid android:color="#ff9999"/>
<corners android:radius="4dp"/>
<stroke
android:width="1dp"
android:color="#ff8888"/>
<padding
android:left="8dp"
android:right="8dp"/>
</shape>
</item>
・・・省略
</selector>
API Level21
以降で色を変更する場合、上記のように指定するとripple
(波紋)が表示されなくなるので、
その場合は<ripple>
を使用します。
画像を使う場合、state_pressed="ture"
のときは<ripple>
で波紋の色を指定し、その中で画像を指定します。
<item
android:state_pressed="true">
<ripple android:color="#ffcccc">
<item android:drawable="@drawable/btn" />
</ripple>
</item>
shape
で指定する場合は画像と同様に<ripple>
で波紋の色を指定し、その中で<shaple>
を定義します。
<item
android:state_pressed="true">
<ripple android:color="#ffcccc">
<item>
<shape android:shape="rectangle">
<solid android:color="#ff9999"/>
<corners android:radius="4dp"/>
<stroke
android:width="2dp"
android:color="#ff8888"/>
<padding
android:left="8dp"
android:right="8dp"/>
</shape>
</item>
</ripple>
</item>
API Level21
以降でボタンの色だけ変えたい場合は、テーマで指定する方法もあります。
<style name="AppTheme" parent="android:Theme.Material.Light">
<!-- ボタン背景色 -->
<item name="android:colorButtonNormal">#88ff88</item>
<!-- ボタンの場合は押されたときの色になります。ボタン以外でも使われます -->
<item name="android:colorControlHighlight">#993333</item>
</style>