Need help implementing layout slide push behavior to reveal a complete UI component

[ahmedjamilcs]

Hi, I have this small app designed and working for a demo project. I want to implement the chat UI in a way that when I click the chat button , all the top UI slides to left and reveal the chat UI from below (see attached gif )
My 2 main questions
1. How to implement layout slide behavior
2. How to implement the chat UI , since it is a complete UI with action bar so is it going to be another activity ? If so how will I show another activity alongside current activity ?
Thanks

 

[Deleted User]

Your chat UI wouldn't be implemented as an Activity. It would be a Fragment. The slide behaviour could be done by animation, sliding the View to the left. See here for a starting point on View animation

https://developer.android.com/training/animation/reposition-view

And here for some information about Fragments

https://developer.android.com/guide/components/fragments

 

[ahmedjamilcs]

Your chat UI wouldn't be implemented as an Activity. It would be a Fragment. The slide behaviour could be done by animation, sliding the View to the left. See here for a starting point on View animation
https://developer.android.com/training/animation/reposition-view
And here for some information about Fragments
https://developer.android.com/guide/components/fragments

I see thanks. I was afraid I need to modify drawer layout to achieve this but I wanted a simple solution.
I'll look into animation and fragments.