Material "close" button in Toolbar instead of Back

Question

I have seen in Google's Inbox App, composing a new email, in the toolbar instead of the back button (an arrow) it has a "close" button (see picture).

How can I achieve this?

Answer 1

Use  

this.getSupportActionBar().setHomeAsUpIndicator(R.drawable.ic_action_close); 

 

to achieve this.

You can create your own close icon or get from material design icon set on GitHub. Also, add this line before above line to make close function as the back arrow.

this.getSupportActionBar().setDisplayHomeAsUpEnabled(true);