Changing button color causes the button to get bigger

Question

Here is what the button looks like after changing the color

Here is what it looks like with "show layout bounds" on

I have an "add note" button which shows a dialog for the user to enter a note.

I want to change the color of the button if a note is saved.

I've tried this:

btnNote.setBackgroundColor(view.getContext().getResources().getColor(R.color.NN));

and this:

btnNote.getBackground().setColorFilter(ContextCompat.getColor(view.getContext(), R.color.NN), PorterDuff.Mode.MULTIPLY);

But in both cases the button also becomes slightly bigger.

How can I change only the color of the button?

this is my button from my layout file:

<Button
    android:id="@+id/btnNote"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_marginEnd="8dp"
    android:layout_marginRight="8dp"
    android:text="Add note"
    app:layout_constraintBottom_toBottomOf="parent"
    app:layout_constraintEnd_toStartOf="@+id/btnDelete"
    app:layout_constraintTop_toTopOf="parent" />

give some padding in it then size will not resize during change of color — Abhinav Gupta, Apr 28 '18 at 06:23
I added android:padding="2dp", but this did not change the result — , Apr 28 '18 at 06:25
then use once this btnNote.setBackgroundResource(Color.parse(colorName)); — Abhinav Gupta, Apr 28 '18 at 06:30
hello @JiminyJillikers i have check `btnAccept.setBackgroundTintList(ContextCompat.getColorStateList(this, R.color.yourcolor));` this code ti works perfectly from my side you — ND1010_, Apr 28 '18 at 07:03

score 1 · Answer 1 · edited Apr 28 '18 at 07:15

I have tried all options and finally its working properly when, I Use android:backgroundTint attribute in your XML Button View.

Show below Snippet:-

android:backgroundTint="#6567dc"

Problematically

If in your gradle file minSdkVersion is below 21 than you should change it to 21 OR you can wrap code in to if condition that check device SDK support as below

if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.LOLLIPOP) {
            btnAccept.setBackgroundTintList(ContextCompat.getColorStateList(this, R.color.yourcolor));
        }

using above code output:

After color changed

Jyoti JK · Answer 2 · 2018-04-28T06:51:01.443

0

Instead of using background , try backgroundTint

In xml,

android:backgroundTint="#yourcolor"

in java,

setBackgroundTintList(ColorStateList list)

For AppCompatButton ,

button.setSupportBackgroundTintList(ContextCompat.getColorStateList(this, R.color.yourcolor));

You can use ,

 ViewCompat.setBackgroundTintList(AppCompatButton, ColorStateList)

edited Apr 28 '18 at 06:51

answered Apr 28 '18 at 06:36

Jyoti JK

2,141
1
17
40

I'd like to use that, but it says it requires API 21 and I am building for API 16. – Apr 28 '18 at 06:38
Then you can use appcompat button and use the edited answer – Jyoti JK Apr 28 '18 at 06:39

score 0 · Accepted Answer · answered Apr 28 '18 at 06:49

0

I think it dosen't become bigger,you can open the switch named "show layout bound" in developer option,the button's layout has not been changed,you can custom an drawable as the background.

answered Apr 28 '18 at 06:49

Feng Jian

16

I tried that, and you are right that the bounds do not become bigger (See the 2nd screenshot I added to the question). But the button does become bigger when the color is changed – Apr 28 '18 at 06:55
I'll make a custom drawable for the background and check the result – Apr 28 '18 at 06:58
Thanks, that is the solution – Apr 28 '18 at 08:22

score 0 · Answer 4 · answered Apr 28 '22 at 07:18

You can use background and don't use colour instead use drawable with different colours as you are using shape as background and setting colour to it does changes the colour but shape is not maintained so you need to add drawable shape with the colour you want to change

Changing button color causes the button to get bigger

4 Answers4