Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

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

like image 749
Nitin Misra Avatar asked Dec 29 '13 09:12

Nitin Misra


People also ask

What is a scroll down website called?

Parallax scrolling is a special scrolling technique used in web design where background images throughout a web page move slower than foreground images, creating an illusion of depth on a two-dimensional site.

What are scrolling effects?

What is a Scrolling Animation? A scrolling animation is an animation where one or multiple elements get animated while the visitor scrolls up or down the page. The animations can be of any kind: moving elements, fading effects, change in color, shape or size, or anything else that comes to your mind.


2 Answers

---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

like image 150
Ramz Avatar answered Oct 28 '22 16:10

Ramz


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

like image 14
Eduard Avatar answered Oct 28 '22 16:10

Eduard