Android: Yahoo Weather App Horizontal Scroll-view Effect?

Question

I would like to know what the Android implementation is of this type of scrolling that you see in the Yahoo Weather App. Here is a video example:

http://www.youtube.com/watch?v=a-q_yetkpik

Any examples or ideas on how to implement this would sincerely help this poor lost soul!

Thank you

Answer 1

use that library https://github.com/xgc1986/ParallaxPagerLibrary, it's very easy to use, and it worked for me

demo

Answer 2

You should separate two different things here:

The horizontal scrolling
As you swipe your way through the viewpager, the background moves slower than the content does. This effect can be achieved with the ParallaxPagerLibrary

The vertical scrolling
As you swipe up, the background image blurs away, making the "swiped up" content more visible to the user. This post explains it all and also provides a library.

But if you want it even better, someone wrote a simple "clone" of this weather app https://github.com/MoshDev/LikeYahooWeather

Answer 3

They customized ViewPager, the widget is called WeatherViewPager that it's unfortunately unavailable, looks like a ViewPager with a sort of parallax

You may take a look at https://play.google.com/store/apps/details?id=com.desarrollodroide.repos

it's a collection of usable opensource libraries

e.g. Utils->Paralloid or Utils->ParallaxScroll