CODEWITHSUNDEEP
androidscrollgoogle-plusscrollview
Nitin Misra
Nitin Misra

Reputation: 4522

Google+ profile like scrolling Effect

I'm working on Google plus android app and wondering how did they achieve scrolling effect in profile view, I searched through out web for 2 days and didn't find any tutorial on this, anybody do not know what i'm talking about can view the screenshots I've taken on my Nexus 7.

Now my curiosity is in knowing how to achieve this effect, anyone who have idea please guide me.View the GIF

Upvotes: 19

Views: 14717

Answers (5)

Ravi Theja
Ravi Theja

Reputation: 3401

You can use CollapsingToolbarLayout provided by google design library. The following link provides a detailed explanation how to achieve what you want

http://inthecheesefactory.com/blog/android-design-support-library-codelab/en

Upvotes: 2

Ramz
Ramz

Reputation: 7164

---OLD INFO----

You can also achieve this effect by using the Android-ParallaxHeaderViewPager a good example of scrolling tab header by kmshack Github page

The Sample code is give in this Here Git Hub link

enter image description here

The explanation for the solution is begin described in the github page

NEW UPADTE 25-4-2015

A new Library works with app compact and tool bar Andriod-Seamless-ViewPager-Header

Andriod-Seamless-ViewPager

And there is another example also avilable PlayNewsStandDemo

Check this PlayNewsStandDemo

PlayNewsStandDemo

Hope this will help you

Upvotes: 20

Pedro Oliveira
Pedro Oliveira

Reputation: 20500

You can achieve that using something we like to call "Parallax Effect". I've made an easy to use library that can be used to get that effect.

If you want to use it on a RecyclerView you can use this library: https://github.com/kanytu/android-parallax-recyclerview

If you can use lists like ListView, ScrollView etc you can use this one: https://github.com/kanytu/android-parallax-listview

I know this is a link only answer however such effect requires a lot of coding and therefor can't be posted as an answer.

Here are some screens of the effect you get:

enter image description hereenter image description here

Upvotes: 8

Eduard
Eduard

Reputation: 3522

The top is called a parallax effect, where the background image scrolls at half the speed of the actual scroll.

There is a good library you can use for that called Paralloid:

https://github.com/chrisjenx/Paralloid

The other part is the sticky tabs, which can be implemented using StickyListHeaders:

https://github.com/emilsjolander/StickyListHeaders

Upvotes: 14

Adnan Mulla
Adnan Mulla

Reputation: 2866

This is a good resource : http://antoine-merle.com/blog/2013/10/04/making-that-google-plus-profile-screen/ --Explains the sticky footer, parallax and view hierarchy.

If your looking for the late animation on scroll, have a look here :

google plus scrolling technique in android

Upvotes: 6

Related Questions