Start by creating the drawable/
folder under res/
.
Create number_key.xml
in res/drawable/
.
<selector
xmlns:android="http://schemas.android.com/apk/res/android">
<!--Pressed-->
<item
android:state_pressed="true"
android:drawable="@color/selected_brown"/>
<!--Focused-->
<item
android:state_focused="true"
android:drawable="@color/focused_yellow"/>
<!--Normal-->
<item
android:drawable="@color/brown"/>
</selector>
Each item here corresponds to a different
You're free to choose your own colors and customize the design! I've added my colors for the different states to res/colors.xml
:
<color name="focused_yellow">#ffafb315</color>
<color name="selected_brown">#ff604613</color>
To make this all work, you need to associate it with the number keys. Edit the Number
style to include this new drawable as our background image.
<!--Number-->
<style name="Number" parent="BaseButton">
<item name="android:background">@drawable/number_key</item>
</style>
Now our buttons respond to touches!
Do this for each type of button and commit.