Can't change button's background color in XML .Android studio

Question

I created TableLayout then buttons. The button's color was automatically set purple. So I can't change them right now. It's my first time here.

Shashank Pandey · Answer 1 · 2021-03-31T03:47:04.607

42

don't use anything else use

<androidx.appcompat.widget.AppCompatButton
<!-- attributes-->
/>

instead of one

<Button
<!--attributes-->
/>

every thing will work nicely.

Happy coding.

edited Mar 31 '21 at 03:47

answered Dec 07 '20 at 09:38

Shashank Pandey

683
6
14

4

Worked for me. But can you please elaborate what is the issue with the "Button"? Thanks – Michael Sep 05 '21 at 14:55

score 25 · Answer 2 · edited Jun 04 '21 at 13:58

25

It's purple because of default background Tint color. You can : change **app:backgroundTint ** instad of android:backgroundColor . In this case your backgroundTint will appear instead of background color

OR

add

app:backgroundTint="@null"

and after that your background color will appear.

OR

You can change the default theme in android manifest . For example :

android:theme="@style/Theme.AppCompat"

or

 android:theme="@style/Theme.AppCompat.NoActionBar"

edited Jun 04 '21 at 13:58

Mab

412
3
12

answered Nov 27 '20 at 15:31

Mehdi Shadrooh

301
2
8

The first one worked for me. Thank you. – Achilles Jan 06 '22 at 22:23
This is what I was looking for, thank you! – Ben Kigera Feb 05 '22 at 21:04

score 20 · Answer 3 · answered Dec 14 '20 at 04:17

20

Android default color is Purple in the latest Android Studio version. To change the color of the Button, you need to add a single line of code in the XML i.e.

app:backgroundTint="@color/red"

That's all!

answered Dec 14 '20 at 04:17

Prateek

502
5
16

score 6 · Answer 4 · edited Apr 17 '21 at 07:06

6

Add the attribute:

app:backgroundTint="@null"

edited Apr 17 '21 at 07:06

silicontrip

906
7
23

answered Apr 16 '21 at 15:35

Rida Dhimni

61
1
3

Hor Chanpheng · Answer 5 · 2021-02-24T00:11:30.750

5

You might be using targetSdkVersion 30

Solution: change the theme.xml style from

<style name="AppTheme" parent="Theme.MaterialComponents.DayNight.NoActionBar">

to

<style name="AppTheme" parent="Theme.AppCompat.Light.NoActionBar">

edited Feb 24 '21 at 00:11

answered Feb 19 '21 at 00:07

Hor Chanpheng

811
8
9

score 2 · Answer 6 · answered Nov 12 '20 at 18:22

2

I had same problem, I tried almost everything and nothing worked! Seems like something has changed in Android Studio 4.1.1? idk.

[MY SOLUTION] So I used TextView instead of Button and set custom background and it worked for me :/ Hope this helps!

answered Nov 12 '20 at 18:22

grgg7

91
2
10

score 2 · Answer 7 · answered May 17 '21 at 10:58

2

You can change style from design editor as shown in below image

answered May 17 '21 at 10:58

Ashwin Nirmale

443
4
13

score 1 · Answer 8 · edited Dec 28 '20 at 14:53

1

You can use this button

<androidx.appcompat.widget.AppCompatButton>

edited Dec 28 '20 at 14:53

Manoj

2,059
3
12
24

answered Dec 28 '20 at 07:04

Jinwon Kim

11
2

score 1 · Answer 9 · answered Mar 20 '22 at 14:04

1

Remove this from your button xml

android:background="@color/white"

And replace it with

android:backgroundTint="@color/white"

answered Mar 20 '22 at 14:04

azcodez

11
3

score 1 · Answer 10 · answered Dec 20 '22 at 11:16

As some other guys mentioned, it might be that your theme overrides your button color

materialButtonStyle in particular

You can

either change your theme to Theme.AppCompat.DayNight.NoActionBar (or something like this)
or override materialButtonStyle parameter

<resources xmlns:tools="http://schemas.android.com/tools">
    <!-- Base application theme. -->
    <style name="MyButtonStyle" parent="TextAppearance.AppCompat.Button" />
    <style name="Theme.GradientTest" parent="Theme.MaterialComponents.DayNight.DarkActionBar">

        <item name="materialButtonStyle">@style/MyButtonStyle</item>
        <!-- Other params here. -->
    </style>

score 0 · Answer 11 · answered Nov 06 '20 at 13:11

0

It's really easy. You should create a shape in XML. Set background to that shape then set background with that XML.

answered Nov 06 '20 at 13:11

Nima Owji

595
3
13

score 0 · Answer 12 · answered Nov 25 '20 at 00:26

0

it worked well with the update on 'com.google.android.material:material:1.2.0-alpha06'

or

do it programmatically : myButton.background = ContextCompat.getDrawable(requireContext(), R.drawable.my_background)

both options, you'll need to set app:backgroundTint property as null

app:backgroundTint="@null"

check the next link: https://github.com/material-components/material-components-android/issues/889

answered Nov 25 '20 at 00:26

adrian

9
2

app:backgroundTint="@null" did the trick. Thanks – Waheed Akhtar Apr 29 '21 at 15:42

score 0 · Answer 13 · answered Dec 06 '20 at 05:59

go to res-values-themes-themes you will find two themes. one is when dark mode is activated. Go and change the one in dark mode. what could be happening is you have a different style for dark mode. I really hope it was easy to understand since english is not my first language

Philip Njuguna · Answer 14 · 2021-01-06T16:24:31.660

0

To resolve the issue. In the xml replace background in "android:background="@android:color/black" with backgroundTint "android:backgroundTint="@android:color/black"

edited Jan 06 '21 at 16:24

answered Jan 06 '21 at 10:45

Philip Njuguna

1
2

score 0 · Answer 15 · answered Jul 22 '21 at 13:51

0

I found a solution. inside the button tag, use

android:backgroundTint="#ccc"

replace #ccc in the above line with hex code for your preferred color. This should solve it.

answered Jul 22 '21 at 13:51

Chaitanya Bathia

42
1
10

score 0 · Answer 16 · answered Apr 12 '22 at 10:52

0

use hexcode directly to change the background

android:backgroundTint="#A9A9A9"

answered Apr 12 '22 at 10:52

Pankaj Kaule

1

score 0 · Answer 17 · answered Jun 16 '22 at 05:06

0

Use the function setBackgroundColor() on your button in the button click listener

answered Jun 16 '22 at 05:06

Nandala Abhinav

98
1
7

Can't change button's background color in XML .Android studio

17 Answers17

Linked