How to create a Foursquare like map effect:

Question

I'm looking to integrate the feels of Foursquare map in my application. So I have created a MapFragment a ListFragment.

I placed them both in my Activity where the map is placed to take the whole screen size, while the list fragment set a little bit down, So you can see the map partially, and the other part is covered with the list. Now my guess is that this is the way the implemented it, because for what I know there is no way to expand the MapFragment to full screen with animation without the map rendering it self all over again.

So first of all is this the right way to do this? or should I place the MmapFragment on the up part of the Activity and the list bellow it? if so how would I expand it without glitches?

If it's the first option then then I need to find a way to place the map in the small view (when it's partially seen) in a way that my location is in the center also, but because the map is set from the beginning to full screen the my location is centered at the center of the screen and basically covered by the list.

How could I implement such a map expandable effect?

Answer 1

Option 1 + GoogleMap.setPadding. It offsets what is considered a center of the VisibleRegion.

More about it here: https://developers.google.com/maps/documentation/android/map#map_padding