Change Actionbar button icon

Question

I have this layout with this button of heart , it has as inside of the event of click of this button I change the icon

I was hoping to trade my heart for this heart when you click

the answer below solved more generated a problem

You need to overwrite onCreateOptionsMenu and onOptionsItemSelected methods

1) Retain the desired Menuitem:

private MenuItem menuCoracao;
...  
@Override
public boolean onCreateOptionsMenu(Menu menu) {
    MenuInflater inflater = getMenuInflater();
    inflater.inflate(R.menu.seu_menu, menu);
    menuCoracao = menu.findItem(R.id.id_do_seu_menu);
    return super.onCreateOptionsMenu(menu);

} 2) Detect menu click and change icon:

@Override
public boolean onOptionsItemSelected(MenuItem item) {
    if (item.getItemId() == R.id.id_do_seu_menu) {
        menuCoracao.setIcon(R.drawable.seu_drawable);
    }
    return super.onOptionsItemSelected(item);
}

I tried to use on onCreate so

meuCoracao.setIcon(R.drawable.ic_action_favorite_v);

gave this error

E/AndroidRuntime﹕ FATAL EXCEPTION: main
java.lang.RuntimeException: Unable to start activity ComponentInfo{praias.android.makerapp.com.praias/praias.android.makerapp.com.praias.MainActivity}: java.lang.NullPointerException

Answer 1

You need to overwrite the methods onCreateOptionsMenu and onOptionsItemSelected

1) Retain the MenuItem desired:

private MenuItem menuCoracao;
...  
@Override
public boolean onCreateOptionsMenu(Menu menu) {
    MenuInflater inflater = getMenuInflater();
    inflater.inflate(R.menu.seu_menu, menu);
    menuCoracao = menu.findItem(R.id.id_do_seu_menu);
    return super.onCreateOptionsMenu(menu);
}

2) Detect menu click and change icon:

@Override
public boolean onOptionsItemSelected(MenuItem item) {
    if (item.getItemId() == R.id.id_do_seu_menu) {
        menuCoracao.setIcon(R.drawable.seu_drawable);
    }
    return super.onOptionsItemSelected(item);
}