Android - How to create action bar like WhatsApp chat?

Question

I am trying to create Actionbar or Tollbar whatever it is in my app. I did my best to create the similar as below but the results are very bad so its better not to share here:

And remember that the following red rectangular area is clickable having the ripple effect:

Is that possible with Actionbar , if no then is this possible with Toolbar , if no then is that fine to create it with constraint or relative layout?

I did my best but i am failed to do so with Actionbar and Toolbar . Thanks !!!

Answer 1

You can create a layout for toolbar then you can add this layout as a child to the toolbar. Don't forget to set contentInsetStart attribute of the toolbar to 0dp. For ripple effect you can use a button with background of ?attr/selectableItemBackgroundBorderless .