Why does a Button loses its original behaviour after changing its color?

Question

I am writing an Android app and now I am styling it. I am using a custom theme which is a child of Theme.Holo.Light. I really like Theme.Holo.Light because its buttons have a special effect when you click and hold it. Like the lower button in the picture below:

Not click:

click:

The upper button has been changed color. Now when I click on that button, it doesn't have that effect. I really don't understand why. Can anyone tell me why this happens and how can I get the same effect with a colored button?

And also, the colored button seems fatter.

i think color of your effect and color of the button are same so you are not seeing it. try change color of your button to else and see — karan, Aug 28 '15 at 05:14

score 1 · Answer 1 · edited May 23 '17 at 12:15

1

That is the "ripple effect" of material design.
You have define you own style for that effect.
Link below may help you or you may search for many other answers on StackOverflow.
Material effect on button with background color

edited May 23 '17 at 12:15

Community

1
1

answered Aug 28 '15 at 05:13

AnswerDroid

1,873
2
33
52

score 1 · Accepted Answer · edited Feb 29 '16 at 00:52

1

This is because the button uses a selector to display different colors/effects/drawables based on the state of the click. You can check out the link on Color State List Resource.

To create your own you have to create a slecetor cml file and put it in your drawables folder.

For example.

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:drawable="@drawable/shape_btn_default_normal_gray" android:state_enabled="true" android:state_pressed="false"/>
    <item android:drawable="@drawable/shape_btn_default_pressed_gray" android:state_pressed="true"/>
    <item android:drawable="@drawable/shape_btn_default_disabled_gray"/>
</selector>

or with colors

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:drawable="@color/dark_green" android:state_enabled="true" android:state_pressed="false"/>
    <item android:drawable="@color/light_green" android:state_pressed="true"/>
    <item android:drawable="@color/gray"/>
</selector>

To apply this you have to set the background drawable in your layout xml like this.

<Button
    android:id="@+id/my_btn"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:text="Some text"
    android:background="@drawable/selector_btn_default_gray"/>

edited Feb 29 '16 at 00:52

Pang

9,564
146
81
122

answered Aug 28 '15 at 05:32

Eoin

4,050
2
33
43

Where is the definition of `@drawable/shape_btn_default_normal_gray`, `@drawable/shape_btn_default_pressed_gray` etc? – Sweeper Aug 28 '15 at 06:04
it was an example you can use whatever you like, drawable, color etc. – Eoin Aug 28 '15 at 06:06
It doesn't seem like that I can put hex color in though – Sweeper Aug 28 '15 at 06:13
do you have a colors.xml file? put the hex in your colors xml file like this `#3dc49d` – Eoin Aug 28 '15 at 06:15
I know I can do that, but I can't put it in there directly, right? – Sweeper Aug 28 '15 at 06:16
not directly in I dont think, bad practice if you could, it would make changing all your colors a pain :) – Eoin Aug 28 '15 at 06:18
Thanks you very much! – Sweeper Aug 28 '15 at 06:19

Iamat8 · Answer 3 · 2016-01-05T07:04:29.670

It does not loses its behavior you can see after click (in your second image) the button show same scale as the above have...so by default the background is set as to show that it is button (like with padding or so) and can changes to show oncklick effect... So when you set your desire background to button...It takes complete change on what is on presently on it and then you have to manually set onclick effect..

Why does a Button loses its original behaviour after changing its color?

3 Answers3