How to change toolbar color on button click?

Question

I have a app with a button and a Tool bar. I want to change the Tool bar color when button clicked. I don't want to launch any other activity, I just want when user click button the color of my Toolbar get changes.

Show some code of what you've already tried. – jlively Oct 15 '16 at 15:12 — jlively, Oct 15 '16 at 15:12

Dushyant Suthar · Accepted Answer · 2017-05-13T07:24:04.527

4

Try this

getSupportActionBar().setBackgroundDrawable(new ColorDrawable(getResources().getColor(R.color.colorAccent)));

UPDATE

To change color of status bar you should add this code:

if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.LOLLIPOP) {
Window window = getWindow();
window.addFlags(WindowManager.LayoutParams.FLAG_DRAWS_SYSTEM_BAR_BACKGROUNDS);
window.setStatusBarColor(Color.BLUE);
}

edited May 13 '17 at 07:24

answered Oct 15 '16 at 15:09

Dushyant Suthar

673
2
9
27

That works but now the way that i want... I wanna post some images but its not allowing me. It's pretty hard to tell in words – Abdul.Moqueet Oct 15 '16 at 17:28
Tell me your problem. – Dushyant Suthar Oct 15 '16 at 17:29
And accept the answer if it worked for you thank you! – Dushyant Suthar Oct 15 '16 at 17:31
See before clicking the button the toolbar is blue as primary color and dark blue is primary dark. When i click the button too l bar color changes but not the color of status bar at status bar its dark blue and at tool bar its pink. I hope you understand my problem – Abdul.Moqueet Oct 15 '16 at 17:32
I tried to accept your answer but its showing vote up by some who is lower 15 Reputation will get recorded. but not shown i n public don't know what the heck is this. – Abdul.Moqueet Oct 15 '16 at 17:37
Just click on "wright" tick icon to accept my answer – Dushyant Suthar Oct 15 '16 at 17:39
Didn't you see wright tick just below upvote and downvote icon? – Dushyant Suthar Oct 15 '16 at 17:44
Bro 1 last question in window.setStatusBarColor(Color.BLUE); } here is there any way to use color which are in my resources instead of integer color ? – Abdul.Moqueet Oct 15 '16 at 18:00
1

try this getResources().getColor(R.color.colorAccent) instead of Color.Blue – Dushyant Suthar Oct 15 '16 at 18:02

score 0 · Answer 2 · edited May 23 '17 at 10:31

Try This It will Work -

In XML

<android.support.v7.widget.Toolbar
    android:id="@+id/my_toolbar"
    android:layout_width="match_parent"
    android:layout_height="?attr/actionBarSize"
    android:background="?attr/colorControlActivated"
    android:elevation="4dp"
    android:theme="@style/ThemeOverlay.AppCompat.ActionBar"
    />
<Button
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:id="@+id/but"
    android:text="ClickME" />

In Java

public class barTool extends AppCompatActivity {
Toolbar myToolbar;
Button myButton;
protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.toolbar);

    myToolbar = (Toolbar) findViewById(R.id.my_toolbar);
    myButton=(Button)findViewById(R.id.but);
    setSupportActionBar(myToolbar); //Setting the Toolbar
    myButton.setOnClickListener(new View.OnClickListener() {
        @Override
        public void onClick(View v) {
            myToolbar.setBackgroundColor(Color.BLACK); //Changing to Color to Black OnClick of Button
        }
    });
}}

and if error comes

This Activity already has an action bar supplied by the window decor

Remove Previous Action Bar By Setting The below code in Styles.xml

<!-- Base application theme. -->
<style name="AppTheme" parent="Theme.AppCompat.Light.DarkActionBar">
<!-- Customize your theme here. -->
<item name="colorPrimary">@color/colorPrimary</item>
<item name="colorPrimaryDark">@color/colorPrimaryDark</item>
<item name="colorAccent">@color/colorAccent</item>
<item name="windowActionBar">false</item> <!--by setting last two the error is removed-->
<item name="windowNoTitle">true</item>

This code is taken from this link.Please See this Link Also.

How to change toolbar color on button click?

2 Answers2