0

I've seen this specific animation in certain apps where when scrolled, the first item on the window (most commonly an ImageView) gets faded out when scrolling down. Here's two screenshots that display the animated change:

This is from a fashion app named "Polyvore":

enter image description here

The image above displays an ImageView which gets faded out when scrolled. Animated more like. And after scrolling a bit..

enter image description here

And it ultimately fades out along with the scrolling. Pardon me for I don't know what this 'View' or animation is called. I've seen this in the Google Play Music app as well. How do I implement this?

Pjayness
  • 365
  • 1
  • 6
  • 22
  • Are you looking for Alpha Animation? – Whitney Jan 06 '15 at 17:37
  • Is that what it is? I googled Alpha Animation but I didn't see this 'specific' animation. Judging by the pictures, haven't you experienced an app which had this animation? @Whitney – Pjayness Jan 07 '15 at 05:26
  • You are going to have to combine them, however actually using an alpha animation could get tricky if the user goes up and down repeatedly. Instead you might want to see how far the user has scrolled up or down and adjust the alpha value based on that. There is no API solution that is scroll and fade that I know of. – Whitney Jan 07 '15 at 15:33
  • @Whitney I found the answer here :) http://stackoverflow.com/questions/25461014/how-to-do-the-new-playstore-parallax-effect – Pjayness Jan 10 '15 at 12:58

1 Answers1

2

For anyone else looking for this specific effect. It's known as a Parallax effect. Check this link:

How to do the new PlayStore parallax effect

Community
  • 1
  • 1
Pjayness
  • 365
  • 1
  • 6
  • 22